» »

Светлое меню сайта со стрелкой для ucoz


Светлое меню сайта со стрелкой для ucoz

Чисто светлое меню сайта, красиво исполнено, и отлично будет смотреться на светлых и серых дизайн сайтов. Было создано для сайтов с белым оттенком цвета. Так как я его ставил на сайт, то могу сказать. Если на сайте делать несколько блоков под разделы то это меню как не как отлично подойдет.
Приступаем к установке:
Идем в CSS и прописываем в нем этот стиль
Код
.csomsk_menu {margin:0; padding:0; list-style:none;}  
  .csomsk_menu a:link,  
  .csomsk_menu a:active,  
  .csomsk_menu a:visited {width:169px; height:18px; padding:2px 0 0 21px; display:block; margin:0 0 1px 0; color:#747475; text-decoration:none; overflow:hidden; background:url(http://zornet.ru/Zornet-2/menu-5711.png) no-repeat 0 0;}  
  .csomsk_menu a:hover {color:#3366cc; background-position:0 -20px;}

Вставляем в блок сайта:
Код
<ul class="csomsk_menu">  
  <a title="Главная страница" href="/" >Главная</a>  
  <a title="Форум сайта" href="/forum" >Форум</a>  
  <a title="Новостная лента" href="/news" >Новости</a>  
  <a title="Бесплатный топ сайтов" href="/dir" >Топ сайтов</a>  
  <a title="Статьи о продвижении, расскрутке, оптимизации, мета-тегах, counter-strike, ucoz" href="/publ" >Каталог статей</a>  
  <a title="Файлы нашего сайта" href="/load" >Каталог файлов</a>  
  <a title="Скрипты и шаблоны uсoz" href="http://zornet.ru/" >ZorNet.ru</a>  
  </ul>
28.04.2012 Просмотров: 1018 Комментарий: (1)

Поделиться в социальных сетях

Материал разместил

Комментарий: 1
Slavik
Slavik 29.12.2015 20:591
0
Видел на одном сайте это меню, смотрится здорово!
avatar