• 1263
  • 0
  • Адаптировал: infinity237
  • Источник:
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки

Делая городской портал ,мне понадобилась функция при добавлении новости выделять определенным цветом блок с текстом.Думал сделать блок через дополнительные поля,но отказался от этого,и с подсказки инфинити просто добавил кнопку стандартный редактор.
Выделив и нажав кнопку в редакторе (У меня это просто красный квадратик) я получаю необходимый мне блок с текстом и цветом.
Итак приступим
1. В engine/includes/classes/parse.class.php добавить:

Код:
$content    =    preg_replace("#\[ustyle=(.*?)\](.*?)\[/ustyle\]#is", "<div class=\"$1\">$2</div>", $content);
2. В engine/skins/default/tpl/qt_news.tpl добавить:
Код:
<a onclick="insertext('[ustyle=]','[/ustyle]', {area})"><img src="{skins_url}/tags/ustyle.gif" width="16" height="16" alt="ustyle" /></a>
3. В engine/skins/default/tags/ загрузить иконку ustyle.gif
4. В CSS прописать свои стили, например:
Код:
.warning{
padding:0.5em;
background: #F2DEDE;
color: #B94A48;
border:1px solid #EED3D7;
}
5. Использовать в редакторе например так:
Код:
[ustyle=warning]Тестовый текст[/ustyle]
BB-тег конструкция будет преобразовываться в div блок. Например в
Код:
<div class="warning">Тестовый текст</div>

Можешь почитать и вот эту статейку " Создание Android Dock с использованием JQuery и CSS3"

mistakes

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

TWIG -что это?
Результаты

----