BB код Warning, important, note, tip

Администратор · Регистрация: 27.02.2009

Автор: GiveMeABreak

Подборка из 4-х ББ-кодов

Установка

1. Залить все файлы из папки upload в вашу папку с форумом.
2. Идем в админку > Стили и шаблоны > Управление стилями > Ваш стиль > Основная таблица CSS и в самом низу есть Дополнительные определения CSS, и во второй блок прописываем:

PHP код:



.note-classic,.note-important,.note-warning,.note-tip{margin:2em;margin-left:auto;margin-right:auto;width:70%!important;min-height:40px;clear:both;text-align:justify;vertical-align:middle;border-collapse:collapse;padding:15px 20px 15px 80px;background-position:20px 50%;background-repeat:no-repeat;-moz-border-radius:20px;-khtml-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.note-classic{background-color:#eef;background-image:url(images/bbcodes/note.png);}
.note-important{background-color:#ffc;background-image:url(images/bbcodes/important.png);}
.note-warning{background-color:#fdd;background-image:url(images/bbcodes/warning.png);}
.note-tip{background-color:#dfd;background-image:url(images/bbcodes/tip.png);}

и сохраняем.

3. Админка > Дополнительные BB коды > Добавить BB Коды, и повторяем это действие для каждого ББ кода.

1 BB код - Important

Заголовок : IMPORTANT
Название BB кода : IMPORTANT
Замена : <div class="note-important"><b>{param}</b></div>
Пример : [IMPORTANT]Пример[/IMPORTANT]
Использовать опцию : Нет
Изображение кнопки : images/bbcodes/important_button.png

И сохраняем.

2 BB код - Note

Заголовок : NOTE
Название BB кода : NOTE
Замена : <div class="note-classic"><b>{param}</b></div>
Пример : [NOTE]Пример[/NOTE]
Использовать опцию : Нет
Изображение кнопки : images/bbcodes/note_button.png

И сохраняем.

3 BB код Tip

Заголовок : TIP
Название BB кода : TIP
Замена : <div class="note-tip"><b>{param}</b></div>
Пример : [TIP]Пример[/TIP]
Использовать опцию : Нет
Изображение кнопки : images/bbcodes/tip_button.png

И сохраняем.

4 BB код Warning

Заголовок : WARNING
Название BB кода : WARNING
Замена : <div class="note-warning"><b>{param}</b></div>
Пример : [WARNING]Пример[/WARNING]
Использовать опцию : Нет
Изображение кнопки : images/bbcodes/warning_button.png

И сохраняем.

Скачать

Пользователь · Регистрация: 11.11.2012

Вроде такое же видел на ipb )

Пользователь · Регистрация: 11.11.2012

А в additional.css можно вставить на 4??? а то вставлял вниз но почему то не отображается цвет рамки

Администратор · Регистрация: 27.02.2009

Цитата:

Сообщение от Vagaitsev

А в additional.css можно вставить на 4

Можно и нужно (для 4-ки именно в additional.css и надо)

Пользователь · Регистрация: 11.11.2012

Цитата:

Сообщение от Vector

Можно и нужно (для 4-ки именно в additional.css и надо)

Спасибо, со всем разобрался)

Пользователь · Регистрация: 22.11.2012

видел такие на ip-board, а для VB не знал что есть такие
Спасибо возьму себе на форум)

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Хаки Note in pm message form - замечание в форме отправки ЛС	Vector	Личные сообщения	0	06.11.2010 16:35

Vector #1
7630 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,302 Сказал(а) спасибо: 578 Спасибок 2,623 в 1,832 сообщениях	Warning, important, note, tip - 13.03.2012, 15:17 Автор: GiveMeABreak Подборка из 4-х ББ-кодов Установка 1. Залить все файлы из папки upload в вашу папку с форумом. 2. Идем в админку > Стили и шаблоны > Управление стилями > Ваш стиль > Основная таблица CSS и в самом низу есть Дополнительные определения CSS, и во второй блок прописываем: PHP код: .note-classic,.note-important,.note-warning,.note-tip{margin:2em;margin-left:auto;margin-right:auto;width:70%!important;min-height:40px;clear:both;text-align:justify;vertical-align:middle;border-collapse:collapse;padding:15px 20px 15px 80px;background-position:20px 50%;background-repeat:no-repeat;-moz-border-radius:20px;-khtml-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;} .note-classic{background-color:#eef;background-image:url(images/bbcodes/note.png);} .note-important{background-color:#ffc;background-image:url(images/bbcodes/important.png);} .note-warning{background-color:#fdd;background-image:url(images/bbcodes/warning.png);} .note-tip{background-color:#dfd;background-image:url(images/bbcodes/tip.png);} и сохраняем. 3. Админка > Дополнительные BB коды > Добавить BB Коды, и повторяем это действие для каждого ББ кода. 1 BB код - Important Заголовок : IMPORTANT Название BB кода : IMPORTANT Замена : <div class="note-important"><b>{param}</b></div> Пример : [IMPORTANT]Пример[/IMPORTANT] Использовать опцию : Нет Изображение кнопки : images/bbcodes/important_button.png И сохраняем. 2 BB код - Note Заголовок : NOTE Название BB кода : NOTE Замена : <div class="note-classic"><b>{param}</b></div> Пример : [NOTE]Пример[/NOTE] Использовать опцию : Нет Изображение кнопки : images/bbcodes/note_button.png И сохраняем. 3 BB код Tip Заголовок : TIP Название BB кода : TIP Замена : <div class="note-tip"><b>{param}</b></div> Пример : [TIP]Пример[/TIP] Использовать опцию : Нет Изображение кнопки : images/bbcodes/tip_button.png И сохраняем. 4 BB код Warning Заголовок : WARNING Название BB кода : WARNING Замена : <div class="note-warning"><b>{param}</b></div> Пример : [WARNING]Пример[/WARNING] Использовать опцию : Нет Изображение кнопки : images/bbcodes/warning_button.png И сохраняем. Скачать <!-- Вопросы задаем на форуме, не в ЛС -->

Vagaitsev #2
10 МГц Пользователь Вес репутации: 0 Регистрация: 11.11.2012 Сообщений: 36 Сказал(а) спасибо: 2 Спасибок 0 в 0 сообщениях	Re: Warning, important, note, tip - 12.11.2012, 11:41 Вроде такое же видел на ipb )

Vector #4
7630 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,302 Сказал(а) спасибо: 578 Спасибок 2,623 в 1,832 сообщениях	Re: Warning, important, note, tip - 15.11.2012, 13:38 Цитата: Сообщение от Vagaitsev А в additional.css можно вставить на 4 Можно и нужно (для 4-ки именно в additional.css и надо)