Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz
Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сайт сегодня посетили:

Изменение стиля меню!

Главная » Скрипты для uCoz » Изменение стиля меню!
Изменение стиля меню! для uCoz
Все сталкивались наверное с такой проблемой как не красивое меню ( обычный текст! )

Дак вот я вам раскажу как сделать из этого текста красивые кнопочки!

Этот код в любое место в шаблоне 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>

Инструкция:

Думаю в коде вы найдёте такие цвета:

Просмотров: 744 | Комментариев: 0 | Опубликовал: doza | Дата: 22.05.2010

 23.05.2010   

 

 Автоматическое пере... 

 14.09.2009   

 

 Flash-облако фото 

 12.10.2009   

 

 Кнопка Вверх (Плавн... 

 23.01.2011   

 

 Лжестатистика на фо... 

 27.01.2011   

 

 Мне нравиться 


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 3aka4ka.at.ua 2008 - 2024г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.