Главная » Файлы » Все для ucoz » Скрипты сталкер
Красивое горизонтальное меню
29.04.2012, 15:21
Красивое горизонтальное меню под сталкер, которое подойдет под любой темный дизайн (естественно, тематики сталкер) 



Советую отключить админ-бар, т.к. смотреться будет не красиво. 

Пример, чтобы всем было понятно о каком меню идет речь и убедится, что меню рабочее. 

Установка: 

Чтобы отключить админ-бар (не обязательно) - Зайдите в ПУ → Управление дизайном → Таблица стиле (CSS) → В самый низ: 

Code
#puzadpn {display:none}


Далее скачайте архив и все содержимое залейте в файловый менеджер в папку rip_menu. 

Затем в CSS вставьте: 

Code
ul#nav { 
  position: fixed; 
  margin: 0px; 
  padding: 0px; 
  top: 0px; 
  left: 369px; 
  right: 369px; 
  list-style: none; 
  z-index:999999; 
  width:516px; 
} 

ul#nav li { 
  width: 103px; 
  display:inline; 
  float:left; 
} 
ul#nav li a { 
  display: block; 
  float: left; 
  margin-top: -2px; 
  width: 100px; 
  height: 25px; 
  background-color: #E7F2F9; 
  background-repeat: no-repeat; 
  background-position: 50% 10px; 
  border: 1px solid #BDDCEF; 
  text-decoration: none; 
  text-align: center; 
  padding-top: 80px; 
} 

ul#nav li a { 
  display: block; 
  float: inherit; 
  margin-top: -2px; 
  width: 100px; 
  height: 22px; 
  background-color: #020202; 
  background-repeat:no-repeat; 
  background-position:50% 10px; 
  border:1px solid #99ffff; 
  text-decoration:none; 
  text-align:center; 
  padding-top:80px; 
  -moz-border-radius:0px 0px 10px 10px; 
  -webkit-border-bottom-right-radius: 10px; 
  -webkit-border-bottom-left-radius: 10px; 
  -khtml-border-bottom-right-radius: 10px; 
  -khtml-border-bottom-left-radius: 10px; 
  opacity:0.4; 
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
} 

ul#nav .Home a{ 
  background-image: url('/rip_menu/1.png'); 
} 
ul#nav .Forum a { 
  background-image: url('/rip_menu/2.png'); 
} 
ul#nav .Photo a { 
  background-image: url('/rip_menu/3.png'); 
} 
ul#nav .IFile a { 
  background-image: url('/rip_menu/4.png'); 
} 
ul#nav .IPubl a { 
  background-image: url('/rip_menu/5.png'); 
} 

ul#nav li a:hover{ 
  background-color:#020202; opacity:0.7; 
} 

ul#nav li a span{ 
  letter-spacing:2px; 
  font-size:13px; 
  color:#cacaca; 
  text-shado: 0 -1px 1px #cacaca; 
}


И в нужных шаблонах перед <body> вставьте: 
Code
<script type="text/javascript" src="/rip_menu/nav.js"></script> 
<ul id="nav"> 
  <li class="Home"><a href="/"><span>Главная</span></a></li> 
  <li class="Forum"><a href="/forum"><span>Форум</span></a></li> 
  <li class="Photo"><a href="/photo"><span>Галерея</span></a></li> 
  <li class="IFile"><a href="/load"><span>Файлы</span></a></li> 
  <li class="IPubl"><a href="/publ"><span>Статьи</span></a></li> 
  </ul>


Чтобы вставить во все шаблоны: Зайдите в ПУ → Быстрая замена → Режим "Многострочный" → В поле "Что заменить" вставляете <body>, в поле "На что заменить" вставляете: 
Code
ul#nav { 
  position: fixed; 
  margin: 0px; 
  padding: 0px; 
  top: 0px; 
  left: 369px; 
  right: 369px; 
  list-style: none; 
  z-index:999999; 
  width:516px; 
} 

ul#nav li { 
  width: 103px; 
  display:inline; 
  float:left; 
} 
ul#nav li a { 
  display: block; 
  float: left; 
  margin-top: -2px; 
  width: 100px; 
  height: 25px; 
  background-color: #E7F2F9; 
  background-repeat: no-repeat; 
  background-position: 50% 10px; 
  border: 1px solid #BDDCEF; 
  text-decoration: none; 
  text-align: center; 
  padding-top: 80px; 
} 

ul#nav li a { 
  display: block; 
  float: inherit; 
  margin-top: -2px; 
  width: 100px; 
  height: 22px; 
  background-color: #020202; 
  background-repeat:no-repeat; 
  background-position:50% 10px; 
  border:1px solid #99ffff; 
  text-decoration:none; 
  text-align:center; 
  padding-top:80px; 
  -moz-border-radius:0px 0px 10px 10px; 
  -webkit-border-bottom-right-radius: 10px; 
  -webkit-border-bottom-left-radius: 10px; 
  -khtml-border-bottom-right-radius: 10px; 
  -khtml-border-bottom-left-radius: 10px; 
  opacity:0.4; 
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
} 

ul#nav .Home a{ 
  background-image: url('/rip_menu/1.png'); 
} 
ul#nav .Forum a { 
  background-image: url('/rip_menu/2.png'); 
} 
ul#nav .Photo a { 
  background-image: url('/rip_menu/3.png'); 
} 
ul#nav .IFile a { 
  background-image: url('/rip_menu/4.png'); 
} 
ul#nav .IPubl a { 
  background-image: url('/rip_menu/5.png'); 
} 

ul#nav li a:hover{ 
  background-color:#020202; opacity:0.7; 
} 

ul#nav li a span{ 
  letter-spacing:2px; 
  font-size:13px; 
  color:#cacaca; 
  text-shado: 0 -1px 1px #cacaca; 
}


Автор рипа - Яндекс 
Категория: Скрипты сталкер | Добавил: monolito-s | Теги: шаблоны сталкер, сталкер скрипты, скрипты сталкер
Просмотров: 637 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
ComForm">
Войдите:
avatar
Категории раздела
Html шаблоны [10]
шаблоны на МЕТРО 2033 для юкоз. [4]
Шаблоны сталкер [68]
Скрипты сталкер [138]
Другие скрипты [8]
Шапки [11]
Иконки для групп [10]
Ранги [1]
Блоки для сайтов [8]
Favicon.ico [1]
Фоны для сайтов [8]
сталкер
Кнопки для меню [4]
Нижняя часть сайта сталкер для юкоз [0]
Средняя часть сайта сталкер для юкоз [1]
Ну туда где контент.. ну посмотрите поймете
Вход на сайт
Мини-чат
Опросы
Нравится наш дизайн?
Результаты | Архив опросов
Всего ответов: 192
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0