Пример: http://samp-team.org.ua/load/2-1-0-423 Вставьте этот код в таблицу стилей CSS:
Code
.icooff {FILTER: alpha(opacity=55); -moz-opacity: .50; opacity: .50;}
.icoon {}
.txts {color: #606060; font-size: 11px; font-family:verdana,arial,helvetica}
#606060 - поменяйте на свой цвет текста по умолчанию.
11px - поменяйте на свой размер текста по умолчанию.
Затем вставьте этот код там где вы хотите чтобы был блок изменения цвета и размера текста:
Code
<SCRIPT language="JavaScript">
<!-- Begin
function movepic(img_name,img_src) {
document[img_name].src=img_src;
}
// End -->
</SCRIPT>
<script type="text/javascript">function changeFontSize(size) {document.getElementById('textcent').style.fontSize=size; }</script>
<a onmouseover="movepic('min','http://samp.ucoz.ua/minusb.gif')" onmouseout="movepic('min','http://samp.ucoz.ua/minuss.gif')" href="javascript: changeFontSize('100%');"><img name="min" src="http://samp.ucoz.ua/minuss.gif" width="10" height="10" border="0" title="Уменьшить шрифт"></a> <img src="http://samp.ucoz.ua/aaa.png" width="19" height="11">
<a onmouseover="movepic('plm','http://samp.ucoz.ua/plusb.gif')" onmouseout="movepic('plm','http://samp.ucoz.ua/pluss.gif')" href="javascript: changeFontSize('120%');"><img name="plm" src="http://samp.ucoz.ua/pluss.gif" width="10" height="10" border="0" title="Увеличить шрифт"></a>
<script type="text/javascript">function changeColor(color) {document.getElementById("textcent").style.color=color;}</script>
<img src="http://samp.ucoz.ua/text-c.png" width="27" height="8" title="Цвет текста">
<a href="javascript: changeColor('#606060');"><img class=icooff onmouseover=this.className='icoon' onmouseout=this.className='icooff' src="http://samp.ucoz.ua/darkly-grey-col.jpg" width="9" height="9" border="0" title="DimGray"></a>
<a href="javascript: changeColor('#ffffff');"><img class=icooff onmouseover=this.className='icoon' onmouseout=this.className='icooff' src="http://samp.ucoz.ua/while-col.jpg" width="9" height="9" border="0" title="White"></a>
<a href="javascript: changeColor('#0590FC');"><img class=icooff onmouseover=this.className='icoon' onmouseout=this.className='icooff' src="http://samp.ucoz.ua/blue-col.jpg" width="9" height="9" border="0" title="RoyalBlue"></a>
<a href="javascript: changeColor('#FBFE02');"><img class=icooff onmouseover=this.className='icoon' onmouseout=this.className='icooff' src="http://samp.ucoz.ua/yellow-col.jpg" width="9" height="9" border="0" title="Yellow"></a>
<a href="javascript: changeColor('#05FCB3');"><img class=icooff onmouseover=this.className='icoon' onmouseout=this.className='icooff' src="http://samp.ucoz.ua/lime-col.jpg" width="9" height="9" border="0" title="SpringGreen"></a>
Свой текст вставьте в этот код:
Code
<div class=txts id=textcent>
ЗДЕСЬ ТЕКСТ, КОТОРЫЙ МОЖНО УВЕЛИЧИВАТЬ/УМЕНЬШАТЬ И МЕНЯТЬ ЕГО ЦВЕТ!
