ЭЙ, Стой!!! Красивые меню для сайта ucoz- вертикальное меню для сайта ucoz

на главную nocrisise.ruназ к меню на CSS

Вертикальное меню для сайта ucoz: Раздвижное меню для сайта Гамиго. Красивое простенькое меню для ucoz.
Внимание Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: «images» и в ней ещё 1 папку с именем «menu_icons» и вставляйте любую свою картинку.

вертикальное меню для сайта ucoz

<!— МЕНЮ nocrisise.ru—>

<ul class=»navs»>
<ul id=»suckertree1″>
<li><a onclick=»$(‘span.munu0’).toggle(‘slow’);» href=»ВАША ССЫЛКА» style=»color: black;»><img src=»/images/menu_icons/home.png» alt=»» border=»0″> Главная</a></li> <li><a onclick=»$(‘span.munu1’).toggle(‘slow’);» href=»javascript://» style=»color: black;»><img src=»/images/menu_icons/soft.png» alt=»» border=»0″> Программы</a></li>
<span class=»munu1″ style=»display: none;»>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <b>Интернет</b></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»><strong> Графика</strong></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <b>Общение</b></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <b>CD/DVD</b></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»><strong> Общение</strong></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <strong>Офисные</strong></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <b>Работа с Видео</b></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <strong>Системные</strong></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <b>Украшения</b></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <strong>Другие</strong></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <b><i>Добавить материал</i></b></a></li>
</span>

<li><b><a onclick=»$(‘span.munu2’).toggle(‘slow’);» href=»javascript://» style=»color: black;»><img src=»/images/menu_icons/kino.jpg» alt=»» border=»0″ height=»16″ width=»16″> Фильмы Онлайн</a></b></li>

<span class=»munu2″ style=»display: none;»>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <b>Все Фильмы</b></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <b>Южный парк</b></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <strong>Симпсоны</strong></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <strong>Футурама</strong></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <strong>Новинки</strong></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <strong>Ужастики</strong></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <strong>Добавить Фильм</strong></a></li>

</span>

<li><a onclick=»$(‘span.munu3’).toggle(‘slow’);» href=»javascript://» style=»color: black;»><img src=»/images/menu_icons/music.jpg» alt=»» border=»0″> Музыка</a> </li>
<span class=»munu3″ style=»display: none;»>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <b> Главная Музыки</b></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <strong> Rap</strong></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <b> Hip-Hop</b></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <strong> Клубняк</strong></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <b><i>Добавить музыку</i></b></a></li>

</span>

<li><a onclick=»$(‘span.munu12’).toggle(‘slow’);» href=»ВАША ССЫЛКА» style=»color: black;»><img src=»/images/menu_icons/gold.jpg» alt=»» border=»0″> Gold ключи</a></li> </span>

<li><a onclick=»$(‘span.munu4’).toggle(‘slow’);» href=»javascript://» style=»color: black;»><img src=»/images/menu_icons/games.png» alt=»» border=»0″> Игры</a></li>

<span class=»munu4″ style=»display: none;»>
<li class=»tm»><a href=»ВАША ССЫЛКА»> Все игры</a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> Стрелялки/Shooter</a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> Гонки/Racing</a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> Экшн/Action</a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> Симуляторы/Simulator</a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> Стратегии/Strategy</a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> Флеш/Flash</a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <b><i>Добавить Игру</i></b></a></li>
</span>

<li><a href=»ВАША ССЫЛКА» style=»color: black;»><img src=»/images/menu_icons/forum.png» alt=»» border=»0″> Форум </a></li>

<li><a onclick=»$(‘span.munu6’).toggle(‘slow’);» href=»javascript://» style=»color: black;»><img src=»/images/menu_icons/top.gif» alt=»» border=»0″> ТОП Сайтов</a></li>
<span class=»munu6″ style=»display: none;»>
<li class=»tm»><a href=»ВАША ССЫЛКА» title=»Новое»> Новое в ТОПе</a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА» title=»Все сайты»> Все сайты</a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> Добавить Сайт</a></li> </span>

