Меню сайта
АКЦИЯ!!!
Категории раздела
Меню [34]
Меню для сайтов на Ucoz
Кнопки [15]
Кнопки для uCoz
Блоки и формы [22]
Блоки и формы для uCoz.
Вид материалов [41]
Вид материалов для uCoz
Мини-Профили [7]
Мини-Профили для uCoz
Переключатели [29]
Переключатели страниц для uCoz
Информеры [35]
Информеры для uCoz
Плейеры для сайта [23]
Аудио, видео, радио плейеры
Слайдеры [21]
Слайдеры и карусели картинок.
Вид опросов [8]
Вид опросов для uCoz
Часы и календари [8]
Часы и календари для uCoz.
Статистика сайта [20]
Статистика сайта для uCoz
Скрипты [25]
Скрипты для uCoz
Виджеты [2]
Виджеты для uCoz
Мини-чаты [6]
Мини-чаты для uCoz
Ajax для uCoz [8]
Ajax для uCoz
Шаблоны сайтов [0]
Шаблоны и шапки для uCoz.
Анимация [3]
Анимация и анимашки для сайтов на Ucoz.
Игры [6]
Игры для uCoz.
Прочее для uCoz [18]
Прочее для uCoz.
Сервис

Translate my page
Выбрать язык / Select language:



   
веб студия Одесса создание интернет магазинов создание каталога товаров Создание сайтов раскрутка сайтов портфолио веб студии продвижение сайтов готовые дизайны сайтов наши заказчики Дизайн макеты для создания сайтов Flash игры для сайтов Мини-Чат для сайтов uCoz Вид опроса для сайта Часы и календари для сайтов дизайн сайтов-визиток онлайн радио для сайта кнопки для сайтов статистика для сайта юкоз мини-профили для сайта Полезное для сайтов переключатели страниц для сайтов ajax окна для сайтов скрипты для сайта информационные блоки для сайтов информеры для сайта Формы для Ucoz слайдер для сайта информеры для юкоз меню для сайта вид материалов для сайтов вид материалов uCoz Готовые сайты Новые Бизнес дизайн макеты Новые дизайн макеты Медицина дизайн макеты интернет магазинов Новые дизайн макеты Рестораны Новые дизайн макеты Музыка и клубы Новые дизайн макеты Отели дизайн макеты производство и услуги дизайн макеты интерьер дизайн макеты строительство дизайн макеты сельское хозяйство Новый дизайн макет Транспорт Новый дизайн макет Образование Новый дизайн макет Мода дизайн макеты компьютеры дизайн макеты мобилки Логотипы портфолио
Бесплатное отправление смс сообщений!
Поиск
Календарь
«  Май 2024  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Архив записей
Наш опрос
Есть ли у Вас сайт?
Всего ответов: 27
Друзья сайта

МЕТА - Украина. Рейтинг сайтов Рейтинг@Mail.ru
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама

Главная » Меню
« 1 2 3 4 »

 

Самое простое и обычное горизонтальное меню для сайта голубого цвета. Легкое в установке, для светлых шаблонов с голубыми оттенками самое то! Можно установить как в верхней части, так и в нижней. 
Данный код вставить между <head> и </head> (либо сделать меню через глобальные блоки). 

 Код

<style> 
        table.global_links {margin: 0px;padding: 0px;border: 0px;width: 100%;height: 26px;background: #4ea6d4 left bottom repeat-x;}     
table.global_links td {padding: 0px 10px 5px 10px;vertical-align: middle;border: 0px;cursor: default;font-family: verdana, tahoma, Arial;font-size: 12px;font-weight: bold;color: #ffffff;white-space: nowrap;}     
table.global_links td:hover {color: #ffffff;cursor: pointer;}     
table.global_links td.current {padding: 0px 10px 0px 10px;background: #ffffff;color: #000000;cursor: default;}     
table.global_links td.head,table.global_links td.head:hover {padding: 0px 10px 5px 10px;vertical-align: middle;border: 0px;cursor: default;font-family: verdana, tahoma, Arial;font-size: 12px;font-weight: bold;color: #ffffff;white-space: nowrap;}     
table.global_links td a {font-family: verdana, tahoma, Arial;font-size: 12px;font-weight: bold;color: #ffffff;text-decoration: none;cursor: default;}     
table.global_links td:hover a {font-family: verdana, tahoma, Arial;font-size: 12px;font-weight: bold;color: #ddf3ff;text-decoration: none;cursor: pointer;}     
table.global_links td.link_forum {padding: 0px 10px 5px 20px;background: url('/images/modern_icon_block_forum_lastposts.gif') left center no-repeat;}     
table.global_links td.link_imgshosting {padding: 0px 10px 5px 20px;background:  left center no-repeat;}     
table.global_links td.border_left {padding: 0px;background: right bottom no-repeat;border: 0px;white-space: nowrap;width: 4px;}     
table.global_links td.border_right {padding: 0px;background: left bottom no-repeat;border: 0px;white-space: nowrap;width: 3px;} 
</style> 

<table cellpadding="0" cellspacing="0" class="global_links">     
        <tr>     
        <td><a href="/">Главная</a></td>     
        <td><a href="/forum">Форум</a></td>     
        <td title="Скрипты для uCoz<"><a href="/load/scripts_for_ucoz/1">Скрипты для uCoz</a></td>     
        <td title="Шаблоны для ucoz"><a href="/load/scripts_for_ucoz/1">Шаблоны для ucoz</a></td>     
        <td title="Иконки для ucoz"><a href="/load/scripts_for_ucoz/1">Иконки для ucoz</a></td>     
             
        <td style="width: 99%; cursor: default;"></td>     
        </tr>     
</table>

Категория: Меню | Просмотров: 554 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Красивое горизонтальное меню, светлое. При наведении на ссылки, подменю загорается голубым цветом, всё видно на скрине, что ниже.
Вставляем код после и до на тех страницах, где хотим видеть меню:

 Код

<!-- UcoZMenu --><style type="text/css">   
.suckerdiv ul{   
margin: 0;   
padding: 0;   
list-style-type: none;   
width: 185px; /* Width of Menu Items */   
border-bottom: 1px solid #ccc;   
}   

.suckerdiv ul li{   
position: relative;   
}   

/*Sub level menu items */   
.suckerdiv ul li ul{   
position: absolute;   
width: 170px; /*sub menu width*/   
top: 0;   
visibility: hidden;   
}   

/* Sub level menu links style */   
.suckerdiv ul li a{   
display: block;   
overflow: auto; /*force hasLayout in IE7 */   
color: black;   
text-decoration: none;   
background: #fff;   
padding: 5px 5px;   
border: 1px solid #ccc;   
border-bottom: 0;   
}   

.suckerdiv ul li a:visited{   
color: black;   
}   

.suckerdiv ul li a:hover{   
background-color: #009ee0;   
}   

.suckerdiv .subfolderstyle{   
background: url() no-repeat center right;   
}   

/* Holly Hack for IE \*/   
* html .suckerdiv ul li { float: left; height: 1%; }   
* html .suckerdiv ul li a { height: 1%; }   
/* End */   

</style>   
<script type="text/javascript">var menuids=["suckertree1"]   

function buildsubmenus(){   
for (var i=0; i<menuids.length; i++){   
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")   
for (var t=0; t<ultags.length; t++){   
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"   
if (ultags[t].parentNode.parentNode.id==menuids[i])   
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px"   
else   
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px"   
ultags[t].parentNode.onmouseover=function(){   
this.getElementsByTagName("ul")[0].style.display="block"   
}   
ultags[t].parentNode.onmouseout=function(){   
this.getElementsByTagName("ul")[0].style.display="none"   
}   
}   
for (var t=ultags.length-1; t>-1; t--){   
ultags[t].style.visibility="visible"   
ultags[t].style.display="none"   
}   
}   
}   

if (window.addEventListener)   
window.addEventListener("load", buildsubmenus, false)   
else if (window.attachEvent)   
window.attachEvent("onload", buildsubmenus)</script>   

<div class="suckerdiv">   
<ul id="suckertree1">   
<fieldset class="counter"><legend><font color="#FF0000"><b>MyCS</b></font><b><font color="#FF0000">:</font></b></legend>   
<div align="center">   
<li><a href="$HOME_PAGE_LINK$"> Главная страница</a></li>   
<li><a href="/forum"> Форум</a></li></div>   
</fieldset><!--/U1REKLWERX1Z-->   

<fieldset class="counter"><legend><font color="#FF0000"><b>uCoz</b></font><b><font color="#FF0000">:</font></b></legend>   
<div align="center">   
<li><a href="/"> Графика</a></li>   
<li><a href="/"> Шаблоны</a></li>   
</div>   
</fieldset><!--/U1REKLWERX1Z-->   

<fieldset class="counter"><legend><font color="#FF0000"><b>Counter-Strike</b></font><b><font color="#FF0000">:</font></b></legend>   
<div align="center">   
<li><a href="/">Читы</a></li>   
<li><a href="/">Плагины</a></li>   
<li><a href="/">Модели</a></li>   
<li><a href="/">Готовые сервера</a></li>   
</div>   
</fieldset><!--/U1REKLWERX1Z-->   

<fieldset class="counter"><legend><font color="#FF0000"><b>Разное</b></font><b><font color="#FF0000">:</font></b></legend>   
<div align="center">   

<li><a href="/">Игры</a></li>   
<li><a href="/">Боевики</a></li>   
<li><a href="/">Сериалы</a></li>   
<li><a href="/">Комедия</a></li>   
<li><a href="/">Спорт</a></li>   
<li><a href="/">Трейлеры</a></li>   

</div>   
</fieldset><!--/U1REKLWERX1Z-->   

</li>   
</ul>   
</ul>   

</li>   
</div>   
<script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href+'/'; var len=0; for (var i=0;i<nl.length;i++){ if (url.indexOf(nl[i].href)>=0){ if (found==-1 || len<nl[i].href.length){ found=i; len=nl[i].href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script>   

<!-- /UcoZMenu --></div>

Категория: Меню | Просмотров: 448 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Данное меню делалось специально для детского онлайн кинотеатра, но я его выкладываю в паблик. При нажатие на категории, меню уходит и появляются категории, а если нажать на меню,то категории уйдут и меню вернётся. 

Код вставляем в новый блок. 

 Код

<table border="0" cellpadding="0" cellspacing="0" width="90%">   
<tr>   
<td valign="top" width="210" style="padding:5px 1px 0 5px;">   
<div style="width:100%;">   
<!-- <2 блог> -->   
<div id="isInMo" <div class="MnotActive">   
<!-- <Содержиомое 1> -->   
$SMENU_1$<!-- </Содержиомое 1> -->   
</div> </div>   
<!-- </2 блог> -->   

<!-- <1 блог> -->   
<div style="display:none" id="noInMo"> <div class="MnotActive">   
<!-- <Содержиомое 2> -->   

$CATEGORIES$   

<!-- </Содержиомое 2> -->   

<!-- </1 блог> -->   

<script type="text/javascript">new _uMenu('musers');new _uMenu('msite');new _uMenu('mforum');new _uMenu('mload');new _uMenu('mgb');new _uMenu('msearch');new _uMenu('mmail');new _uMenu('mpoll');new _uMenu('mstat');</script>   
</div></div>   
<script type="text/javascript">function showmods(t) {if (t){document.getElementById('instMods')
.className='MnotActive1';document.getElementById('uninstMods')
.className='Mactive';document.getElementById('isInMo')
.style.display='none';document.getElementById('noInMo')
.style.display='';document.body.focus();}else {document.getElementById('instMods')
.className='Mactive';document.getElementById('uninstMods')
.className='MnotActive';document.getElementById('noInMo')
.style.display='none';document.getElementById('isInMo')
.style.display='';document.body.focus();}}</script> 
<br><table cellpadding="0" cellspacing="0" width="100%">   

<td width="25%"valign="top"align="left"><div id="instMods" class="Mactive"><td class="myBtnLeft"><img border="0" alt="" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/120_px.gif"></td><td class="myBtnCenter">
<div class="myBtnCont x-unselectable" align="center" style="background:url no-repeat padding-left:18px;margin-left:2px;font-size:12px;font-family:Arial,Tahoma;line-height:14px;" >
<a id="instModsL" href="javascript://" onclick="showmods(0);return false;">Меню Кина</a></div></td><td class="myBtnRight"><img alt="" border="0" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/120_px.gif"></td>   

<td width="25%"valign="top"align="right"><div id="uninstMods" class="MnotActive"><td class="myBtnLeft"><img border="0" alt="" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/120_px.gif"></td><td class="myBtnCenter"><div class="myBtnCont x-unselectable" align="center" style="background:url no-repeat padding-left:18px;margin-left:2px;font-size:12px;font-family:Arial,Tahoma;line-height:14px;" ><a id="instModsL" href="javascript://" onclick="showmods(1);return false;">Категории</a></div></td><td class="myBtnRight"><img alt="" border="0" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/120_px.gif"></td>   
    </tr> </table> </td> </tr> </table>

 

Категория: Меню | Просмотров: 545 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Новое горизонтальное меню для uCoz. Хорошо подойдет под светлые тона. 
Вставляем данный код в верхнюю часть сайта. 
Заменяем ссылки и названия ссылок на свои и радуемся новому меню

 Код

<link rel="stylesheet" href="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/107_style.css" type="text/css" media="screen"/> 

<div class="container"> 
     <ul id="menu"> 
     <li> 
         <a href="/"> 
     <i class="icon_about"></i> 
     <span class="title">О нас</span> 
     <span class="description"> 
Прочти о нас и наших услугах 
     </span> 
     </a> 
     </li> 
     <li> 
     <a href="/load"> 
     <i class="icon_work"></i> 
     <span class="title">Файлы</span> 
     <span class="description"> 
     Просмотреть работы 
     </span> 
     </a> 
     </li> 
     <li> 
     <a href="/gb"> 
     <i class="icon_help"></i> 
     <span class="title">Помощь</span> 
     <span class="description"> 
     Связаться с поддержкой 
     </span> 
     </a> 
     </li> 
     <li> 
     <a href="/search/?q"> 
     <i class="icon_search"></i> 
     <span class="title">Поиск</span> 
     <span class="description"> 
     Найти что-нибудь 
     </span> 
     </a> 
     </li> 
     </ul> 
</div> 

<script> 
$(function() { 
        $('#menu > li').hover( 
            function () { 
                var $this = $(this); 
                $('a',$this).stop(true,true).animate({ 
                        'bottom':'-15px' 
                    }, 300); 
                $('i',$this).stop(true,true).animate({ 
                        'top':'-10px' 
                    }, 400); 
            }, 
            function () { 
                var $this = $(this); 
                $('a',$this).stop(true,true).animate({ 
                        'bottom':'-95px' 
                    }, 300); 
                $('i',$this).stop(true,true).animate({ 
                        'top':'50px' 
                    }, 400); 
            } 
        ); 
};); 
</script>

Категория: Меню | Просмотров: 377 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Решил выложить привлекательное меню для сайта для светлых дизайнов. 
Это в CSS любое место:

 Код

.part2 a {color:black; display:block; background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/102_main.png') top; padding:10px; padding-left:16px;} 
.part2 a:hover {background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/102_main.png') bottom; color:white}

 Там где хотим видеть меню ставим это: 
Код

<div class="part2"> 
     <a href="#">Главная</a> 
     <a href="#">Форум</a> 
<br> 
</div>

Ссылки можно добавить или убрать. Вместо # пишем адрес к главной и форуму. 
Готово.

Категория: Меню | Просмотров: 457 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Скрипт Анимированное меню для uCoz - Это новейшее горизонтальное меню для сайтов системы укоз. Не сложная в установке. Сайт оживит сразу же после установки. При наведение на любую ссылку она сначала загорается красным прямоугольником, после чего этот текст ссылки становится серым цветом, после чего восстанавливается в обычный стандартный белый цвет. Это горизонтальное меню также подойдет к любым сайтам! За не сложных три шага можно с легкостью разукрасить свой сайт! 
Установка: 

В верхнюю часть сайта или туда где хотим видеть меню вставляем: 

 Код


<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> 
<script type="text/javascript"> 
$('#menu a').hover(function () { 
    $(this).animate({ 
    opacity: 0.5 
    }, 
    1000); 
}, 
function () { 
    $(this).animate({ 
    opacity: 1 
    }, 
    1000); 
};); 
</script>  
<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>

Ссылки заменяем на свои и радуемся. Очень легкая установка.

Категория: Меню | Просмотров: 543 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Рип горизонтального меню красного цвета, с подменю. Недостающие ссылки можно добавить, а ненужные - убрать. 
Вставляем код после и до на тех страницах, где хотим видеть меню:

 Код

<!--Rip by FIFAGAMERS.RU-->    
<style>    
div#menu_top {    
    background: #FDFFFE url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/115_menu-bb.png) 0px 0px repeat-x;    
    width: 930px;    
    height: 35px;    
    margin: 0px 0px 0px 0px;    
    float: center;    
    text-align: center;    
}    
    div#menu_top_space_left {    
    width: 0px;    
    height: 35px;    
    float: center;    
    }    
    div#menu_top_inside {    
    width: 930px;    
    margin: 9px 0px 0px 0px;    
    text-align: center;    
    float: left;    
    }    
div#menu_bottom {    
    background: #DFDCDC url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/115_menu_bottom.png) 0px 0px repeat-x;    
    width: 930px;    
    height: 32px;    
    margin: 0px 0px 0px 0px;    
    font-family: Arial, Tahoma, Sans-serif;    
    float: center;    
}    
    div#menu_bottom_space_left {    
    width: 0px;    
    height: 30px;    
    margin: 0px 0px 0px 0px;    
    float: left;    
    }    
    div#menu_bottom_inside {    
    width:930px;    
    margin: 6px 0px 0px 0px;    
    text-align: center;    
    float: left;    
    }    
a.hor-menu {    
    font-family: Arial, Tahoma, Sans-serif;    
    padding-left: 18px;    
    padding-right: 19px;    
    color: #FFFFFF;    
    font-size: 12px;    
    text-decoration: none;    
    text-align: center;    
    font-weight: bold;    
    TEXT-ALIGN: center;    
    }    
a.hor-menu:hover {    
    color: #CDCDCD;    
    font-size: 12px;    
    text-decoration: none;    
    font-weight: bold;    
    }    
</style>    

<table border="0" cellpadding="0" cellspacing="0" width="100%">    
<tbody><tr><td align="center">    
<div id="menu_top"><div id="menu_top_inside">    
    <script type="text/javascript" languauage="JavaScript"><!--    
    function zmien(pozycja_menu) {    
    document.getElementById("m1").style.display="none";    
    document.getElementById("m2").style.display="none";    
    document.getElementById("m3").style.display="none";    
    document.getElementById("m4").style.display="none";    
    document.getElementById("m5").style.display="none";    
    document.getElementById("m6").style.display="none";    
    document.getElementById("m7").style.display="none";    
    document.getElementById(pozycja_menu).style.display="block";    
    }    
    --> </script>    
<a href="/" class="hor-menu" onmouseover="zmien('m1')">Главная</a>    
<a href="#" class="hor-menu" onmouseover="zmien('m2')">Новости</a>    
<a href="#" class="hor-menu" onmouseover="zmien('m3')">Лео Месси</a>    

<a href="#" class="hor-menu" onmouseover="zmien('m4')">Барселона</a>    
<a href="#" class="hor-menu" onmouseover="zmien('m5')">Сезон 14/15</a>    
<a href="#" class="hor-menu" onmouseover="zmien('m6')">Мультимедиа</a>    
<a href="#" class="hor-menu" onmouseover="zmien('m7')">NEW BLOCK</a>    
</div></div>    

<div id="menu_bottom_space_left"></div>    
<div id="menu_bottom" class="menu_bottom"><div id="menu_bottom_inside">    

<div id="m1" style="display: none;">    
<a href="/index/0-2" target="_self" class="menub">О проекте</a>    
<a href="/index/nashi_bannery/0-25" target="_self" class="menub">Наши баннеры</a>    
<a href="/index/ssylki/0-23" target="_self" class="menub">Ссылки</a>    

<a href="/blog" target="_self" class="menub">Блог сайта</a>    
</div>    

<div id="m2" style="display: none;">    
<a href="/" target="_self" class="menub">Новости</a>    
<a href="/publ" target="_self" class="menub">Статьи</a>    
<a href="/blog" target="_self" class="menub">Блог</a>    
</div>    

<div id="m3" style="display: none;">    
<a href="/index/biografija/0-6" target="_self" class="menub">Биография</a>    
<a href="/index/o_messi/0-4" target="_self" class=&quo ... Читать дальше »

Категория: Меню | Просмотров: 482 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Очень красивое вертикальное меню для темного сайта. Заменяйте ссылки на свои. Добавляйте / убирайте если нужно и пользуйтесь на здоровье. 
Вставляем код после и до на тех страницах, где хотим видеть меню:

 Код

<style>   
.blockmenu {   
height:18px;   
width: 100%;   
font: normal 10px Arial, Helvetica, sans-serif;   
text-align: left;   
}   
.blockmenu a:link,   
.blockmenu a:visited {   
color:#FF0011;   
text-decoration:none;   
padding-left:16px;   
line-height:18px;   
display:block;   
font-weight:normal;   
background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/116_menu-cvetovaya-gamma.bmp);   
border-top: 1px solid #001AFF;   
border-right: 1px solid #001AFF;   
border-bottom: 1px solid #001AFF;   
border-left: 1px solid #001AFF;   
text-align: left;   
}   
.blockmenu a:hover {   
color:#F90616;   
text-decoration:none;   
padding-left:16px;   
line-height:18px;   
display:block;   
font-weight:normal;   
border: 1px solid #1E90FF;   
background: #647D95 url("http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/116_m.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:#D8D8D8;   
background:#254C6F;   
}   

</style>   

<SPAN class="blockmenu">   

<a href="#">Ссылка 1</a>   
<a href="#">Ссылка 2</a>   
<a href="#">Ссылка 3</a>   
<a href="#">Ссылка 4</a>   
<a href="#">Ссылка 5</a>   
<a href="#">Ссылка 6</a>   

</SPAN>

Категория: Меню | Просмотров: 504 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Хорошо пойдет под любой сайт и под любой шаблон светлого сайта. 

В конец css ставим: 

 Код

.block{width:218px;float:left;padding:0 0 10px 0;*float:none;}     
.greenblock_header{background:url(../images/greenblock_header.gif) no-repeat;width:209px;height:39px;}     
.greenblock_header h3{padding:11px 0 0 36px;*padding:12px 0 0 36px;}     
.block_center{background:url(../images/block_center.gif) repeat-y;width:209px;float:left;padding:0 0 2px 0;}     
.block_centertxt{padding:15px 10px 0 10px;}     
.block_bot{background:url(../images/block_bot.gif) no-repeat;width:209px;height:10px;float:left;}     

.leftmenu{padding:5px 0 0 0;}     
.leftmenu_cat{background:#F2F2F2;text-align:center;padding:5px 0 5px 0;color:#4fbeeb;border-bottom:1px solid #EDEDED;border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;}     
.leftmenu_catbg{padding:3px 0 0 0;}     

ul.leftmenu_list{padding:0;margin:0;list-style:none;}     
ul.leftmenu_list li{border-bottom:1px solid #EDEDED;padding:5px 0 5px 10px;}     
ul.leftmenu_list li a{color:#626262;}     
ul.leftmenu_list li a:hover{color:#4fbeeb;text-decoration: underline;}

 Там где хотим видеть меню ставим это: 
Код

<div class="block">   
   <div class="greenblock_header"><h3>Навигация</h3></div>   
   <div class="block_center">   
   <div class="leftmenu">   
   <div class="leftmenu_cat">Движки сайтов</div>   
   <ul class="leftmenu_list">   
   <li>Datalife Engine</li>   
   <div id="menu1" >   
   <ul>   
   <li><a href="/dle_relizi/">Релизы</a>   
   <li><a href="/bugs/">Баг-Фиксы</a>   
   <li><a href="/dle_sborki/">Сборки</a>   

   </ul>   
   </div>   
   <li>Joomla</li> 
   <div id="menu2" >   
   <ul>   
   <li><a href="#">Релизы</a>   
   <li><a href="#">Баг-Фиксы</a>   
   <li><a href="#">Сборки</a>   

   </ul>   
   </div> 

   </ul>   
   <div class="leftmenu_cat">FIFAGAMERS.RU</div>   
   <ul class="leftmenu_list">   
   <li>MysterIoes</li>   
   <div id="menu3" >   
   <ul>   
   <li><a href="#">Релизы</a>   
   <li><a href="#">Баг-Фиксы</a>   

   </div>   

   </ul> 

   </div>   
   </div>   
   <div class="block_bot"></div>   
   </div>

 Естественно ссылки меняем на свои, качаем картинки и кидаем в папку images 
Ссылка на картинки: http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/105_images-menu.zip

Категория: Меню | Просмотров: 472 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Чёрное выпадающее меню для uCoz. Смотрится очень красиво. 
Стиль меню можно изменить по своему вкусу..

Код вставляем в новый блок. 

 Код

<script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/118_jquery.js"></script>   
<script type="text/javascript">   
$(document).ready(function(){ 
     
   $("ul.subnav").parent().append("<span></span>");   
     
   $("ul.topnav li span").click(function() { 
     
   $(this).parent().find("ul.subnav").slideDown('fast').show();   
     
   $(this).parent().hover(function() { 
   }, function(){   
   $(this).parent().find("ul.subnav").slideUp('slow');   
   };); 
     
   };).hover(function() {   
   $(this).addClass("subhover");   
     
   $(this).removeClass("subhover");   
   };); 
     
};); 
</script>   

<style type="text/css">   
body { 
margin: 0; padding: 0; 
   font: 10px normal Arial, Helvetica, sans-serif; 

.container { 
   width: 960px; 
   height: 35px; 
   margin: 0 auto; 
   position: relative; 
   z-index: 10000; 

#header { 
background: black; 

     
ul.topnav { 
   list-style: none; 
   padding: 0 20px;   
   margin: 0; 
   float: left; 
   width: 920px; 
   background: #222; 
   font-size: 1.2em; 
   background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/118_topnav_bg.gif) repeat-x; 

ul.topnav li { 
   float: left; 
   margin: 0;   
   padding: 0 15px 0 0; 
   position: relative;   

ul.topnav li a{ 
   padding: 10px 5px; 
   color: #fff; 
   display: block; 
   text-decoration: none; 
   float: left; 

ul.topnav li a:hover{ 
   background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/118_topnav_hover.gif) no-repeat center top; 

ul.topnav li span {   
   width: 17px; 
   height: 35px; 
   float: left; 
   background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/118_subnav_btn.gif) no-repeat center top; 

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;}   
ul.topnav li ul.subnav { 
   list-style: none; 
   position: absolute;   
   left: 0; top: 35px; 
   background: #333; 
   margin: 0; padding: 0; 
   display: none; 
   float: left; 
   width: 170px; 
   -moz-border-radius-bottomleft: 5px; 
   -moz-border-radius-bottomright: 5px; 
   -webkit-border-bottom-left-radius: 5px; 
   -webkit-border-bottom-right-radius: 5px; 
   border: 1px solid #111; 

ul.topnav li ul.subnav li{ 
   margin: 0; padding: 0; 
   border-top: 1px solid #252525;   
   border-bottom: 1px solid #444;   
   clear: both; 
   width: 170px; 

html ul.topnav li ul.subnav li a { 
   float: left; 
   width: 145px; 
   background: #333 url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/118_dropdown_linkbg.gif) no-repeat 10px center; 
   padding-left: 20px; 

html ul.topnav li ul.subnav li a:hover {   
   background: #222 url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/118_dropdown_linkbg.gif) no-repeat 10px center;   

</style>   
     

<div class="container">   
     
   <ul class="topnav">   
   <li><a href="#">Главная</a></li>   
   <li>   
   <a href="#">Документация</a>   
   <ul class="subnav">   
   <li><a href="#">jQuery</a></li>   
   <li><a href="#">CSS</a></li>   
   <li><a href="#">PHP</a></li>   
   <li><a href="#">AJAX</a></li> 
   <li><a href="#">Другое...</a></li>   
   </ul>   
   </li>   
   <li>   
   <a href="#">Скачать</a>   
   <ul class="subnav">   
   <li><a href="#">Иконки</a></li>   
   <li><a href="#">Шаблоны</a></li>   
   <li><a href="#">Скрипты</a></li>   
   <li><a href="#">Фоны</a></li>   
   <li><a href="#">Другое...</a></li>   
   </ul>   
   </li>   
   <li><a href="#">Форум</a></li>   
   <li><a href="#">Товары</a></li>   
   <li><a href="#">Блог</a></li>   
   <li><a href="#">О нас</a></li>   
   </ul>   
     
</div></div>

Примечание: 
Если данное меню будет заезжать на вашу шапку или наоборот будет свободное место от меню до ... Читать дальше »

Категория: Меню | Просмотров: 527 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)


Copyright "IPC" © 2008
Хостинг от uCoz