Навигатор
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [15]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [136]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [44]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [18]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [13]
форма входа для ucoz
Переключатели для ucoz [8]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Раскрутка и продвижение сайта
Интересное


Красивое горизонтальное меню д...
Рейтинг: 50085


Мини профиль + Форма входа
Рейтинг: 49994


Мини-чат для ucoz
Рейтинг: 44347


Скрипт мониторинга cs серверов
Рейтинг: 39654
Статистика
Онлайн всего: 9
Гостей: 9
Пользователей: 0

Сегодня нас посетили:
JamesMop
Яндекс.Метрика
Главная » Скрипты для ucoz » Меню для ucoz

Темное меню для ucoz

Темное меню для ucoz
Простое и компактное вертикальное меню для ucoz в тёмных тонах. Меню можна поделить относительно разделов, категорий.
Установка. Этап 1. В CSS
Устанавливаем стили для нашего ucoz меню:
Code
/* Sidebar */  
  #sidebar {  
  width: 200px;  
  float: left;  
  margin-right: 20px;  
  }  
  /* Navigation */  
  #navigation {  
  border-top:1px solid #c2c2c2;  
  padding:0px;  
  text-indent:0px;  
  background-color:#efefef;  
  width:240px;  
  margin-left: 5px;  
  margin-right: 10px;  
  }  
  #navigation li1 a {  
  border-bottom-color: rgb(194, 194, 194);  
  border-bottom-style: solid;  
  border-bottom-width: 1px;  
  border-left-color: rgb(194, 194, 194);  
  border-left-style: solid;  
  border-left-width: 1px;  
  border-top: none;  
  background:#dddddd url(http://wallaby.ucoz.ru/menu/navigation_border.gif) repeat-x 0 0;  
  color:#0d0d0d;  
  display:block;  
  font-weight:bold;  
  margin:0px;  
  padding:4px 15px 5px 15px;  
  text-decoration: none;  
  }  
  #navigation li a {  
  border: 1px solid #c2c2c2;  
  border-top: none;  
  background:#dddddd url(http://wallaby.ucoz.ru/menu/navigation_border.gif) repeat-x 0 0;  
  color:#0d0d0d;  
  display:block;  
  font-weight:bold;  
  margin:0px;  
  padding:4px 15px 5px 15px;  
  text-decoration: none;  
  }  
  #navigation li a:hover, #navigation li.current-cat-parent > a {  
  background:#cfcfcf url(http://wallaby.ucoz.ru/menu/navigation_border.gif) repeat-x 0 0;  
  }  

  #navigation li1 a:hover, #navigation li.current-cat-parent > a {  
  background:#cfcfcf url(http://wallaby.ucoz.ru/menu/navigation_border.gif) repeat-x 0 0;  
  }  
  #navigation ul {  
  border: 1px solid #c2c2c2;  
  border-top: none;  
  display: none;  
  }  
  #navigation li {  
  list-style:none outside none;  
  display:inline;  
  }  
  #navigation ul.show {  
  display:block;  
  }  
  #navigation li li a {  
  background:#efefef;  
  display:block;  
  font-weight:normal;  
  margin:0px;  
  text-decoration: none;  
  color:#000;  
  display:block;  
  border: 1px solid #efefef;  
  padding:1px 15px 3px 15px;  
  text-decoration: none;  
  }  
  #navigation li li a:hover, #navigation li li.current-cat a {  
  background:#4d4d4d;  
  border: 1px solid #262626;  
  color:#cea088;  
  }  
  /* Page Sidebar Navigation */  
  #sidebar .navigation {  
  border-top:1px solid #c2c2c2;  
  padding:0px;  
  text-indent:0px;  
  background-color:#efefef;  
  width:190px;  
  margin-bottom: 30px;  
  }  
  #sidebar .navigation li a {  
  border: 1px solid #c2c2c2;  
  border-top: none;  
  background:#dddddd url(http://wallaby.ucoz.ru/menu/navigation_border.gif) repeat-x 0 0;  
  color:#0d0d0d;  
  display:block;  
  font-weight:bold;  
  margin:0px;  
  padding:4px 15px 5px 15px;  
  text-decoration: none;  
  }  
  #sidebar .navigation li a:hover, #sidebar .navigation li.current_page_item a {  
  background:#cfcfcf url(http://wallaby.ucoz.ru/menu/navigation_border.gif) repeat-x 0 0;  
  }  
  #sidebar .navigation li {  
  list-style:none outside none;  
  display:inline;  
  }  
  #sidebar .navigation li li a {  
  display: none;  
  }
Установка. Этап 2. HTML
Вставляем код в любое место на сайте, где хотим видеть темное меню:
Code
<div id="sidebar">  
  <ul id="navigation">  
  <li class="cat-item cat-item-1"><a href="http://Ваша ссылка/">Главная</a></li>  
  <li class="cat-item cat-item-4"><a href="http://Ваша ссылка/forum">Форум</a></li>  
  <li class="cat-item cat-item-27"><a href="http://Ваша ссылка/publ">Каталог стайтей</a></li>  
  <li class="cat-item cat-item-35"><a href="http://Ваша ссылка/blog">Блог</a></li>  

  <table style="" cellpadding="0" cellspacing="0" width="100%">  
  <tr><td style="" width="8%" valign="top">  
  <li1 class="cat-item cat-item-17"><a href="javascript://"><font color="#ff0000">Реклама</font></a></li1>  
  </td>  
  <td style="" width="8%" valign="top">  
  <li class="cat-item cat-item-17"><a href="javascript://"><font color="#ff0000">Автор:</font> <font color="#32cd32">Jonson</font></a></li>  
  </tr>  

  </table>  
  </ul>  
   
  </div>

Совет для вебмастеров!.
Внимание, мы настоятельно рекомендуем использовать домены 2-го уровня, такие как ru,com и т.п. стоят они не дорого, ru можно купить за 99 руб, не нужно делать сайт на юкозовском домене! Сайт с юкозовским доменом долеко не уйдет! Если ж у Вас все таки нету жалких 99 рублей, Вы можите зарегистрировать бесплатно домен 2-го уровня tk, по данной ссылке
ЖМИ И РЕГИСТРИРУЙ
С уважением, администрация.
Категория: Меню для ucoz | Добавил: Wallaby
Просмотров: 2289
Теги: Темное меню для ucoz - Скрипты для ucoz, новые интересные Скрипты для ucoz - Темное меню для ucoz
Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
wallaby.ucoz.ru
Поиск
Шаблоны для ucoz
Sape
ремонт ноутбуков ижевск
Лучшая коллекция аниме на анимемувие, валлаби рекомендует!) купить кухню в ульяновске
Скрипты для ucoz
Joomla
Cinema 4D
Графика для uCoz
Copyright wallaby.ucoz.ru - Мировой портал - Joomla,Ucoz,Cinema 4D © 2017 Карта сайта | Карта форума