Воскресенье, 15.06.2025, 06:56
Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
Для раскрутки сайта [0] Для мобилы [6]
Для контакта [15] Для компьютера [60]
Фильмы [8] Новинки [5]
Сериалы [4] Музыка [4]
Игры [3] Кинотеатр [1]
Кинотеатр
Анти-вирусники [1] Графика, 3D графика [2]
Шаблоны [2] Скрипты [198]
онлайн переводчик [1] Иконки групп [1]
Кинотеатр [3] счетчиков тИЦ и PR [2]
Flesh игры [1] Наш чат [1]
Шапки для uCoz [5] Заработок в интернете [5]
Еще Юзербары [1] Мувика [7]
Наш опрос
Если у этого сайта будущее?
javascript:; javascript:;
Всего ответов: 167

Статистика

Онлайн всего: 10
Гостей: 10
Пользователей: 0
Главная » Файлы » Скрипты

Красивое горизонтальное меню для uCoz
13.11.2011, 15:35
Красивое горизонтальное меню для uCoz - Скрипты для Юкоз


Красивое горизонтальное меню для uCoz выполненное в темных тонах. Отлично подойдет для любого сайта.

В CSS вставляем: 

Code
#modernbricksmenu{  
  padding: 0px;  
  width: 100%;  
  background: transparent;  
  voice-family: ""}"";  
  voice-family: inherit;  
}  
#modernbricksmenu ul{  
  font: bold 11px Arial;  
  margin: 0px;  
  margin-left: 40px;  
  padding: 0px;  
  list-style: none;  
}  
#modernbricksmenu li{  
  display: inline;  
  margin: 0 2px 0 0;  
  padding: 0px;  
  text-transform: uppercase;  
}  
#modernbricksmenu a{  
  float: left;  
  display: block;  
  color: white;  
  margin: 0 1px 0 0;  
  padding: 5px 10px;  
  text-decoration: none;  
  letter-spacing: 1px;  
  background-color: black;  
  border-bottom: 1px solid white;  
}  
#modernbricksmenu a:hover{  
  background-color: gray;  
}  
#modernbricksmenu #current a{  
  background-color: #D25A0B;  
  border-color: #D25A0B;  
}  
#modernbricksmenuline{  
  clear: both;  
  padding: 0px;  
  width: 100%;  
  height: 5px;  
  line-height: 5px;  
  background: #D25A0B;  
}  
#myform{  
  float: right;  
  margin: 0px;  
  padding: 0px;  
}  
#myform .textinput{  
  width: 190px;  
  border: 1px solid gray;  
}  
#myform .submit{  
  font: bold 11px Verdana;  
  height: 22px;  
  background-color: lightyellow;  
}

Туда где будет стоять меню:

Code
<div id="modernbricksmenu">  
  <ul>  
  <li style="margin-left: 1px"><a href="ссылка" title="Описание">Link</a></li>  
  <li><a href="ссылка" title="Описание">Link</a></li>  
  <li><a href="ссылка" title="Описание">Link</a></li>  
  <li id="current"><a href="ссылка" title="Описание">Link</a></li>  
  <li><a href="ссылка" title="Описание">Link</a></li>  
  </ul>  
</div>  
<div id="modernbricksmenuline"></div>
Категория: Скрипты | Добавил: admin
Просмотров: 647 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz