Меню
Меню сайта

На правах рекламы


Вход на сайт
Забыл пароль · Регистрация

Поиск

Наш опрос
Самый легендарный сталкер
Всего ответов: 585

Мини-чат

Статистика

Всего в зоне: 4
Новичков: 4
Сталкеров: 0

Друзья
Моды,патчи,бильды,книги,скрипты,шаблоны,ролевая ЗДЕСЬ!

Реклама

Каталог файлов
Скачать игры торрент stalkers
Главная » Файлы » Скрипты и графика S.T.A.L.K.E.R. » Скрипты Сталкер

Рип Красивого горизонтального меню
[ · Скачать удаленно () · Скриншот ] 21.04.2012, 16: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;
}


И в нужных шаблонах перед вставьте:
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>


Чтобы вставить во все шаблоны: Зайдите в ПУ → Быстрая замена → Режим "Многострочный" → В поле "Что заменить" вставляете , в поле "На что заменить" вставляете:
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;
}


Автор рипа - Яндекс
Категория: Скрипты Сталкер | Добавил: Яндекс | Теги: СТАЛКЕР, скрипт, stalker, в стиле сталкер, для ucoz, меню
Просмотров: 1247 | Загрузок: 489 | Комментарии: 1 | Рейтинг: 1.0/11
Всего комментариев: 1
1 Декс   (13.06.2012 15:28) [Материал]
Слушай, а если я не хочу задирать его на шапку, есть вариант прикрепить, скажем, к левой стороне экрана?

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Портал MyStalkers.ru является собственностью его владельца.
Любое использование материалов сайта возможно только с разрешения его администрации и гиперссылки на наш портал.
Дизайн сделал Александр Пюссе. В дизайне использованы части графики различных модификаций по сталкеру.
MyStalkers.ru © 2010 - 2015