Эти кнопки появляются рядом с текстом куда вы его ставите, и с помощью его можно изменить размер и цвет текста.
Пример на скрине! Установка:
Идем в страницу Новости -> материала и комментарий к нему (Можно так же использовать для других модулей)
Ищем $MESSAGE$, и заменяем его на этот код:
Quote
<script type="text/javascript">function changeColor(color) {document.getElementById("textcent").style.color=color;}</script><font color="#ff0000"><span style="font-size: 10pt;"><b>Вибери цвет</b></span></font>
<a href="javascript: changeColor('#213548');"><img ilo-full-src="http://forever-web.ru/text/darkly-grey-col.jpg" class="icoon" onmouseover="this.className='icoon'" onmouseout="this.className='icooff'" src="http://forever-web.ru/text/darkly-grey-col.jpg" border="0" height="20" width="20"></a>
<a href="javascript: changeColor('#ffffff');"><img ilo-full-src="http://forever-web.ru/text/while-col.jpg" class="icoon" onmouseover="this.className='icoon'" onmouseout="this.className='icooff'" src="http://forever-web.ru/text/while-col.jpg" border="0" height="20" width="20"></a>
<a href="javascript: changeColor('#0590FC');"><img ilo-full-src="http://forever-web.ru/text/blue-col.jpg" class="icoon" onmouseover="this.className='icoon'" onmouseout="this.className='icooff'" src="http://forever-web.ru/text/blue-col.jpg" border="0" height="20" width="20"></a>
<a href="javascript: changeColor('#FBFE02');"><img ilo-full-src="http://forever-web.ru/text/yellow-col.jpg" class="icoon" onmouseover="this.className='icoon'" onmouseout="this.className='icooff'" src="http://forever-web.ru/text/yellow-col.jpg" border="0" height="20" width="20"></a>
<a href="javascript: changeColor('#05FCB3');"><img ilo-full-src="http://forever-web.ru/text/lime-col.jpg" class="icoon" onmouseover="this.className='icoon'" onmouseout="this.className='icooff'" src="http://forever-web.ru/text/lime-col.jpg" border="0" height="20" width="20"></a>
<div class="txts" id="textcent">
$MESSAGE$
</div>