Наверх
РегистрацияВход на сайтВход на сайт
  • Страница 1 из 1
  • 1
Черно-бело меню для ucoz
Bars90 Дата: Чт, 14 Июл 2011, 09:22 | Сообщение # 1
Суперактивный
Сообщений: 312
Дополнительные сведения »
Offline


Черно-бело меню для ucoz
Установка:

1. Копируем код и вставляем в CSS:
Code
ul#menu {list-style-type:none; margin:0; padding:0;}   

   ul#menu li a{   
   color:#909090;   
   background: url(http://wallaby.ucoz.ru/menu/vert_menu2.png) no-repeat 0 0;   
   text-decoration:none;   
   width: 200px;   
   height: 55px;   
   display:block;   
   border:none;   
   text-shadow: #ddd 2px 2px 0;   
   }   

   ul#menu li a:hover{   
   background-position: 50% 100%;   
   width: 200px;   
   height: 55px;   
   display:block;   
   color:#fff;   
   text-shadow: #000 2px 2px 0;   
   }   

   ul#menu li a span{   
   font-family:sans-serif;   
   font-size:18px;   
   padding:17px 0 0 20px;   
   display:block;   
   }

2. HTML

Code
<ul id="menu">   
   <li><a href="#"><span>Главная</span></a></li>   
   <li><a href="#"><span>Поиск</span></a></li>   
   <li><a href="#"><span>Регистрация</span></a></li>   
   <li><a href="#"><span>Карта сайта</span></a></li>   
   <li><a href="#"><span>О сайте</span></a></li>   
   </ul>

 
  • Страница 1 из 1
  • 1
Поиск: