Категории раздела |
Профиль для 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
|
|
|
-
Главная
-
Скрипты для 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(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
|
|
|
Комментарии отсутствуют