FAQpk FAQpk.ru   Войти   Зарегистрироваться  


faqpk.ru
Компьютерный форум
С оплатой за сообщения



faqpk.ru

Страница 1 из 11
Компьютерный форум » Web-Мастер » Скрипты для сайта » Серо-синие вертикальное меню для ucoz (Скрипты для ucoz)
Серо-синие вертикальное меню для ucoz
Серо-синие вертикальное меню для ucoz



Красивое вертикальное меню для ucoz в серых и синих тонах. Меню ucoz имеет эффект пластика.

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

  ul#menu li a{  
   color:#909090;  
   background: url(http://www.faqpk.ru/images/script/1/vert_menu5.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: #1185EE 2px 2px 0;  
  }  

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


2. Вставляем в любой блок на сайте(туда, где хотим видеть вертикальное меню):
Code
<ul id="menu">  
   <li><a href="http://www.faqpk.ru"><span>Главная</span></a></li>  
   <li><a href="http://www.faqpk.ru"><span>Поиск</span></a></li>  
   <li><a href="http://www.faqpk.ru"><span>Регистрация</span></a></li>  
   <li><a href="http://www.faqpk.ru/sitemap.xml"><span>Карта сайта</span></a></li>  
   <li><a href="http://www.faqpk.ru"><span>О сайте</span></a></li>  
  </ul>
Дата: Воскресенье, 24.06.2012. Сообщение # 1 Bro
Серо-синие вертикальное меню для ucoz



Красивое вертикальное меню для ucoz в серых и синих тонах. Меню ucoz имеет эффект пластика.

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

  ul#menu li a{  
   color:#909090;  
   background: url(http://www.faqpk.ru/images/script/1/vert_menu5.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: #1185EE 2px 2px 0;  
  }  

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


2. Вставляем в любой блок на сайте(туда, где хотим видеть вертикальное меню):
Code
<ul id="menu">  
   <li><a href="http://www.faqpk.ru"><span>Главная</span></a></li>  
   <li><a href="http://www.faqpk.ru"><span>Поиск</span></a></li>  
   <li><a href="http://www.faqpk.ru"><span>Регистрация</span></a></li>  
   <li><a href="http://www.faqpk.ru/sitemap.xml"><span>Карта сайта</span></a></li>  
   <li><a href="http://www.faqpk.ru"><span>О сайте</span></a></li>  
  </ul>
Прикрепления: 6663400.png(15Kb)
Дмитрий Асмус (Bro)
Модератор
Сообщений: 198
Нет на сайте
    

 
Компьютерный форум » Web-Мастер » Скрипты для сайта » Серо-синие вертикальное меню для ucoz (Скрипты для ucoz)
Страница 1 из 11
Поиск: