FG
Издание о Fable
  • Страница 1 из 1
  • 1
Архив - только для чтения
Форум » Архив » Скрипты для ucoz » Хорошее горизонтальное меню
Хорошее горизонтальное меню
Raistlin Дата: Суббота, 31.12.2011, 11:45 | Сообщение # 1

Группа: Пользователи
Сообщений: 1683
Награды: 107
Репутация: 6263
Статус:
Пользователь не в сети :(


Хорошее горизонтальное меню
Необходимость наличия меню на сайте не требует доказательств, поэтому одним из вариантов для шаблона сайта ucoz является представленный скрипт ucoz - Горизонтальное меню

Установка
1. Скачиваем предложенный архив, заливаем изображение в папку "images"
2. Вставляем код скрипта между <head> и </head>

Code
<style type="text/css">   
  /* --------------------------   
  AUTHOR : ST1M   
  URL : http://www.nncity.pp.ru   
  Copyrights by ST1M   
  ----------------------------*/   
  *{   
  margin:0;   
  padding:0;   
  }   
  body{   
  background:#fff;   
  color:#666;   
  font:12px/18px Tahoma, Arial, Helvetica, sans-serif;   
  }   
  #menu{   
  }   
  #menu ul{   
  list-style:none;   
  }   
  #menu li{   
  background:url(/images/menu_035_bg.jpg) repeat-x;   
  list-style:none;   
  display:block;   
  float:left;   
  height:36px;   
  border-right:1px solid #dbdbdb;   
  line-height:36px;   
  }   
  #menu li a{   
  display:block;   
  float:left;   
  color:#b1b1b1;   
  text-transform:uppercase;   
  font-size:11px;   
  font-weight:bold;   
  line-height:36px;   
  text-decoration:none;   
  padding:0 25px;   
  }   
  #menu li a:hover{   
  color:#747474;   
  background:url(/images/menu_035_h.jpg) repeat-x;   
  }   
  #menu li a.current{   
  display:block;   
  float:left;   
  color:#6c822e;   
  background:url(/images/menu_035_c.jpg) repeat-x;   
  text-transform:uppercase;   
  font-size:11px;   
  font-weight:bold;   
  line-height:36px;   
  text-decoration:none;   
  padding:0 25px;   
  }   
  #menu li a:hover.current{   
  color:#6c822e;   
  }</style>


3. Распологаем ниже представленный код скрипта в место где хотим видить меню

Code
<div id="menu">   
  <ul>   
  <li><a href="ссылка" class="current">Название</a></li>   
  <li><a href="ссылка">Название</a></li>   
  <li><a href="ссылка">Название</a></li>   
  <li><a href="ссылка">Название</a></li>   
  <li><a href="ссылка">Название</a></li>   
  <li><a href="ссылка">Название</a></li>   
  </ul>   
  </div>
 
Форум » Архив » Скрипты для ucoz » Хорошее горизонтальное меню
  • Страница 1 из 1
  • 1
Поиск: