Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

"4admins.ru" Рекомендует

Новый вид замечания или просто табличка

Разные довески в сообщениях
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 24
Зарегистрирован: 19 апр 2011, 18:54
Откуда: Киров
Благодарил (а): 0
Поблагодарили: 0 раз в 0 сообщении
Город: Киров
Пол: Мужской
Адрес форума: http://forum.7thgaming.ru/
Баллы репутации: 0

Новый вид замечания или просто табличка

Сообщение Добавлено: 23 апр 2011, 14:52

Новый вид замечания или просто выделения нужно текста

Давайте создадим, например, красную табличку

Использование BBCode
Код: Выделить всё
[red]{TEXT}[/red]


Замена HTML
Код: Выделить всё
<div id="red">{TEXT}</div>


Подсказка
Код: Выделить всё
[red]Ваш текст в красной табличке[/red]


Дальше идём в CSS вашего шаблона и ставим в самый низ данные стили:
Код: Выделить всё
#red {border: 1px solid #E89B88;background-color: #FFEFE8;padding: 8px 11px;font-size: 10pt;margin: 0px;color:#000;}
#blue {border: 1px solid #9DBDFF;background-color: #E1EBFF;padding: 8px 11px; font-size: 10pt; margin: 0px; color:#000;}
#green {border: 1px solid #00CC00;background-color: #E1FFD7;padding: 8px 11px; font-size: 10pt; margin: 0px; color:#000;}
#gray {border: 1px solid #B5B5B5;background-color: #F4F4F4;padding: 8px 11px;font-size: 10pt;margin: 0px;color:#000;}
#blue ul, #red ul, #green ul, #gray ul {list-style: none; margin: 11px 0 1px 3px; padding-left: 3px;}
#blue li {margin: 2px 0 3px 0; padding: 0 0 1px 15px; background: url('/img/li-blue.gif') no-repeat 0px 3px;}
#red li {margin: 2px 0 3px 0; padding: 0 0 1px 15px; background: url('/img/li-red.gif') no-repeat 0px 3px;}
#green li {margin: 2px 0 3px 0; padding: 0 0 1px 15px; background: url('/img/li-green.gif') no-repeat 0px 3px;}
#gray li {margin: 2px 0 3px 0; padding: 0 0 1px 15px; background: url('/img/li-gray.gif') no-repeat 0px 3px;}
#red a:link, #green a:link, #blue a:link, #gray a:link, #red a:visited, #green a:visited, #blue a:visited, #gray a:visited {display: inline-block;text-decoration:none; color:#000; border-bottom: solid 1px;}#red a:hover, #green a:hover, #blue a:hover, #gray a:hover {display: inline-block;text-decoration:none; color:#000; border-bottom: dashed 1px;}


Скриншот
Изображение

По примеру можно сделать табличку любого цвета, если вы достаточно знаете язык каскадных стилей CSS
В моих стилях прописаны цвета: gray (серый), blue (голубой), red (красный), green (Зелёный)
Играй в игры так, как задумывалось разработчиками.

Вернуться в BBcode phpbb3

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 7