09:22 Понедельник 2025
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Время в профиле прош... (0)
КПК - персональная с... (0)
Вид цитаты и code st... (0)
СТАЛКЕРСКИЙ МИНИ-ПРО... (0)
БЛОК ИНТЕРЕСНЫХ ФАКТ... (0)
Гид по Народной Соля... (27)
Бар «От заката до ра... (18)
Гид по прохождению м... (16)
Азы модостроения (14)
Баги и ошибки на сай... (8)
XemorDio(died) (626)
Бармен (146)
ExGooD (48)
habib (37)
Rayviner (19)
maksimstebnovskij5 (02.03.2023)
slitkovets (30.10.2022)
ianoiano62 (29.01.2022)
Timkalv (20.09.2021)
Myloisonau (03.09.2021)

  • Страница 1 из 1
  • 1
Рип горизонтального меню "SpinTires" by Бармен
XemorDio(died)Дата: Четверг, 21.01.2016, 12:26 | Сообщение # 1
Генерал-лейтенант
Группа: Свобода
Сообщений: 626
Награды: 3
Репутация: 4
Статус:

Думаю не плохое меню, и кому-то понадобиться.
Установка
Верхняя часть сайта:
Код
<div class="topmenu">
<div class="maxshir">
<ul class="hmenu">
  <li><a href="/">Главная</a></li>
  <li><a href="/publ">Помощь</a></li>
  <li><a href="/board">Другие моды</a></li>
  <li><a href="/photo">Скриншоты</a></li>
  <li><a href="Ссылка на скачку">Скачать игру</a></li>
  <li><a href="/forum">Форум</a></li>
  <noindex><li style="background: rgb(168, 0, 0) none repeat scroll 0% 0%;"><a style="color: rgb(255, 255, 255);" href="http://game-modo.ru/" target="blank">Моды для игр</a></li></noindex>
  </ul>
  <div style="clear: both;"></div>
  </div>

CSS:
Код
.subilogo {font-size: 14px; opacity: 0.5; background: #fff; padding: 20px 40px; display: inline-block;}
.topmenu {background:#222; margin-bottom: 5px;width:100%;}
.responsLeft {float: left;}
.responsRight {float: right}

/*меню*/
ul.hmenu {
list-style: outside none none;
margin: 0 auto;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
width: 100%;
text-align: center;
}
ul.hmenu li {text-transform: uppercase;display: inline-block; padding: 13px 0; margin-right: 10px;font-weight: inherit;font-style: inherit;font-size: 14px;font-family: inherit;vertical-align: baseline;}
ul.hmenu li a:link, ul.hmenu li a:visited {text-transform: uppercase;padding: 13px 20px; text-decoration: none; font-size:14px; color:#999;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ul.hmenu li a:hover {text-transform: uppercase;background: #111; color: #ddd;font-weight: inherit;font-style: inherit;font-size: 14px;font-family: inherit;vertical-align: baseline;}

ul.hmenu li2 {float:right;display: inline-block; padding: 13px 0; margin-right: 10px;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ul.hmenu li2 a:link, ul.hmenu li2 a:visited {padding: 13px 20px; text-decoration: none; font-size:15px; color:#999;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ul.hmenu li2 a:hover {background: #BAB7A9; color: #fff;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

ul.hmenu li3 {background: #760000;float:right;display: inline-block; padding: 13px 0; margin-right: 10px;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ul.hmenu li3 a:link, ul.hmenu li3 a:visited {background: #760000;padding: 13px 20px; text-decoration: none; font-size:15px; color:#fff;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ul.hmenu li3 a:hover {background: #a30000; color: #fff;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/*РїРѕРёСЃРє*/

[redtable]Passagestalker.3dn.ru[/redtable]
 
  • Страница 1 из 1
  • 1
Поиск: