Навигатор

Шаблоны для Joomla
Шаблоны для uCoz
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [13]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [128]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [45]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [20]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [15]
форма входа для ucoz
Переключатели для ucoz [9]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Интересное
Мини профиль + Форма входа
Рейтинг: 66611
Красивое горизонтальное меню для ucoz
Рейтинг: 54020
Мини-чат для ucoz
Рейтинг: 48461
Скрипт мониторинга cs серверов
Рейтинг: 43503
Слайдер новостей для uCoz
Рейтинг: 18600

Темное меню для 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(https://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(https://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(https://wallaby.ucoz.ru/menu/navigation_border.gif) repeat-x 0 0;  
  }  

  #navigation li1 a:hover, #navigation li.current-cat-parent > a {  
  background:#cfcfcf url(https://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(https://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(https://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>
Категория Меню для ucoz | Добавил: Wallaby | Просмотров: 2850 |

Комментарии отсутствуют

по актуальности
Чтобы оставить комментарий, необходимо или