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


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



faqpk.ru

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



Продолжаю пополнять раздел меню для ucoz, в этот раз это вертикальное меню для ucoz в красных тонах.

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

  #vert_menu {  
   font-weight: bold;  
   font-family: Verdana, Helvetica, sans-serif;  
   text-decoration: none;   
   font-size: 80%;  
   width: 202px;  
   }  

  #vert_menu li {  
   height: 37px;  
   }  

  #vert_menu li a:link, #vert_menu li a:visited {  
   text-decoration: none;   
   color: #faaab6;  
   display: block;  
   background: url(http://www.faqpk.ru/images/script/1/vert_menu4.png) 0 0 no-repeat;  
   padding: 10px 0 10px 10px;  
   }  

  #vert_menu li a:hover, #vert_menu li #current {  
   color: #FFF;  
   background: url(http://www.faqpk.ru/images/script/1/vert_menu4.png) 0 -37px no-repeat;  
   padding: 10px 0 10px 15px;  
   }


2. Вставляем в любой блок на сайте(туда, где хотим видеть вертикальное меню):
Code
<ul id="vert_menu">  
   <li><a href="http://www.faqpk.ru"><span>Главная</span></a></li>  
   <li><a href="http://www.faqpk.ru/search"><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 {  
   list-style: none;  
   margin: 0;  
   padding: 0;  
   }  
  img {  
   border: none;  
  }   

  #vert_menu {  
   font-weight: bold;  
   font-family: Verdana, Helvetica, sans-serif;  
   text-decoration: none;   
   font-size: 80%;  
   width: 202px;  
   }  

  #vert_menu li {  
   height: 37px;  
   }  

  #vert_menu li a:link, #vert_menu li a:visited {  
   text-decoration: none;   
   color: #faaab6;  
   display: block;  
   background: url(http://www.faqpk.ru/images/script/1/vert_menu4.png) 0 0 no-repeat;  
   padding: 10px 0 10px 10px;  
   }  

  #vert_menu li a:hover, #vert_menu li #current {  
   color: #FFF;  
   background: url(http://www.faqpk.ru/images/script/1/vert_menu4.png) 0 -37px no-repeat;  
   padding: 10px 0 10px 15px;  
   }


2. Вставляем в любой блок на сайте(туда, где хотим видеть вертикальное меню):
Code
<ul id="vert_menu">  
   <li><a href="http://www.faqpk.ru"><span>Главная</span></a></li>  
   <li><a href="http://www.faqpk.ru/search"><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>
Прикрепления: 2977222.png(7Kb)
Дмитрий Асмус (Bro)
Модератор
Сообщений: 198
Нет на сайте
    

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