Полезная информация


----

Начать новую тему Ответить на тему
АвторСообщение

 Сообщение ВВ-коды форума 2015-03-06

Аватар пользователя

Добрался. Итак, самое главное: bbcode протестирован на форуме, где установлен мод всплывающей подсказки при наведении на тему. Отлично работает. Друг другу не мешают. Второе - в коде есть лишняя не используемая информация (видимо осталась от того сайта, где вы его взяли) - я поудалял. Картинку инфо (tip.png) я скачал у вас и поместил в корень сайта в папку images - иначе она просто может "потеряться", да и ссылки на посторонний сайт в админке не желательны.
Третье - немного изменил оформление (css) и вынес его отдельно в файл stylesheet.css - так удобнее редактировать в случае чего.
В итоге получилось вот такое "действо":
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку


В общем и целом штука интересная и удобная. :-00):

Использование BBCode

[tip={TEXT2}]{TEXT1}[/tip]
 


Замена HTML

<a class="tooltip">{TEXT1}<span><img src="images/tip.png" width="15" height="15" style="margin:2px;"/>{TEXT2}</span></a>
 


Подсказка

[tip=Подсказка(пояснение)]основное слово[/tip]
 


/* ------------ tooltip adminka --------------- */
a.tooltip {
background:#dcdcdc;
padding:2px;
cursor:pointer;
}
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
z-index:10;
display:none;
padding:5px;
padding-bottom:15px;
margin-top:60px;
margin-left:-160px;
width:300px;
line-height:16px;
}
a.tooltip:hover span{
display:inline;
position:absolute;
border:2px solid #FFF;
color:#EEE;
background:#333;
}


/*CSS3 extras*/
a.tooltip span
{
border-radius:2px;
box-shadow: 0px 0px 8px 4px #666;
/*opacity: 0.8;*/
}
/* ----------------------------- */


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *

Теги темы
BB-коды phpbb3, BB-code phpbb3, BB-коды
          Вернуться наверх  
 


Аватар пользователя

Большое спасибо, всё работает замечательно!!!!


          Вернуться наверх  
 


Аватар пользователя

Согласна с Андреем, что картинку лучше поместить в корень своего сайта. Тоже переделала так же. Собирала бб код с двух разных возможно и была лишняя не используемая информация.
Там можно играться с разными видами рамок и самим фоном подсказки. Просто я подбирала подходящее под стиль моего сайта.


          Вернуться наверх  
 


Аватар пользователя

Все сказано на картинке, помогите пожалуйста. Я уже все просмотрел. Не могу найти, прошу вашей помощи, надеюсь на нее. Спасибо!


          Вернуться наверх  
 


Аватар пользователя

вам вообще bbcode нужен или целый мод?

ваша простая рамка с текстом в html будет выглядеть так:

<div style="border:1px solid #000000;background:#ffffff;padding:5px">ваш текст</div>
 


где border:1px solid #000000 - ваша рамка,
background:#ffffff - белый фон сообщения
padding:5px - внутренний отступ между рамкой и текстом.

можно и так написать:

<span style="border:1px solid #000000;background:#ffffff;padding:5px">ваш текст</span>
 


можно и через таблицу сделать...

По вашему вопросу трудно понять, что именно вам нужно.


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя

Попробуй этот:

Использование BBCode
[background={COLOR}]{TEXT}[/background]
 


Замена HTML
<div style="background:{COLOR};padding:5px;margin:5px;color:#FFFFFF;border:3px solid #FFFFFF;border-radius:5px">{TEXT}</div>
 


