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


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



faqpk.ru

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



Классическое горизонтальное меню для ucoz черного цвета с глянцевым эффектом.

1. Копируем код и вставляем в CSS:
Code
#menu{  
   width:100%;  
   margin:0;  
   padding:0;   
  }  

  #menu ul{  
   list-style:none;  
  }  

  #menu li{  
   list-style:none;  
   display:block;  
   float:left;  
  }  

  #menu li a{  
   font-family:sans-serif;  
   display:block;  
   float:left;  
   height:50px;  
   color:#F4F4F4;  
   font-size:18px;  
   font-weight:bold;  
   background:url(http://www.faqpk.ru/images/script/1/menu_left6.png) no-repeat left;  
   line-height:49px;  
   padding:0 0 0 20px;  
   text-decoration:none;  
  }  

  #menu li a span{  
   display:block;  
   float:left;  
   background:url(http://www.faqpk.ru/images/script/1/menu_right6.png) no-repeat right;  
   height:50px;  
   color:#F4F4F4;  
   line-height:49px;  
   padding:0 20px 0 0;  
  }  

  #menu li a:hover{  
   display:block;  
   float:left;   
   background:url(http://www.faqpk.ru/images/script/1/menu_left_h6.png) no-repeat left;  
   height:50px;  
  }  

  #menu li a:hover span{  
   display:block;  
   float:left;   
   background:url(http://www.faqpk.ru/images/script/1/menu_right_h6.png) no-repeat right;  
   color:#fff;  
   height:50px;  
  }


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



Классическое горизонтальное меню для ucoz черного цвета с глянцевым эффектом.

1. Копируем код и вставляем в CSS:
Code
#menu{  
   width:100%;  
   margin:0;  
   padding:0;   
  }  

  #menu ul{  
   list-style:none;  
  }  

  #menu li{  
   list-style:none;  
   display:block;  
   float:left;  
  }  

  #menu li a{  
   font-family:sans-serif;  
   display:block;  
   float:left;  
   height:50px;  
   color:#F4F4F4;  
   font-size:18px;  
   font-weight:bold;  
   background:url(http://www.faqpk.ru/images/script/1/menu_left6.png) no-repeat left;  
   line-height:49px;  
   padding:0 0 0 20px;  
   text-decoration:none;  
  }  

  #menu li a span{  
   display:block;  
   float:left;  
   background:url(http://www.faqpk.ru/images/script/1/menu_right6.png) no-repeat right;  
   height:50px;  
   color:#F4F4F4;  
   line-height:49px;  
   padding:0 20px 0 0;  
  }  

  #menu li a:hover{  
   display:block;  
   float:left;   
   background:url(http://www.faqpk.ru/images/script/1/menu_left_h6.png) no-repeat left;  
   height:50px;  
  }  

  #menu li a:hover span{  
   display:block;  
   float:left;   
   background:url(http://www.faqpk.ru/images/script/1/menu_right_h6.png) no-repeat right;  
   color:#fff;  
   height:50px;  
  }


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

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