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

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


Вход на сайт

Поиск

Наш опрос
Лучшая групировка в Сталкере
Всего ответов: 770

Мини-чат

Статистика

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

Реклама

Красивое горизонтальное меню - Сталкер форум.Место общения сталкеров.
Активный и развитый форум сайта по игре сталкер.
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Красивое горизонтальное меню
Яндекс Дата: Воскресенье, 01.04.2012, 20:25 | Сообщение # 1
Группа

Информация

Сообщений: 2110
Награды: 7
Репутация: 503

Персонаж

Номер счета(ID): 598


Специализация:
Титул
Красивое горизонтальное меню под сталкер, которое подойдет под любой темный дизайн (естественно, тематики сталкер)



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

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

Установка:

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


Автор рипа - Яндекс


[url
 
☜☢КJIЬIK☢☞ Дата: Воскресенье, 01.04.2012, 22:22 | Сообщение # 2
Группа

Информация



Персонаж

Номер счета(ID): 0


Специализация:
Титул
ничо так, классно!)
 
][@KeR Дата: Понедельник, 02.04.2012, 16:31 | Сообщение # 3
Группа

Информация



Персонаж

Номер счета(ID): 0


Специализация:
Титул
Класс! victory
 
Scveber Дата: Пятница, 27.04.2012, 21:36 | Сообщение # 4
Группа

Информация



Персонаж

Номер счета(ID): 0


Специализация:
Титул
как изменить ширину этих блоков?
Прикрепления: 1856248.png (21.4 Kb)
 
БАБУСЯ Дата: Воскресенье, 11.11.2012, 18:41 | Сообщение # 5
Группа

Информация

Сообщений: 1
Награды: 0
Репутация: 0

Персонаж

Номер счета(ID): 7053


Специализация:
Ищу работу
Титул
1 уровень
перезалей архив

[URL=http://www.radikal.ru][IMG]http://s017.radikal.ru/i438/1111/83/0ef952544ffa.gif[/IMG][/URL]
 
Волкодав Дата: Среда, 21.11.2012, 11:08 | Сообщение # 6
Группа

Информация

Сообщений: 2190
Награды: 6
Репутация: 464

Персонаж

Номер счета(ID): 3579


Специализация:
Титул
Ледяная удача
Он уже не сидит здесь
 
STEEL Дата: Вторник, 11.12.2012, 23:54 | Сообщение # 7
Группа

Информация

Сообщений: 1657
Награды: 4
Репутация: 304

Персонаж

Номер счета(ID): 1247


Специализация:
57324
Титул
7 уровень
[b8] clapping [cpas]![/cpas][/b8]

[url
 
  • Страница 1 из 1
  • 1
Поиск:

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