Главное меню

Главная страница
Новости

Форум

Схрон

Топ сайтов

Заработана

Дата выхода сталкер2

Дата выхода survarium

Баннерообмен

Скачать S.T.A.L.K.E.R

Скачать Тень Чернобыля
Скачать Чистое Небо
Скачать Зов Припяти

Читы для S.T.A.L.K.E.R

Читы для Тень Чернобыля
Читы для Чистое Небо
Читы для Зов Припяти

Коды для S.T.A.L.K.E.R

Коды для Тень чернобыля
Коды для Чистое Небо
Коды для Зов Припяти

Моды для S.T.A.L.K.E.R

Моды для Тень Чернобыля
Моды для Чистого Неба
Моды для Зов Припяти

Патчи для S.T.A.L.K.E.R

Патчи для Тень Чернобыля
Патчи для Чистого Неба
Патчи для Зов Припяти
Патчи для модов

CD-key для S.T.A.L.K.E.R

CD-key для Тень чернобыля
CD-key для Чистого неба
CD-key для Зов Припяти

Прохождение S.T.A.L.K.E.R

Прохождение модов

Модостроение S.T.A.L.K.E.R

Модостроение ТЧ
Модостроение ЧН
Модостроение ЗП

Web stalker ucoz

Шаблоны сталкер
Скрипты сталкер
Фоны сталкер
Кисти сталкер
Блоки сталкер
Шапки сталкер
Favicon сталкер
Шрифты сталкер
Рамки для шапок
Рамки для новостей
Вопрос\ответ ucoz

Фильмы сталкер и прочее

Метро 2033
Фильмы сталкер
Мини-игры ucoz
Сохранение для сталкер
Карты для сетевой игры


Гость!
Рекомендуем:Войдите или зарегистрируйтесь



Онлайн всего: 2
Гостей: 2
Пользователей: 0


Главная » Файлы » Web stalker » Скрипты сталкер для Ucoz

Рип Красивого горизонтального меню
11.11.2012, 12:39
Красивое горизонтальное меню под сталкер, которое подойдет под любой темный дизайн (естественно, тематики сталкер)

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

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

Установка:

Чтобы отключить админ-бар (не обязательно) - Зайдите в ПУ → Управление дизайном → Таблица стиле (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;
}


Автор рипа - Яндекс
Категория: Скрипты сталкер для Ucoz | Добавил: Urik
Просмотров: 779 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Как вы нас нашли?
Всего ответов: 3751

Все материалы из игры, использованные для сайта принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации и гиперссылки на наш портал . Все права защищены ©2024

Карта сайта
- карта форума