<li><a onclick=»$(‘span.munu7’).toggle(‘slow’);» href=»javascript://» style=»color: black;»><img src=»/images/menu_icons/antivirus.png» alt=»» border=»0″> Антивирусы</a></li>
<span class=»munu7″ style=»display: none;»>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <strong>Все ключи</strong></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <strong>Для Касперского</strong></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <b>Для NOD 32</b></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <b>Обновления Касперский</b></a></li>
<li class=»tm»><a href=»ВАША ССЫЛКА»> <strong>Обновления NOD 32</strong></a></li>

</span>

<!— \МЕНЮ nocrisise.ru—>

Внимание: Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: «images» и в ней ещё 1 папку с именем «menu_icons» и вставляйте любую свою картинку.

По теме:

CSS

меню для сайтов ucoz

меню ucoz

 

ЭЙ, Стой!!! Тёмное меню для сайта Ucoz

на главную nocrisise.ruназ к меню на CSS

вертикальное меню для сайта ucoz: Тёмное вертикально меню для сайта ucoz. Красивое, простенькое меню для ucoz.
Внимание:Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: «img» и «img/menu/» вставляйте любую свою картинку.

Тёмное меню для сайта Ucoz

Само меню

<SPAN class=»blockmenu»>  
<center><h3>Основное</h3></center> 
<a href=»http://ВАШ САЙТ/»>Главная страница</a>  
<a href=»http://ВАШ САЙТ/index/skachat_server_dlja_css/0-7″>Скачать сервер для CSS</a> 
<a href=»http://ВАШ САЙТ/index/informacija_o_cs_s/0-4″>Информация о CSS</a> 
<a href=»http://ВАШ САЙТ/index/cspromod_beta_1_04/0-6″>CSPromod Beta 1.04</a>  
<a href=»http://ВАШ САЙТ/index/skachat_igru_cs_s/0-5″>Скачать игру CSS</a>  
<a href=»http://ВАШ САЙТ/forum/15″>Банерообмен</a> 
<a href=»http://ВАШ САЙТ/forum»>Форум</a> 
<a href=»http://ВАШ САЙТ/dir»>Топ 100</a> 
<center><h3>Читы для cs 1.6</h3></center> 
<a href=»http://ВАШ САЙТ/news/chity_dlja_cs_1_6/1-0-2″>читы для CS 1.6 </a>  
<a href=»http://ВАШ САЙТ/news/skripty_khaki_cs_1_6/1-0-4″>Скрипты/хаки CS 1.6</a> 
<a href=»/news/ВАШ САЙТ/1-0-3″>читы для CSS</a> 
<a href=»http://ВАШ САЙТ/news/patchi_counter_strike/1-0-1″>Патчи CS 1.6</a> 
<a href=»http://ВАШ САЙТ/index/counter_strike/0-12″>лутшие читы</a> Это в CSS:
/* —style nocrisise.ru— */  
.fonorelcs {background:url(‘/wp-content/uploads/images/fon.png’) #191919; margin:0px; padding:0px;} 
.ocs1 {width:90%;border-bottom:1px solid #000000;valign:top;} 
.polosapodhead {width:100%;height:23px;border:1px solid #262626;background:url(‘/wp-content/uploads/images/fon1.gif’);} 
.polosaL {align:right;width:5%;background:url(‘/wp-content/uploads/wp-content/uploads/images/1.gif’) right repeat-y;} 
.strokaverxL {width:50%;text-align:left;font-size:10px;padding-left:10px;} 
.strokaverxR {width:50%;text-align:right;font-size:10px;padding-right:10px;} 
.ocs2 {border:0;cellpadding:0;cellspacing:0;width:100%;border-bottom:1px solid #494949;} 
.gorizmenu {width:100%;text-align:center;font-size:10px;padding-left:10px;} 
.karkas_8 {width:550px;height:220px;padding-top:5px;} 
.anyClass {width:550px;height:220px;} 
.footer1 {border:0;cellpadding:6;cellspacing:0;width:100%;} 
.footer2 {background:url(‘/wp-content/uploads/images/footer.png’);width:100%;height:75;} 
.block1 {border:1px solid #3C3C3C;margin-bottom:2px;width:180;} 
.blockverx {height:37;background:url(‘/wp-content/uploads/images/block.png’) #252525;color:#d0d0d0;font-size:10px;text-align:center;} 
.blockc {background:url(‘/wp-content/uploads/images/blockfon.png’) #131313;padding:5px;} 
.bodyobshee {width:100%;border-top:1px solid #494949;border-bottom:1px solid #494949;} 
.bodyobshee2 {border:1px solid #1A1A1A;background:url(‘/wp-content/uploads/images/fon3.png’);} 
.bodyobshee3 {width:180px;} 
.bodyobshee4 {width:100%;border:1px solid #494949;} 
.bodyobshee5 {background:url(‘/wp-content/uploads/images/fon2.png’);padding:10px;border:1px solid #262626;}  
.polosaR {align:left;width:5%;background:url(‘/wp-content/uploads/wp-content/uploads/images/1.gif’) left repeat-y;} 
.cloudFrame {border:#CCC solid 0px; padding:0px; font-size:8pt; color:#808080;}  
.cloudLink {margin:0px 0px 0px 0px; color:#808080; text-decoration:none; vertical-align:middle; white-space:nowrap;}  
.cloudLink:hover {margin:0px 6px 0px 6px; color:#474747; text-decoration:none; vertical-align:middle; white-space:nowrap;}  

@import url(/highslide/highslide.css); 

.uSpoilerButton {background:#7a7a7a;border:1px solid #E0E0E0;color:#000000;font-family:Verdana, Tahoma, helvetica, sans-serif;font-size:10px;vertical-align:middle;height:21px;width:300px;margin:2px;padding:2px;}  
.uSpoilerText {color: #000000; background-color: #f2f2f2; border: 1px dotted #bebebe; border-top: 0; text-align: justify; padding: 5px;} 

.blockmenu {height:18px;width:100%;font: normal 11px Arial, Helvetica, sans-serif;text-align: left;}  
.blockmenu a:link, 
.blockmenu a:visited {color:#ffffff;text-decoration:none;padding-left:16px;line-height:18px;display:block;font-weight:normal;border-top: 1px solid #666666;border-right: 1px solid #666666;border-bottom: 1px solid #666666;border-left: 1px solid #666666;text-align: left;}  
.blockmenu a:hover {color:#ffffff;text-decoration:none;padding-left:16px;line-height:18px;display:block;font-weight:normal;background: #333333 url(«/img/menu/8.gif») no-repeat left center;text-align: left;}  
form {padding:0px;margin:0px;}  
input{vertical-align:middle;font-size:7pt;font-family:verdana,arial,helvetica;color:#ffffff;background:#151515;}  
/* ——nocrisise.ru——- */

Внимание: Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: «img» и «img/menu/» вставляйте любую свою картинку.

По теме:

CSS

меню для сайтов ucoz

меню ucoz

 

ЭЙ, Стой!!! Красивые меню на сайта ucoz

на главную nocrisise.ru

Красивые Меню для сайта UcozГотовое меню для использование систем создания сайтов Ucoz. Копируйте готовый скрипт меню и устанавливайте на ваш сайт системы Ucoz. Меню готовы к использовании.

Внимание: Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: «images» и в ней ещё 1 папку с именем «menu_icons» и вставляйте любую свою картинку.

К вашему вниманию простые и очень красивые меню созданы специально для системы Ucoz.

1. вертикальное меню для сайта ucoz:

Раздвижное меню для сайта Гамиго
Меню как на No-Cheats Раздвижное меню для сайта Гамиго

 

Меню как на No-Cheats

Новое CSS меню uCoz   Новое CSS меню uCoz

Новое CSS меню
для uCoz — 1


  Новое CSS меню
для uCoz — 2

uCoz     Зелёное вертикально меню для сайта ucoz

   
Вертикальное меню
Вертикальное меню для темных / черных дизайнов  
Тёмное меню для сайта uCoz

 

Тёмное меню для сайта uCoz

Тёмное меню для сайта uCoz  
Тёмное меню для сайта uCoz

вертикальное меню  для сайта ucoz

 

Тёмное вертикальное меню для сайта uCoz

 

2. горизонтальное меню для сайта ucoz:

Скрипт Красивое горизонтальное меню для uCoz
Скрипт Красивое горизонтальное меню для uCoz

Простое горизонтальное меню для сайта uCoz
Простое горизонтальное меню для сайта uCoz

По теме:

CSS

меню для сайтов ucoz

меню ucoz

 

ЭЙ, Стой!!! Красивые меню на CSS

на главную nocrisise.ru

скачать сборник меню для CSS — красивого и готового к работе

Вы запланировали создать красивое меню, но не знаете, как это сделать из-за нехватки знаний в CSS. Не беда.  Вы можете полностью копировать код меню с уроков и устанавливать на сайте. Но это ещё не всё.  Вы можете с понравившихся CSS — меню скачать исходник и установит на сайте.  Но и это ещё не все. Готовый сборник  CSS – меню вы можете скачать с нашего сайта бесплатно и установить.

Предлагаемое меню создано чисто на CSS без вмешательства JavaScrip и др. скриптов:

1. Горизонтальное меню CSS:
простое меню;
грыфическое меню;
красивое меню;

2. вертикальное меню на CSS
простое;
красивое;

3. Выпадающее меню на CSS
простое;
красивое;

По теме:

CSS

меню для сайтов ucoz

меню на CSS

 

ЭЙ, Стой!!! Горизонтальное меню на CSS — — простое

на главную nocrisise.ruназ к меню на CSS

скачать сборник меню для CSS — красивого и готового к работе

Простое горизонтальное меню за 5 сек. Скопируйте и вставьте на вашу веб – страницу этот код (HTML/CSS).
Меню сделано чисто на CSS и без вмешательства графики.

Cоздайте конструкцию меню в HTML


<div id=»menu»>
<ul>
<li><a href=»#» class=»current»>

<span>Домой</span></a></li>
<li><a href=»#»><span>
о нас</span></a></li>
<li><a href=»#»><span>
работы</span></a></li>
<li><a href=»#»><span>
партнёры</span></a></li>
<li><a href=»#»><span>
Контакты</span></a></li>
</ul>
</div>

Можно создать на вашем сайте простое, светлое меню. чайник, HTML ДЛЯ ЧАЙНИКОВ

горизонтального меню на CSS

В CSS файле пишем.

#menu {
font-size: 0.85em;
height:2.8em;
color: #000;
}

#menu span {
float:left;
color: #555;
background-color: #e8e8e8;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 7px 18px;
margin-right: 2px;
}

#menu a {
display:block;
float:left;
color: #003388;
background-color: #f5f5f5;
text-align:center;
padding: 8px 18px;
margin-right: 2px;
}

#menu a:hover {
color: #333;
background-color: #fff;
}

Можно создать на вашем сайте простое, тёмное меню.

 


Пример горизонтального меню на CSS в темном фоне с низу.

Поменяйте кодировку CSS на следующий код.

горизонтального меню на CSS

В CSS файле пишем.

#menu {
font-size: 0.85em;
height:3.2em;
color: #000;
text-align:center;
background-color: #232323;
}

#menu div {
width:44em;
margin: auto;
}

#menu span {
float:left;
color: #999;
background-color: #000;
padding: 10px 18px;
}

#menu a {
display:block;
float:left;
color: #e8e8e8;
background-color: #232323;
text-align:center;
padding: 10px 18px;
text-decoration: none;
}

#menu a:hover {
color: #ccc;
background-color: #000;
border-top: 4px solid #e8e8e8;
padding: 6px 18px 8px 18px;
}

По теме:

CSS

меню для сайтов ucoz

 

 

 

 

 

Горизонтальное меню на CSS с графикой

ЭЙ, Стой!!! Скрипт Красивое горизонтальное меню для uCoz

на главную nocrisise.ruназ к меню на CSS

горизонтальное меню для сайта ucoz: Тёмное горизонтальное меню для сайта ucoz. Красивое, простенькое меню для ucoz.

горизонтальное меню для сайта ucoz

Установка:
# Установим стили для меню в CSS:

/* ——- New Menu nocrisise.ru—— */

<style type=»text/css»>

#menu {
background: #3e3e3e;
padding: 7px 25px 7px 25px;
text-align: center;
border: 5px solid #00b4ff;
}

#menu a {
font-variant: small-caps;
text-decoration: none;
font-weight: bold;
color: white;
font-size: 10pt;
padding: 7px;
font-family: Tahoma;
}

#menu a:hover {
background: #b52828;
}

</style>
/* ——-nocrisise.ru———- */

# Затем поставим скрипт, который будет «растворять» пункт меню при наведении на него мышкой:

Code

<script type=»text/javascript»>
$(‘#menu a’).hover(function () {
$(this).animate({
opacity: 0.5
},
1000);
},
function () {
$(this).animate({
opacity: 1
},
1000);
});
</script>

# Само меню:

Code

<div id=»menu»>
<a href=»/»>
главная
</a>
<a href=»/forum»>
форум
</a>
<a href=»/load»>
софт
</a>
<a href=»/publ»>
фильмы
</a>
<a href=»/index/8″>
профиль
</a>
<a href=»/index/10″>
выход
</a>
</div>


По теме:

CSS

меню для сайтов ucoz

меню ucoz

 

ЭЙ, Стой!!! Выпадающее меню на CSS — — простое

на главную nocrisise.ruназ к меню на CSS

скачать сборник меню для CSS — красивого и готового к работе

Вот мы и дошли до выпадающего меню созданного на CSS. Этот вид меню очень полезен, так как экономиться место на сайте.
Некоторые веб – мастера думают, что такой тип меню поисковые пауки не видят.  Хочу вам сказать, это ошибочное мнение, так как меню написано на чистом CSS и без всяких скриптов. На сколько я знаю, поисковые пауки хорошо читают HTML и CSS.

Начнём.  Выпадающее горизонтальное меню на CSS.

Посмотрите как CSS — меню выглядит в живую.

просмотр горизонтального меню (пример)просмотр выпадающее меню (пример)

Cоздайте конструкцию меню в HTML

<html>
<head>
</head>

<link href=»style.css»>
<link href=»style.css» rel=»stylesheet» type=»text/css»>

<body>

<ul id=»cssmenu»>
<li><a href=»#»>Горизонтальное</a>
<ul>
<li><a href=»#»>
Ссылка 1</a></li>
<li><a href=»#»>
Ссылка 2</a></li>
</ul>
</li>
<li><a href=»#»>
CSS</a>
<ul>
<li><a href=»#»>
Ссылка 1</a></li>
<li><a href=»#»>
Ссылка 2</a></li>
<li><a href=»#»>
Ссылка 3</a></li>
<li><a href=»#»>
Ссылка 4</a></li>
<li><a href=»#»>
Ссылка 5</a></li>
</ul>
</li>
<li><a href=»#»>
Меню</a>
<ul>
<li><a href=»#»>
Ссылка 1</a></li>
<li><a href=»#»>
Ссылка 2</a></li>
</ul>
</li>
</ul>

</body>
</html>

В CSS файле пишем.


ul#cssmenu {

width:350px;
margin: 0;
border: 0 none;
padding: 0;
list-style: none;
background: #003366;
height: 30px;
font: bold 12px/28px Verdana, Arial;
border-left:#003366 1px solid;
}

ul#cssmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
display: inline;
list-style: none;
position: relative;
height: 30px;
}

ul#cssmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 170px;
list-style: none;
display: none;
position: absolute;
top: 30px;
left: 0;
}

ul#cssmenu ul:after {
clear: both;
display: block;
font: 1px/0px serif;
content: «.»;
height: 27px;
visibility: hidden;
}

ul#cssmenu ul li {
width: 150px;
float: left;
display: block !important;
display: inline;
}

/* Main Menu */


ul#cssmenu a {

border: 0px;
padding: 0 10px;
float: none !important;
float: left;
display: block;
background: #003366;
color: #FFFFFF;
font: bold 12px/28px Verdana, Arial;
text-decoration: none;
height: auto !important;
height: 1%;
}

