• Страница 1 из 1
  • 1
Горизонтальное меню для сайта uCoz
Kentos311Дата: Вторник, 09.01.2018, 14:04 | Сообщение # 1
Сообщений: 729
Статус:

Простое красивое меню для системы uCoz - это меню горизонтальное, оно отлично будет смотреться на светлом шаблоне, вы сможете в этой меню сделать дополнительные ссылки, например на форум, или в каталог файлов, или видео. Данное меню старое, и вы могли замечать на других ресурсах, но оно остается по прежнему актуальным и отлично функционирует с системой uCoz.

Установка:

1. В таблицу стилей CSS:
Код
/* Css */  
.h_v_m { margin: 0 0px 0 0; height: 41px; background: url(/img/1.png) repeat-x;}  
.h_v_m ul { list-style:none; float:left; }  
.h_v_m ul li { display:inline; margin: 0 auto; height: 41px; float:left; background: url(/img/2.png) no-repeat top right; padding-top:8px;}  
.h_v_m ul li a {line-height:27px;}  
.h_v_m a span,  
.h_v_m a {text-decoration: none;font-family: Tahoma; float: left; height: 27px; text-transform: none; font-size: 11px; }  
.h_v_m a { color: #2980a2; display: block; margin-left: 12px; margin-right: 13px; line-height: 27px; padding: 0px 0px 0px 15px; }  
.h_v_m a span { color: #2980a2; float: left; background-position: 100% -27px; line-height: 24px; padding: 0px 17px 0px 0px; }  
.h_v_m a:hover { background: url(/img/3.png) no-repeat 0 0;height: 27px; text-decoration:none; }  
.h_v_m a:hover span { color: #ffffff; background: url(/img/3.png) no-repeat 100% -27px; }  
/*********/


2. Код меню:
Код
<div class="h_v_m">  
  <ul>  
  <li><a href="/"><span>Главная страница</span></a></li>  
  <li><a href="http://mir-hack.ru"><span>Форум</span></a></li>  
  <li><a href="#"><span>Новости портала</span></a></li>  
  <li><a href="#"><span>Топ сайтов</span></a></li>  
  </ul>  
</div>


3. Скачиваем архив zip, и загрузите в файловый менеджер файлы.
Прикрепления: 88_menu.zip (10.4 Kb) · 1016391.png (62.6 Kb)
 
  • Страница 1 из 1
  • 1
Поиск: