Главная Регистрация Вход
Приветствую Вас Гость!

StreeT SporT
StreeT SporT Уличный спорт (//treasers.moy.su) ТуТ ЕсТь ВсЕ
Главная » 2010 » Июнь » 25 » » Скрипт для ucoz: Горизонтальное CSS меню для сайта
11:16
» Скрипт для ucoz: Горизонтальное CSS меню для сайта
Горизонтальное CSS 
меню для сайта

Скрипт Горизонтальное CSS меню для сайта для uCoz подойдет для любых дизайнов и для любой тематики сайта, если конечно же изменить стандартный цвет под цвета сайта. Не самое сложное меню сможет облегчить посещение сайта - выводя самые главные ссылки по сайту!

Это в CSS:

Code
/* Menus by winskin.ru */
#menu li {
  display: inline-block;
  list-style:none;
  width: 98px;
  height: 22px;
  text-align: center;
  padding-top: 3px;
  background-repeat:no-repeat;
  color: #ffffff;
  background-position:center;
}
.mattblacktabs{
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #363636;  
  background: #FFA500;
  width: 944px;  
  border-left: 1px solid #363636;
  border-right: 1px solid #363636;
  border-top: 1px solid #363636
}

.mattblacktabs ul{
  margin: 0;
  padding: 0;
  padding-left: 0;  
  font: 12px Arial, Helvetica, sans-serif;
  list-style-type: none;
}

.mattblacktabs li{
  display: inline;
  margin: 0;
}

.mattblacktabs li a{
  float: left;
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 3px 8px;  
  border-right: 1px solid #363636;  
  color: #857040;
  background: #FFA500;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #E8E8E8; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
/* --------- */

Это туда, где хотите видеть меню:

Code

<!-- МЕНЮ uCoz-Scripts.ru -->
<DIV class="mattblacktabs">
  <UL>
  <LI><A href="/">Главная</A></LI>
  <LI><A href="/index/0-2">Гостевая</A></LI>
  <LI><A href="/load">каталог файлов</A></LI>
  <LI><A href="/news">Новости сайта</A></LI>
  <LI><A href="/dir">каталог сайтов</A></LI>
  <LI><A href="ссылка">Видеотека</A></LI>
  <LI><A href="ссылка">обоины</A></LI>
  <LI><A href="http://winskin.ru">winskin.ru</A></LI>
  <LI><A href="ссылка">Разное</A></LI>
  <LI><A href="ссылка">Партнёрам</A></LI>
  <LI><A href="/forum">форум сайта</A></LI>
  <LI><A style="border-right:none; width: 33px;" href="ссылка">ссылка</A></LI></UL></DIV>
<!--/МЕНЮ-->
Источник: winskin.ru
Автор: winskin
Просмотров: 612 | Добавил: }{0тt@бь)ч | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:

Категории раздела

Скрипты для uCoz [235]
Шаблоны для Ucoz [0]

Поиск

Профиль

Гость

Сообщения:

Группа:
Гости
Время:13:14

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Наш опрос

Оцените мой сайт
Всего ответов: 9

Мини-чат

Реклама

IP адрес

Узнай свой IP адрес

Администрация







Календарь

«  Июнь 2010  »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
282930

Статистика

Кнопка

Друзья

zona-x.su - зона-х, хак портал, веб мастеринг, секреты вконтакте, бесплатная раскрутка сайта

Софт

Понедельник
26.09.2022
13:14


}{0тT@бь)ч Produced