Подсказка: [background=цвет фона (например, #004000)]текст (сам подстроишь нужный, сейчас он белый, по-моему)[/background]

Не знаю, кто автор бикода, но я его люблю, автора в смысле. :smu:sche_nie: :smu:sche_nie:


          Вернуться наверх  
 


Аватар пользователя

белк писал(а):

<div style="background:{COLOR};padding:5px;margin:5px;color:#FFFFFF;border:3px solid #FFFFFF;border-radius:5px">{TEXT}</div>


Мне нужна просто рамка, сама рамка. Т.е, если я буду писать какой-то текст, я бы хотел выделить его в code [textarea] И соответственно этот текст просто появится в этой рамке и все.

p.s Я попробовал вставить ваш code, у меня получилась строка, но там где "ваш текст" это пишется в админ.панели. И при написании очень длинного текста, строка не делается ниже, она продолжается. Т.е отступа нет.

Сообщение добавлено... спустя 31 минуту 7 секунд:
Объясняю, мне нужен код, который создает эту рамку, просто рамку, и когда я пишу в "Быстром ответе" я пишу туда текст под и выделяю в этот скрипт: [textarea][/textarea], затем с помощью этого кода этот текст выделяется в эту рамку и все естественно текста будет много, и поэтому чтобы был автоматических переход на следующую строку. Вроде бы описал все как положено. Просьба так же помочь.


          Вернуться наверх  
 


Аватар пользователя

Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку


так пойдёт?

создано на основе таблицы.
первое - ширина не фиксирована - растягивается на всю ширину экрана.
второе - ширина фиксирована, 500px, отступ внутри блока - 2
третье - ширина фиксирована, 500px, отступ внутри блока - 10

[textarea]{TEXT}[/textarea]
 


Замена HTML
<table cellpadding="2" cellspacing="2" style="border:1px solid #000000;text-align:justify;width:500px;"><tr><td>{TEXT}</td></tr></table>
 


"2" - отступ внутри блока

text-align:justify - выравнивание текста по ширине

width:500px - ширина блока.

нэ?


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя

И еще в самой рамке должен быть еще фон белый. Вот пример как должно быть: Вот мне нужно именно так.. Я просто в таких делах реально не шарю... Поэтому так все подробно спрашиваю.
P.S Я проверил твой код, он не подходит... Но почти похоже... Я не могу выровнять его по центру по левому либо по правому краю. Вот еще в чем беда.

Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку


          Вернуться наверх  
 


Аватар пользователя

в общем выравнивание, как ни странно, мне победить тоже не удалось (пока), поэтому просто встроил позиционирование в код. к сожалению, по центру не получится.
код рабочий. вот скан с моего форума стиля сабсилвер2:


Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку


то есть добавлено позиционирование, внешний отступ (для красоты) и белый фон сообщения.

Использование BBCode
[textarea={SIMPLETEXT}]{TEXT}[/textarea]
 

Замена HTML
<div style="float:{SIMPLETEXT};margin:5px;"><table cellpadding="2" cellspacing="2" style="border:1px solid #000000;text-align:justify;width:500px;background:#ffffff;"><tr><td>{TEXT}</td></tr></table></div>
 

Подсказка
[textarea=положение блока: right-справа, left-слева]ваше сообщение[/textarea]
 



_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя

Огромную благодарность выражаю Вам, все работает как надо.


          Вернуться наверх  
 


Аватар пользователя

akella1900 писал(а):

а модика то и нет))) все ручная работа, за основу взят скрипт маленький от "Некстати" с гуру за что ей спасибо, иконки самописы, немного глючит и надо проверить еще пару мыслишек к нему, да вот незадача хост на колени упал и никак его не попустит, бесплатный же)))

У меня phpbb3.1.3 я установил себе BBCode Box 3,1
Замените кнопки BBCode со значками в привлекательной и настраиваемая панель инструментов. Это расширение также добавляет много новых и полезных пользовательских BBCodes предоставляя пользователям больше возможностей, чтобы настроить их сообщения, в том числе BBvideo (вставлять видео из десятков сайтов средств массовой информации). Пользовательские BB-могут быть организованы и сортируются в любом порядке и закреплены за конкретными групп пользователей (например, модераторы и только Администраторы).
Расширение взято

Русификация

Можно легко добавить значок на свой пользовательский BBCodes! Все, что вам нужно, это значок в формате GIF, который имеет такое же имя, как ваш BBCode. Просто добавьте значок в директорию VSE/abbc3/Images/icons/ каталог. Например, BBCode [Foobar] [/ Foobar] будет работать с foobar.gif . Для удобства ABBC3 поставляется с огромной библиотекой иконок, которые можно найти в VSE / abbc3 / CONTRIB / каталога. Если вы хотите создавать свои собственные иконки, ABBC3 использует 16x16 GIF иконки. ######

Требования:
PHPBB 3.1.2 или более поздней версии (не будет работать с более ранними версиями PHPBB)




Информация о редактировании
Последний раз редактировалось mokvo4 30 мар 2015, 15:22, всего редактировалось 2 раз(а).
          Вернуться наверх  
 


Аватар пользователя

это, конечно, всё хорошо, но зачем нам это всё на версии 3.0 ? :du_ma_et:


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя

