htmlSTART - закажи рип у нас!
Например: Скачать Adobe Pho...
Последние ответы
Смена Прицелов Нажат... Добавил: M2XN Ответов: 0
Регулировка Яркости ... Добавил: M2XN Ответов: 0
Ставим Конфиг В Css/... Добавил: M2XN Ответов: 0
фыв Добавил: M2XN Ответов: 0
Команды и их описани... Добавил: M2XN Ответов: 0
Случайные статьи
Топ пользователи
M2XN (Майор) Сообщений: 80
microwave_oven (Рядовой) Сообщений: 0
Ruslan (Рядовой) Сообщений: 0
kppshnik (Рядовой) Сообщений: 0
Terabayt2 (Рядовой) Сообщений: 0
  • Страница 1 из 1
  • 1
Игровой форум » Скрипты для uCoz » Меню для сайта » Меню для сайта ucoz
Меню для сайта ucoz
Отправлено в Пятница, 18.04.2014, 14:25  
Не указан
Сообщений: 80
Награды: 0
Репутация: 0
#1



Навигация на сайте должна быть красивой и удобной, именно эти функции выполняет данное вертикальное меню для uCoz. Цветовая гамма меню выполнена в 2 тонах: синий и оранжевый, которые менются при наведении на ссылку меню. Скрипт меню ucoz не содержить тяжелых для сайта js и jquery. 

Шаг-1 Установка CSS 

Код
ul {   
   list-style: none;   
   margin: 0;   
   padding: 0;   
   }   
     
   img {   
   border: none;   
   }   
     
   #menu {   
   width: 200px;   
   margin: 10px;   
   }   
     
   #menu li a {   
   height: 32px;   
   voice-family: "\"}\"";   
   voice-family: inherit;   
   height: 24px;   
   text-decoration: none;   
   }   
     
   #menu li a:link, #menu li a:visited {   
   color: #FFF;   
   display: block;   
   background: url(http://stock-exchange.ucoz.com/er/menu.gif);   
   padding: 8px 0 0 35px;   
   }   
     
   #menu li a:hover {   
   color: #FFF;   
   background: url(http://stock-exchange.ucoz.com/er/menu.gif) 0 -32px;   
   padding: 8px 0 0 35px;   
   }   
   #menu li span {   
   position: absolute;   
   left: 12em;   
   margin-top: -1.4em;   
   width: 10em;   
   display: none;   
   }   
   #menu li:hover span { display: block;}   
   #menu li span a { display: inline; }


Шаг-2 Установка HTML 
Вставляем в нужное на сайте место, обычно это Глобальные блоки: Верхняя часть сайта. 

Код
<div id="menu">   
   <ul>   
   <li><a href="http://stock-exchange.ucoz.com">CSS Главная</a></li>   
   <li><a href="http://stock-exchange.ucoz.com">шаблоны для ucoz</a>   
   <span>   
   <a href="http://stock-exchange.ucoz.com">скрипты для ucoz </a>   
   <a href="http://stock-exchange.ucoz.com">меню для сайта  ucoz </a>   
   <a href="http://stock-exchange.ucoz.com">слайдер для ucoz </a>   
   </span>   
   </li>   
   <li><a href="http://stock-exchange.ucoz.com">CSS Меню</a>   
   <span>   
   <a href="http://stock-exchange.ucoz.com">2Ссылка</a>   
   <a href="http://stock-exchange.ucoz.com">Ссылка</a>   
   <a href="http://stock-exchange.ucoz.com">Ссылка</a>   
   </span>   
   </li>   
   <li><a href="http://stock-exchange.ucoz.com">CSS Меню</a>   
   <span>   
   <a href="http://stock-exchange.ucoz.com">3Ссылка</a>   
   <a href="http://stock-exchange.ucoz.com">Ссылка</a>   
   <a href="http://stock-exchange.ucoz.com">Ссылка</a>   
   </span>   
   </li>   
   <li><a href="http://stock-exchange.ucoz.com">CSS Меню</a>   
   <span>   
   <a href="http://stock-exchange.ucoz.com">4Ссылка</a>   
   <a href="http://stock-exchange.ucoz.com">Ссылка</a>   
   <a href="http://stock-exchange.ucoz.com">Ссылка</a>   
   </span>   
   </li>   
   <li><a href="http://stock-exchange.ucoz.com">CSS Меню</a>   
   <span>   
   <a href="http://stock-exchange.ucoz.com">5Ссылка</a>   
   <a href="http://stock-exchange.ucoz.com">Ссылка</a>   
   <a href="http://stock-exchange.ucoz.com">Ссылка</a>   
   </span>   
   </li>   
   <li><a href="http://stock-exchange.ucoz.com">CSS Меню</a>   
   <span>   
   <a href="http://stock-exchange.ucoz.com">6Ссылка</a>   
   <a href="http://stock-exchange.ucoz.com">Ссылка</a>   
   <a href="http://stock-exchange.ucoz.com">Ссылка</a>   
   </span>   
   </li>   
   </ul>   
   </div>
Игровой форум » Скрипты для uCoz » Меню для сайта » Меню для сайта ucoz
  • Страница 1 из 1
  • 1
Поиск: