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

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


Скрипты ucoz - Горизонтальное меню, подойдет для темных дизайнов например тематики CS

Установка:
1. Качаем архив, закидываем картинки в папку images
2. Копируем код скрипта ucoz - и вставляем между <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{   
  /* margin:0 auto;*/   
  width:700px;   
  height:59px;   
  background:url(/images/menu_034_bg.jpg) repeat-x;   
  }   
  #menu ul{   
  list-style:none;   
  margin:0 auto;   
  width:500px;   
  }   
  #menu li{   
  list-style:none;   
  display:block;   
  float:left;   
  height:59px;   
  line-height:59px;   
  }   
  #menu li a{   
  display:block;   
  float:left;   
  color:#a7a7a7;   
  text-transform:uppercase;   
  font-size:11px;   
  font-weight:bold;   
  line-height:59px;   
  text-decoration:none;   
  padding:0 20px;   
  }   
  #menu li a:hover{   
  color:#fff;   
  background:url(/images/menu_034_h.jpg) no-repeat bottom;   
  }   
  #menu li a.current{   
  display:block;   
  float:left;   
  background:url(/images/menu_034_h.jpg) no-repeat bottom;   
  color:#fff;   
  text-transform:uppercase;   
  font-size:11px;   
  font-weight:bold;   
  line-height:59px;   
  text-decoration:none;   
  padding:0 20px;   
  }   
  #menu li a:hover.current{   
  color:#fff;   
  }</STYLE><P>


3. Вставляем код скрипта ucoz туда где хотим видеть меню

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>   
  </ul>   
  </div>
 
Форум » Архив » Скрипты для ucoz » Горизонтальное меню
  • Страница 1 из 1
  • 1
Поиск: