ВВ-коды форума

В данном подфоруме я буду выкладывать разнообразные украшения форума phpbb3, от смайлов до скриптов, от ВВ-кодов до различных полезных программ.

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Ответить
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

Добрался. Итак, самое главное: 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;*/
}
/* ----------------------------- */
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#521
Аватара пользователя
tanyxa
Начинаю осваивать Форум
Начинаю осваивать Форум
Сообщения: 125
Стаж: 10 лет 5 месяцев
Откуда: Московская область
Контактная информация:

ВВ-коды форума

Сообщение tanyxa »

Большое спасибо, всё работает замечательно!!!!
#522
Аватара пользователя
Claudia
Заглянул на огонек
Заглянул на огонек
Сообщения: 36
Стаж: 10 лет 8 месяцев
Откуда: Украина
Контактная информация:

ВВ-коды форума

Сообщение Claudia »

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

ВВ-коды форума

Сообщение Антон55 »

Все сказано на картинке, помогите пожалуйста. Я уже все просмотрел. Не могу найти, прошу вашей помощи, надеюсь на нее. Спасибо!
#524
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

вам вообще 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>
можно и через таблицу сделать...

По вашему вопросу трудно понять, что именно вам нужно.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#525
Аватара пользователя
Милена
Самый Любознательный
Самый Любознательный
Сообщения: 371
Стаж: 9 лет 7 месяцев
Откуда: РФ

ВВ-коды форума

Сообщение Милена »

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

Использование 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:
#526
Аватара пользователя
Антон55
Заглянул на огонек
Заглянул на огонек
Сообщения: 13
Стаж: 9 лет
Контактная информация:

ВВ-коды форума

Сообщение Антон55 »

белк писал(а):<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], затем с помощью этого кода этот текст выделяется в эту рамку и все естественно текста будет много, и поэтому чтобы был автоматических переход на следующую строку. Вроде бы описал все как положено. Просьба так же помочь.
#527
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »



так пойдёт?

создано на основе таблицы.
первое - ширина не фиксирована - растягивается на всю ширину экрана.
второе - ширина фиксирована, 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 - ширина блока.

нэ?
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#528
Аватара пользователя
Антон55
Заглянул на огонек
Заглянул на огонек
Сообщения: 13
Стаж: 9 лет
Контактная информация:

ВВ-коды форума

Сообщение Антон55 »

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

#529
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

в общем выравнивание, как ни странно, мне победить тоже не удалось (пока), поэтому просто встроил позиционирование в код. к сожалению, по центру не получится.
код рабочий. вот скан с моего форума стиля сабсилвер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]
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#530
Аватара пользователя
Антон55
Заглянул на огонек
Заглянул на огонек
Сообщения: 13
Стаж: 9 лет
Контактная информация:

ВВ-коды форума

Сообщение Антон55 »

Огромную благодарность выражаю Вам, все работает как надо.
#531
Аватара пользователя
mokvo4
Заглянул на огонек
Заглянул на огонек
Сообщения: 11
Стаж: 9 лет 1 месяц
Откуда: Санкт-Петербуг

ВВ-коды форума

Сообщение mokvo4 »

[quote="akella1900"]а модика то и нет))) все ручная работа, за основу взят скрипт маленький от "Некстати" с гуру за что ей спасибо, иконки самописы, немного глючит и надо проверить еще пару мыслишек к нему, да вот незадача хост на колени упал и никак его не попустит, бесплатный же)))[/quote]
У меня 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 раза.
#532
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

это, конечно, всё хорошо, но зачем нам это всё на версии 3.0 ? :du_ma_et:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#533
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

ВВ-коды форума

Сообщение DeaDRoMeO »

Хммм, пора наверное уже наказания вводить за сообщения для 3.1. Все никак до шапки форума не доберусь
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#534
Аватара пользователя
mokvo4
Заглянул на огонек
Заглянул на огонек
Сообщения: 11
Стаж: 9 лет 1 месяц
Откуда: Санкт-Петербуг

ВВ-коды форума

Сообщение mokvo4 »

DeaDRoMeO писал(а):Хммм, пора наверное уже наказания вводить за сообщения для 3.1. Все никак до шапки форума не доберусь
Приношу свои извинения, думал что здесь оказывают поддержку любой версии и могут дать совет даже по 3.1
С уважением. :nez-nayu:
#535
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

ВВ-коды форума

Сообщение DeaDRoMeO »

На главной форума есть 2 ссылки на наш второй ресурс, который и поддерживает 3.1. Без обид, но лучше так все разделить, чем будет каша из помощи к 3.0 и 3.1
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#536
Аватара пользователя
Антон55
Заглянул на огонек
Заглянул на огонек
Сообщения: 13
Стаж: 9 лет
Контактная информация:

ВВ-коды форума

Сообщение Антон55 »

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


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

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

P.S Нужен человек, который умеет создавать форумы на языке php
#537
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

замена 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")

выглядит этот код так (при данных параметрах):


успехов.

второй код тоже несложный, просто сейчас лень писать. если никто не поможет - попозже напишу....
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#538
Аватара пользователя
Антон55
Заглянул на огонек
Заглянул на огонек
Сообщения: 13
Стаж: 9 лет
Контактная информация:

ВВ-коды форума

Сообщение Антон55 »


С этим разобрался, но осталась проблема такая: Продолжается синяя стенка(права), как ее поставить на нужный мне уровень, чтобы была как скрин выше.
Если я делаю его по центру, то он встает по центру, а вот картинки теряют свой код и уходят на левый край. За место того, чтобы коду работать, он перед картинкой пишет
Последний раз редактировалось Антон55 04 май 2015, 13:04, всего редактировалось 2 раза.
#539
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

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

Код: Выделить всё

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

если у вас не видно текста, значит в каком-то bbcode прописан сам цвет текста, такой color:#FFFFFF;. просто уберите это из кода и всё...
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#540
Ответить