Все сталкивались наверное с такой проблемой как не красивое меню ( обычный текст! )
Дак вот я вам раскажу как сделать из этого текста красивые кнопочки!
Этот код в любое место в шаблоне css:
Code
<SPAN class="css-select-op">.</SPAN><SPAN class="css-identifier">uMenuRoot </SPAN><SPAN class="css-punctuation">{</SPAN><SPAN class="css-identifier">font-size</SPAN><SPAN class="css-punctuation">: </SPAN><SPAN class="css-unit">1px</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-identifier">text-decoration</SPAN><SPAN class="css-punctuation">: </SPAN><SPAN class="css-value">none</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-punctuation">}</SPAN><BR><SPAN class="css-select-op">.</SPAN><SPAN class="css-identifier">uMenuRoot </SPAN><SPAN class="css-identifier">a</SPAN><SPAN class="css-punctuation">:</SPAN><SPAN class="css-identifier">link</SPAN><SPAN class="css-select-op">,</SPAN><BR><SPAN class="css-select-op">.</SPAN><SPAN class="css-identifier">uMenuRoot </SPAN><SPAN class="css-identifier">a</SPAN><SPAN class="css-punctuation">:</SPAN><SPAN class="css-identifier">visited </SPAN><SPAN class="css-punctuation">{</SPAN><SPAN class="css-identifier">color</SPAN><SPAN class="css-punctuation">:</SPAN><SPAN class="css-colorcode">#0069A9</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-identifier">padding-left</SPAN><SPAN class="css-punctuation">:</SPAN><SPAN class="css-unit">6px</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-identifier">margin-bottom</SPAN><SPAN class="css-punctuation">: </SPAN><SPAN class="css-unit">1px</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-identifier">line-height</SPAN><SPAN class="css-punctuation">:</SPAN><SPAN class="css-unit">18px</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-identifier">display</SPAN><SPAN class="css-punctuation">:</SPAN><SPAN class="css-value">block</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-identifier">font-normal</SPAN><SPAN class="css-punctuation">: </SPAN><SPAN class="css-value">bold</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-identifier">background</SPAN><SPAN class="css-punctuation">:</SPAN><SPAN class="css-colorcode">#d0d2ff</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-identifier">border</SPAN><SPAN class="css-punctuation">: </SPAN><SPAN class="css-unit">1px </SPAN><SPAN class="css-value">solid </SPAN><SPAN class="css-colorcode">#4e439d</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-punctuation">}</SPAN><BR><SPAN class="css-select-op">.</SPAN><SPAN class="css-identifier">uMenuRoot </SPAN><SPAN class="css-identifier">a</SPAN><SPAN class="css-punctuation">:</SPAN><SPAN class="css-identifier">hover </SPAN><SPAN class="css-punctuation">{</SPAN><SPAN class="css-identifier">color</SPAN><SPAN class="css-punctuation">:</SPAN><SPAN class="css-colorcode">#000000</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-identifier">padding-left</SPAN><SPAN class="css-punctuation">:</SPAN><SPAN class="css-unit">6px</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-identifier">line-height</SPAN><SPAN class="css-punctuation">:</SPAN><SPAN class="css-unit">18px</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-identifier">display</SPAN><SPAN class="css-punctuation">:</SPAN><SPAN class="css-value">block</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-identifier">font-weight</SPAN><SPAN class="css-punctuation">:</SPAN><SPAN class="css-value">normal</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-identifier">background</SPAN><SPAN class="css-punctuation">:</SPAN><SPAN class="css-colorcode">#fffecc</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-identifier">border</SPAN><SPAN class="css-punctuation">: </SPAN><SPAN class="css-unit">1px </SPAN><SPAN class="css-value">solid </SPAN><SPAN class="css-colorcode">#808080</SPAN><SPAN class="css-punctuation">;</SPAN><SPAN class="css-punctuation">}</SPAN>
Инструкция:
Думаю в коде вы найдёте такие цвета: