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


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



faqpk.ru

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



Горизонтальное меню без использования js для ucoz. Меню не использует ни одной картинки, грузить сайт соответственно нечему. В любой момент можно легко настроить цвет, размер, структуру меню. Меню ucoz с подкатегориями.

В П.У - Дизаин - Управление дизайном(CSS):
Code
*{  
   margin:0;  
   padding:0  
  }  
  #nav{  
   font-size:0.7em;  
   list-style-type:none;  
   width:600px;  
   height:25px;  
   display:inline-block;  
   background:#355C96;  
   line-height:25px  
  }  
   #nav li{  
   float:left;  
   width:120px;  
   margin-top:-10000px  
   }  
   #nav li a{  
   width:120px;  
   text-decoration:none;  
   text-align:center;  
   color:#fff;  
   position:relative;  
   float:left;  
   margin-right:-119px;  
   margin-top:10000px  
   }  
   #nav li a:hover, #content #nav li a:focus, #content #nav li a:active{  
   background:#DCE2FC;  
   margin-right:0;  
   color:#355C96  
   }  
   #nav li ul{  
   background:#6286BD;  
   float:left;  
   margin-top:-25px;  
   padding-top:25px;  
   margin-bottom:-10000px;  
   list-style-type:none  
   }  
   #nav li ul li{  
   float:none;  
   margin:0;  
   width:auto  
   }  
   #nav li ul li a{  
   float:none;  
   display:block;  
   margin:0;  
   margin-right:-1px;  
   background:#6286BD  
   }


Этот код вставляем в то место, где хотите видеть меню.
обычно это П.У - Дизаин - Управление дизайном - Верхняя часть сайта:
Code
<ul id="nav">  
   <li><a href="" title="">Главная</a></li>  
   <li><a href="" title="">Шаблоны</a>  
   <ul>  
   <li><a href="" title="">Компьютеры</a></li>  
   <li><a href="" title="">Мониторы</a></li>  
   <li><a href="" title="">Комплектующие</a></li>  
   </ul>  
   </li>  
   <li><a href="" title="">Скрипты</a>  
   <ul>  
   <li><a href="" title="">Меню для ucoz</a></li>  
   <li><a href="" title="">Шапки для ucoz</a></li>  
   <li><a href="" title="">Часы для ucoz</a></li>  
   </ul>  
   </li>  
   <li><a href="" title="">Форум веб мастеров</a></li>  
   <li><a href="" title="">Карта сайта</a></li>  
   </ul>
Дата: Понедельник, 25.06.2012. Сообщение # 1 Bro
Выпадающее меню без javascript для ucoz



Горизонтальное меню без использования js для ucoz. Меню не использует ни одной картинки, грузить сайт соответственно нечему. В любой момент можно легко настроить цвет, размер, структуру меню. Меню ucoz с подкатегориями.

В П.У - Дизаин - Управление дизайном(CSS):
Code
*{  
   margin:0;  
   padding:0  
  }  
  #nav{  
   font-size:0.7em;  
   list-style-type:none;  
   width:600px;  
   height:25px;  
   display:inline-block;  
   background:#355C96;  
   line-height:25px  
  }  
   #nav li{  
   float:left;  
   width:120px;  
   margin-top:-10000px  
   }  
   #nav li a{  
   width:120px;  
   text-decoration:none;  
   text-align:center;  
   color:#fff;  
   position:relative;  
   float:left;  
   margin-right:-119px;  
   margin-top:10000px  
   }  
   #nav li a:hover, #content #nav li a:focus, #content #nav li a:active{  
   background:#DCE2FC;  
   margin-right:0;  
   color:#355C96  
   }  
   #nav li ul{  
   background:#6286BD;  
   float:left;  
   margin-top:-25px;  
   padding-top:25px;  
   margin-bottom:-10000px;  
   list-style-type:none  
   }  
   #nav li ul li{  
   float:none;  
   margin:0;  
   width:auto  
   }  
   #nav li ul li a{  
   float:none;  
   display:block;  
   margin:0;  
   margin-right:-1px;  
   background:#6286BD  
   }


Этот код вставляем в то место, где хотите видеть меню.
обычно это П.У - Дизаин - Управление дизайном - Верхняя часть сайта:
Code
<ul id="nav">  
   <li><a href="" title="">Главная</a></li>  
   <li><a href="" title="">Шаблоны</a>  
   <ul>  
   <li><a href="" title="">Компьютеры</a></li>  
   <li><a href="" title="">Мониторы</a></li>  
   <li><a href="" title="">Комплектующие</a></li>  
   </ul>  
   </li>  
   <li><a href="" title="">Скрипты</a>  
   <ul>  
   <li><a href="" title="">Меню для ucoz</a></li>  
   <li><a href="" title="">Шапки для ucoz</a></li>  
   <li><a href="" title="">Часы для ucoz</a></li>  
   </ul>  
   </li>  
   <li><a href="" title="">Форум веб мастеров</a></li>  
   <li><a href="" title="">Карта сайта</a></li>  
   </ul>
Прикрепления: 6505133.jpg(10Kb)
Дмитрий Асмус (Bro)
Модератор
Сообщений: 198
Нет на сайте
    

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