Хммм, пора наверное уже наказания вводить за сообщения для 3.1. Все никак до шапки форума не доберусь


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

DeaDRoMeO писал(а):

Хммм, пора наверное уже наказания вводить за сообщения для 3.1. Все никак до шапки форума не доберусь

Приношу свои извинения, думал что здесь оказывают поддержку любой версии и могут дать совет даже по 3.1
С уважением. :nez-nayu:


          Вернуться наверх  
 


Аватар пользователя

На главной форума есть 2 ссылки на наш второй ресурс, который и поддерживает 3.1. Без обид, но лучше так все разделить, чем будет каша из помощи к 3.0 и 3.1


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

Здравствуйте, я уже у Вас задавал вопросы, и вы мне помогли, вот в очередной раз мне нужна помощь, как сделать точно такой же фон(синий) и в этом фоне рамку белую с выделенным черными краями, и чтобы в ней можно было писать, и это отображалось.
Пример:


Также нужен вот такая рамка в виде таблица обратите внимание на выше заголовок "Баллы за отчеты", вот точно такой же HTML code.

Буду признателен.

P.S Нужен человек, который умеет создавать форумы на языке php


          Вернуться наверх  
 


Аватар пользователя

замена html

<table cellpadding="10" cellspacing="10" bgcolor="#36648B">
 <tr>
 <td valign="top" align="center" style="border:1px solid #000000;padding:5px;background:#FFFFFF;width:500px;height:200px">{TEXT1}</td>
 </tr>
 <tr>
 <td valign="top" align="center" style="border:1px solid #000000;padding:5px;background:#FFFFFF;width:500px;height:200px">{TEXT2}</td>
 </tr>
 </table>
 


где
bgcolor="#36648B" - цвет фона
border:1px solid #000000 - чёрная рамка
background:#FFFFFF - белый фон сообщения
width:500px;height:200px - размеры поля сообщения
cellpadding="10" cellspacing="10" - рамка фона

код типа
[ramka={TEXT1}]{TEXT2}[/ramka]
 

где
{TEXT1} и {TEXT2} - соответственно верхнее и нижнее сообщение.

//все сообщения расположены по центру (align="center")

выглядит этот код так (при данных параметрах):
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку


успехов.

второй код тоже несложный, просто сейчас лень писать. если никто не поможет - попозже напишу....


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя


С этим разобрался, но осталась проблема такая: Продолжается синяя стенка(права), как ее поставить на нужный мне уровень, чтобы была как скрин выше.
Если я делаю его по центру, то он встает по центру, а вот картинки теряют свой код и уходят на левый край. За место того, чтобы коду работать, он перед картинкой пишет [center]



Информация о редактировании
Последний раз редактировалось Антон55 04 май 2015, 13:04, всего редактировалось 2 раз(а).
          Вернуться наверх  
 


Аватар пользователя

у вас же, вроде, в коде всё написано... bbcode textarea и background есть выше по страничке....

[background=#21416B][textarea][center][img]http...
 
:du_ma_et:

если у вас не видно текста, значит в каком-то bbcode прописан сам цвет текста, такой color:#FFFFFF;. просто уберите это из кода и всё...


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 
 
Начать новую тему Ответить на тему


Дополнительные возможности

  Похожие темы  Автор  Ответов  Просмотров  Последнее сообщение 
Аватар пользователя ВВ-коды [часть 1]

DeaDRoMeO

25

5698

Аватар пользователя

07 ноя 2015, 06:14

VDV_forever

Аватар пользователя ВВ-коды [часть 2]

DeaDRoMeO

25

4691

Аватар пользователя

18 апр 2014, 13:32

БОРИСЫЧ

Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля после обновления не работают bb коды

proflekc

7

120

Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля

08 дек 2017, 18:08

proflekc

Аватар пользователя [Общая тема]BB-коды phpbb3
Тема полностью посвящена проблемам использования и разработки BB-кодов для форума

nudevolga

27

2224

Аватар пользователя

01 авг 2013, 14:04

DeaDRoMeO

Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля Rss форума

proflekc

7

1376

Аватар пользователя

23 окт 2014, 22:27

Tatyana_S

Оставить свой комментарий

Поделиться темой с помощью

Ссылки на тему

Прямая ссылка:
BB-код для форумов, сайтов, блогов:
HTML ссылка:
 


Самая неформальная поддержка phpBB :P