/* Main Menu Hover */


ul#cssmenu a:hover,
ul#cssmenu li:hover a,
ul#cssmenu li.iehover a {

background: #FFFFFF;
color:#003366;
border-top:#003366 1px solid;
}

/* Second Menu */


ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {

border-top: 2px solid #FFFFFF;
float: none;
background: #003366;
color: #FFFFFF;
}

/* Second Menu Hover */


ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {

border-top: 2px solid #FFFFFF;
background: #FFFFFF;
color:#003366;
border:#003366 1px solid;
}

ul#cssmenu ul ul {
display: none;
position: absolute;
top: 0;
left: 170px;
}

ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {

display: none;
}

ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul
{

display: block;
}

По теме:

CSS

меню для сайтов ucoz

 

 

 

 

Выпадающее меню на CSS

ЭЙ, Стой!!! Красивые меню для сайта ucoz- вертикальное меню для сайта ucoz

на главную nocrisise.ruназ к меню на CSS

вертикальное меню для сайта ucoz: Новое CSS меню для uCoz. Красивое простенькое меню для ucoz.

вертикальное меню для сайта ucoz

HTML

<ul class=»uz»>
<li class=»m»><a class=»m» href=»http://www.ВАШ САЙТ.ucoz.ru/»>Главная страница</a></li>
<li class=»m»><a class=»m» href=»/forum»>Форум</a></li>
<li class=»m»><a class=»m» href=»/dir»>Топ сайтов</a></li>
<li class=»m»><a class=»m» href=»forum/0-0-0-36″>Правила сайта</a></li>
</ul>

CSS

<!— МЕНЮ nocrisise.ru—>

ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.m {border:1px solid #ECECEC; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}
li.m:hover {border:1px solid #9AC4EC; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;}
li.fr {border:1px solid #ECECEC; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}
li.fr:hover {border:1px solid #C5C5C5; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;}
<!— \МЕНЮ nocrisise.ru—>

По теме:

CSS

меню для сайтов ucoz

меню ucoz

 

ЭЙ, Стой!!! Скрипт Красивое горизонтальное меню для uCoz

на главную nocrisise.ruназ к меню на CSS

горизонтальное меню для сайта ucoz: Тёмное горизонтальное меню для сайта ucoz. Красивое, простенькое меню для ucoz.
Внимание:Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: «img» вставляйте любую свою картинку.

горизонтальное меню для сайта ucoz

Установка:
1) Заходим в CSS, и в любое место вставляем:

/* ——- New Menu nocrisise.ru—— */ 
#nav, #nav ul {list-style: none; margin: 0; padding: 0; float: left; width: 100%;} 
#nav li {float: left;background: url(/wp-content/uploads/img/pd.png);} 
#nav li.uz {float: left; position: relative;background: none;} 
#nav a {text-decoration: none; display: block; width: 120px; height:25px; padding-top: 7px;}
#nav a:hover {background: #806F61;} 
#nav li:hover, 
#nav li.jshover {background: #806F61;} 
#nav li ul {display: none; position: absolute; background: url(/wp-content/uploads/img/dp.png); padding: 1px; width: 118px;} 
#nav li li a {width: 118px; background: none;} 
#nav li:hover ul, 
#nav li.jshover ul {display: block;} 
#nav li:hover li ul, 
#nav li.jshover li ul {display: none; width: 119px; top: 0px; left: 118px;} 
#nav li:hover li:hover ul, 
#nav li.jshover li.jshover ul {display: block;} 
/* ——-nocrisise.ru———- */

2) Заходим в управление дизайна. В любое место вставляем

 

<!—U1NEWMENU1Z—><table><tr><td align=center>
<ul id=»nav»>
<li><a href=»ссылка»><FONT size=2 color=»#FFFFFF»><b>Название</b></FONT></a>
<ul>
<li class=»uz» style=»border-bottom:1px solid #A19F9D;»><a href=»ссылка»><FONT color=»#EBE6E3″>Название</FONT></a></li>
<li class=»uz» style=»border-bottom:1px solid #A19F9D;»><a href=»ссылка»><FONT color=»#EBE6E3″>Название</FONT></a></li>
<li class=»uz» style=»border-bottom:1px solid #A19F9D;»><a href=»ссылка»><FONT color=»#EBE6E3″>Название</FONT></a></li>
<li class=»uz» style=»border-bottom:1px solid #A19F9D;»><a href=»ссылка»><FONT color=»#EBE6E3″>Название</FONT></a></li>
<li class=»uz» style=»border-bottom:1px solid #A19F9D;»><a href=»ссылка/»><FONT color=»#EBE6E3″>Название</FONT></a></li>
<li class=»uz»><a href=»ссылка»><FONT color=»#EBE6E3″>Название</FONT></a></li>
</ul>
</li>
<li><a href=»ссылка»><FONT size=2 color=»#FFFFFF»><b>Название</b></FONT></a></li>
<li><a href=»#»><FONT size=2 color=»#FFFFFF»><b>Названиег</b></FONT></a>
<ul>
<li class=»uz» style=»border-bottom:1px solid #A19F9D;»><a href=»ссылка»><FONT color=»#EBE6E3″>Название</FONT></a></li>
<li class=»uz» style=»border-bottom:1px solid #A19F9D;»><a href=»ссылка»><FONT color=»#EBE6E3″>Название</FONT></a></li>
<li class=»uz» style=»border-bottom:1px solid #A19F9D;»><a href=»ссылка»><FONT color=»#EBE6E3″>Название</FONT></a>
<ul>
<li class=»uz» style=»border-bottom:1px solid #A19F9D;»><a href=»ссылка»><FONT color=»#EBE6E3″>Название</FONT></a></li>
<li class=»uz» style=»border-bottom:1px solid #A19F9D;»><a href=»ссылка»><FONT color=»#EBE6E3″>Название</FONT></a></li>
<li class=»uz» style=»border-bottom:1px solid #A19F9D;»><a href=»ссылка»><FONT color=»#EBE6E3″>Название</FONT></a></li>
<li class=»uz» style=»border-bottom:1px solid #A19F9D;»><a href=»ссылка»><FONT color=»#EBE6E3″>Название</FONT></a></li>
</ul>
</li> <script type=»text/javascript»>
jsHover = function() {
var hEls = document.getElementById(«nav»).getElementsByTagName(«LI»);
for (var i=0, len=hEls.length; i<len; i++) {
hEls[i].onmouseover=function() { this.className+=» jshover»; }
hEls[i].onmouseout=function() { this.className=this.className.replace(» jshover», «»); }
}
}
if (window.attachEvent && navigator.userAgent.indexOf(«Opera»)==-1) window.attachEvent(«onload», jsHover);
></script></td></tr></table><!—/U1NEWMENU1Z—>

Внимание: Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: «img» вставляйте любую свою картинку.

По теме:

CSS

меню для сайтов ucoz

меню ucoz

 

ЭЙ, Стой!!! Красивые меню для сайта ucoz- вертикальное меню для сайта ucoz

на главную nocrisise.ruназ к меню на CSS

вертикальное меню для сайта ucoz: Меню как на No-Cheats. Красивое простенькое меню для ucoz.
Внимание Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: «images» и в ней ещё 1 папку с именем «menu_icons» и вставляйте любую свою картинку.

вертикальное меню для сайта ucoz

<!— МЕНЮ nocrisise.ru—>

<img src=»/images/menu_icons/romb.png» alt=»» border=»0><a href=»ВАША ССЫЛКА» title=»»>Скачать SXE Injected</a><br>
<img src=»/images/menu_icons/romb.png» alt=»» border=»0><a href=»ВАША ССЫЛКА» title=»»>Скачать DONtLie</a><br>
<img src=»/images/menu_icons/romb.png» alt=»» border=»0><a href=»ВАША ССЫЛКА» title=»»>Скачать LAC</a><br>
<img src=»/images/menu_icons/romb.png» alt=»» border=»0><a href=»ВАША ССЫЛКА» title=»»>Скачать UCP</a><br>
<img src=»/images/menu_icons/romb.png» alt=»» border=»0><a href=»ВАША ССЫЛКА» title=»»>Скачать Reallite HLGuard</a><br>
<img src=»/images/menu_icons/romb.png» alt=»» border=»0><a href=»ВАША ССЫЛКА» title=»»>Скачать M1C</a><br>
<img src=»/images/menu_icons/romb.png» alt=»» border=»0><a href=»ВАША ССЫЛКА» title=»»>Скачать MYAC</a><br>
<img src=»/images/menu_icons/romb.png» alt=»» border=»0><a href=»ВАША ССЫЛКА» title=»»>Скачать Другие анти-читы</a><br>

<!— \МЕНЮ nocrisise.ru—>

Внимание Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: «images» и в ней ещё 1 папку с именем «menu_icons» и вставляйте любую свою картинку.

По теме:

CSS

меню для сайтов ucoz

меню ucoz