Меню сайта
АКЦИЯ!!!
Категории раздела
Меню [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 »

 

Настраиваем под себя! картинки и названия меню. 

Есть два способа установить данное выдвигающееся меню: 
1. Заходим в ПУ, Управление дизайном, Глобальные блоки, Создаем новый глобальный блок и называем его например MENU, вставляем в него данный код и сохраняем. Затем вставляем код глобального блока ( в данном случае : $GLOBAL_MENU$ ) на тех страницах где хотим видеть данное меню между ... 
2. Второй способ, для ленивых. Просто берем данный код и вставляем между ..., на тех страницах, где будет наше меню.

 Код

<style type="text/css">   
/* ***** menu ***** */   
ul#navigation {   
   position: fixed;   
   margin: 0px;   
   padding: 0px;   
   top: 0px;   
   right: 10px;   
   list-style: none;   
   z-index:999999;   
   width:550px;   
}   
ul#navigation li {   
   width: 103px;   
   display:inline;   
   float:left;   
}   
ul#navigation li a {   
   display: block;   
   float:left;   
   margin-top: -2px;   
   width: 100px;   
   height: 17px;   
   background-color:#E7F2F9;   
   background-repeat:no-repeat;   
   background-position:50% 10px;   
   border:1px solid #BDDCEF;   
   text-decoration:none;   
   text-align:center;   
   padding-top:80px;   
   opacity: 0.7;   
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);   
}   
ul#navigation li a:hover{   
   background-color:#CAE3F2;   
}   
ul#navigation li a span{   
   letter-spacing:2px;   
   font-size:12px;   
   color:#60ACD8;   
   text-shadow: 0 -1px 1px #fff;   
     
}   
ul#navigation .bazar a{   
   background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_miscellaoneous.png);   
}   
ul#navigation .hal a {   
   background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_misc_doc.png);   
}   
ul#navigation .for a {   
   background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_miscss.png);   
}   
ul#navigation .chatib a {   
   background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_miscccss.png);   
}   
ul#navigation .sms a {   
   background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_miscellaneous.png);   
}   
</style>   
<ul id="navigation">   
      <li class="bazar"><a href="/" target ="_blank"><span>Домой</span></a></li>   
      <li class="hal"><a href="/load" target ="_blank"><span>Файлы</span></a></li>   
   <li class="for"><a href="/forum" target ="_blank"><span>Форум</span></a></li>   
      <li class="chatib"><a href="/news" target ="_blank"><span>Новости</span></a></li>   
      <li class="sms"><a href="/gb" target ="_blank"><span>Гостевая</span></a></li>   
</ul>   
<script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_navigation.js"></script>   
<script type="text/javascript">   
   $(function() {   
   var d=300;   
   $('#navigation a').each(function(){   
   $(this).stop().animate({   
   'marginTop':'-80px'   
   },d+=150);   
   };);   

   $('#navigation > li').hover(   
   function () {   
   $('a',$(this)).stop().animate({   
   'marginTop':'-2px'   
   },200);   
   },   
   function () {   
   $('a',$(this)).stop().animate({   
   'marginTop':'-80px'   
   },200);   
   }   
   );   
   };);   
   </script>   
</td>   
   </tr>   
   </table>   
   </div></td>   
   </tr>   
</table>

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

 

Вертикальное меню для футбольного сайта, рипнут с сайта фанатов Арсенала.  
Вставляем код после и до на тех страницах, где хотим видеть меню:

 Код

<!--Rip by FIFAGAMERS.RU-->     
<div class="glossymenu">     
<a class="menuitem" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_right.gif" border=0 alt=""> Главная</a>     
<a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Материалы</a> <div class="submenu"> <ul> <li><a href="/">Новости</a></li> <li><a href="/stuff">Блоги</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Клуб</a> <div class="submenu"> <ul> <li><a href="/index/0-15">История Арсенала</a></li> <li><a href="/index/0-56">Логотип клуба</a></li> <li><a href="/index/0-16">Достижения клуба</a></li> <li><a href="/index/0-88">Рекорды клуба</a></li> <li><a href="/index/0-55">Легенды Арсенала</a></li> <li><a href="/index/0-176">Все менеджеры Арсенала</a></li> <li><a href="/index/0-4">Контакты клуба</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Арсенал</a> <div class="submenu"> <ul> <li><a href="/index/0-5">Состав Арсенала</a></li> <li><a href="/index/0-12">Резерв Арсенала</a></li> <li><a href="/index/0-7">Тренерский штаб</a></li> <li><a href="/index/0-6">Руководство клуба</a></li> <li><a href="/index/0-74">Форма Арсенала</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Сезон 2009-2010</a> <div class="submenu"> <ul> <li><a href="/index/0-162">Календарь игр</a></li> <li><a href="/index/0-163">Турнирная таблица</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Стадион</a> <div class="submenu"> <ul> <li><a href="/index/0-168">Эмирейтс</a></li> <li><a href="/index/0-169">Хайбери</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Мультимедиа</a> <div class="submenu"> <ul> <li><a href="/index/0-166">Фото-галерея</a></li> <li><a href="/index/0-167">Видео-галерея</a></li> <li><a href="/index/0-153">Игры сайта</a></li> <li><a href="/index/0-164">Скринсейверы</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Общение</a> <div class="submenu"> <ul> <li><a href="/forum/0-0-0-36">Правила сайта</a></li> <li><a href="/gb">Конференция</a></li> <li><a href="/index/0-3">Связь с Администрацией</a></li> <li><a href="/index/0-174">Наши баннеры</a></li> <li><a href="/index/0-175">Наши партнеры</a></li> </ul> </div> <a class="menuitem" href="/forum" target="_blank"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_right.gif" border=0 alt=""> Форум</a> </div>     

<style>     
.glossymenu{margin: 5px 0;padding: 0;width: 191px; /*ширина меню*/     
border: 0px solid #9A9A9A;border-bottom-width: 0;}     

.glossymenu a.menuitem{background: black url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_carenA.gif')     
repeat-x bottom left;font: bold 12px Tahoma;color:     
white;display: block;position: relative; width: auto;padding: 4px     
0;padding-left: 10px;text-decoration: none;}     
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{color: white;}     
.glossymenu a.menuitem .statusicon{ position: absolute;top: 5px;right: 5px;border: none;}     
.glossymenu a.menuitem:hover{background-image: url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_carenB.gif');}     
.glossymenu div.submenu{ background: cb4a4a;}     
.glossymenu div.submenu ul{ list-style-type: none;margin: 0;padding: 0;}     
.glossymenu div.submenu ul li{border-bottom: 1px solid black;}     
.glossymenu div.submenu ul li a{display: block;font: normal 13px     
Tahoma; color: black;text-decoration: none;padding:     
2px 0;padding-left: 10px;}     
.glossymenu div.submenu ul li a:hover{background: #DFDCCB;colorz: white;}     
</style>     
<!--/Rip by FIFAGAMERS.RU-->

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

Данный код вставляем в нужный блок: 
Код

<style>#menu-cont li {list-style:none;padding:6px;border-bottom:1px dotted #c5c5c5; text-shadow:0px 1px 0px #ffffff; text-decoration:none;background:#f7f7f7}    
   #menu-cont li:hover {background:#ffffff} 
</style> 
<div id="menu-cont">    
   <li><a href="/forum/">Форум</a></li>    
   <li><a href="/load/">Торрент ігри</a></li>    
   <li><a href="/news/">Ігрові новини</a></li>    
   </div>

Заметим, что добавить или убрать ссылку можно очень легко, методом копирования.

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

Код

<style> 
{margin:0; padding:0;}   
#nav {   
   font-size:0.8em;   
   list-style-type:none;   
   width:100%;   
   height:25px;   
   display:inline-block;   
   background:#7B9B37;   
   line-height:25px;   
}   
#nav li{   
   float:left;   
   width:120px;   
   margin-top:-10000px;   
}   
#nav li a {   
   width:120px;   
   text-decoration:none;   
   text-align:center;   
   color:#fff;   
   position:relative;   
   float:left;   
   margin-right:-119px;   
   margin-top:10000px;   
}   
#nav li a:hover, #content #nav li a:focus, #content #nav li a:active {   
   background:#C4E088;   
   margin-right:0;   
   color:#000000;   
}   
#nav li ul {   
   background:#617A2C;   
   float:left;   
   margin-top:-25px;   
   padding-top:25px;   
   margin-bottom:-10000px;   
   list-style-type:none;   
}   
#nav li ul li {   
   float:none;   
   margin:0;   
   width:auto;   
}   
#nav li ul li a {   
   float:none;   
   display:block;   
   margin:0;   
   margin-right:-1px;   
   background:#798E47;   
} </style> 

<ul id="nav">   
<li><a href="/">Главная</a></li>   
<li><a href="/news">Софт</a></li>   
<li><a href="/blog">Музыка</a></li>   
<li><a href="/forum/3">Вебмастеру</a>   
      </li>   
<?if($USER_LOGGED_IN$)?><li><a href="$PERSONAL_PAGE_LINK$">Профиль</a></li><?else?><li><a href="$LOGIN_LINK$">Вход</a></li><?endif?>   
</ul>

 

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

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

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


<style> 
.suckerdiv ul{  
margin: 0;  
padding: 0;  
list-style-type: none;  
width: 185px;  

/*CSOMSK.RU*/  
/* Width of Menu Items */  
border-bottom: 1px solid #000000;  
}  
.suckerdiv ul{  
margin: 0;  
padding: 0;  
list-style-type: none;  
width: 185px;  
/* Width of Menu Items */  
border-bottom: 1px solid #101010;  
}  

.suckerdiv ul li{  
position: relative;  
}  

/*Sub level menu items */  

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

/*FIFAGAMERS.RU*/  
/* Sub level menu links style */  
.suckerdiv ul li a{  
display: block;  
overflow: auto;  

/*FIFAGAMERS.RU*/  
/*force hasLayout in IE7 */  
color: #c2c2c2;  
text-decoration: none;  
background: #292929;  
padding: 3px 15px;  
border: 1px solid #101010;  
border-bottom: 0;  
}  

.suckerdiv ul li a:visited{  
color: #c2c2c2;  
}  

.suckerdiv ul li a:hover{  
background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/121_menu-back-ucoz.png);  
}  

.suckerdiv .subfolderstyle{  
background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/121_menu-back-ucoz.png) no-repeat center right;  
}  

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

<div class="suckerdiv">  
<ul id="suckertree1">  
<li><a href="/" >Главная</A> </li>  
<li><a href="/forum/" >Форум</A></li>  
<li><a href="/load/" >Файлы</A> </li>  
<li><a href="/publ/" >Статьи</A> </li>  
<li><a href="/news/" >Новости</A> </li>  
  </ul>  
</div> 

Заметим, что добавить или убрать ссылку можно очень легко, методом копирования.

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

Выдвижное вертикальное меню для uCoz сайта. 
Данное меню отличилось тем, что оно простое в установке, легко редактируется, а так же очень приятное в использовании. 

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

 Код

<div style="display:inline;" id="menuDiv"><ul id="tmenu0" style="margin-left:4px">  
<li class="expanded"><span style="font-weight:bold">Навигация</span>  
<ul>  
<li><a href="/">Главная</a></li>  
<li><a href="/forum/">Форум</a></li>  
</ul></li>  
<li class="expanded"><span style="font-weight:bold">НАЗВАНИЕ</span>  
<ul>  
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>  
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>  
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li> 
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>  
</ul></li> 
<li><span style="font-weight:bold">НАЗВАНИЕ</span>  
<ul>  
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>  
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>  
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>  
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>  
</ul></li>  
<script type="text/javascript">  
//<![CDATA[  
var li = document.getElementById('tmenu0').getElementsByTagName('li'); 
for(i in li) if(li.className=='expanded') li.setAttribute('expanded','1');  
function tmenudata0() {  
  this.animation_jump = 5  
  this.animation_delay = 2  
  this.imgage_gap = 3  
  this.plus_image = "http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_plus.gif"  
  this.minus_image = "http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_n_st.gif"  
  this.pm_width_height = "14,14"  
  this.folder_image = "http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_folder.gif"  
  this.document_image = "http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_n_st.gif"  
  this.icon_width_height = "16,16"  
  this.icon_width2_height2 = "11,6"  
  this.indent = 10;  
  this.use_hand_cursor = true;  
  this.main_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#gold; padding:2px; "  
  this.sub_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#333333; "  
  this.main_container_styles = "padding:0px;"  
  this.sub_container_styles = "padding-top:1px; padding-bottom:1px;"  
  this.main_link_styles = "color:#ffffff; text-decoration:none;"  
  this.main_link_hover_styles = "color:#A98579; text-decoration:underline;"  
  this.sub_link_styles = ""  
  this.sub_link_hover_styles = ""  
  this.main_expander_hover_styles = "text-decoration:underline;";  
  this.sub_expander_hover_styles = "";  
}  
//]]>  
</script>  
<script src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_jsMenu.js" type="text/javascript"></script></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.href)>=0){ if (found==-1 || len<nl.href.length){ found=i; len=nl.href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script>  
</ul>

 

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

 

Крутое раздвижное меню! Скрипт не мой! 
Кому понравилось + в репу, можно и награду! 
Установка: 
Скачайте архив, распакуйте и залейте папку «menu» в корень сайта. 
В head ставим (на страницах где будет меню, например: страницы сайта, главная страница сайта, форум и тд): 

 Код

<script language="javascript" type="text/javascript" src="/menu/jquery.js"></script>                
<script language="javascript" type="text/javascript" src="/menu/accordion.js"></script>

 

В CSS вставляем: 

Код


/* Menu */ 
.accordion h3 {font-size : 11px;color : #fff;padding-left : 10px;background : url(/menu/accordion.png) no-repeat right 0;line-height :25p;height : 25px;cursor : pointer;margin : 0;text-align : left;font-weight : bold;} 
.accordion h3:hover {background : url(/menu/accordion.png) no-repeat right -25px;color : #ffa;} 
.accordion h3.active {background : url(/menu/accordion.png) no-repeat right -50px;} 
.accordion h3.active:hover {background : url(/menu/accordion.png) no-repeat right -75px;} 
.accordion p {display : none;margin : 0;padding : 7px 0 7px 7px;} 
.accordion a {font-size : 11px;color : #fff;text-align : left;font-weight : bold;padding-left : 15px;} 
.accordion p.linked a {background : url(/menu/bull.gif) no-repeat 0 50%;} 
/* ---------- */

Далее редактируете ссылки и ставите код: 
 Код

<div class="accordion">                
                 <h3>Главное меню</h3>                
                 <p class="linked"> 
                 <a href="/">Главная страница</a> 
                 <a href="/gb/">Гостевая книга</a> 
                 <a href="/index/0-3">Обратная связь</a> 
                 <a href="/board/">Доска объявлений</a> 
                 <a href="/publ/">Каталог статей</a> 
                      
                 <a href="/dir/">Каталог сайтов</a> 
                 <a href="/blog/">Блог</a> 
                 <a href="/faq/"><font color="DarkOrange">FAQ (вопрос/ответ)</font></a> 
                  </p>                
                 <h3>Компьютер</h3>                
                 <p class="linked"> 
                 <a href="/load/">Каталог файлов</a> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 </p>                
                 <h3>Отдохни</h3>                
                 <p class="linked"> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 </p>                
                 <h3>Форум</h3>                
                 <p class="linked"> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 <a href="/">Пусто</a> 
                 </div>

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

 

Горизонтальное меню для сайта. Цвет меню - металлик. Имеются выдвижные окна. Дизайн очень аккуратный. Возможно редактировать и настраивать под свой дизайн. Все вопросы в комментариях.

Сам код меню Думаю что ещё никто такого не выкладывал! 
Вставляем код после и до на тех страницах, где хотим видеть меню:

 Код

<LINK rel="stylesheet" type="text/css" href="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/117_navi_eg.css">     
     <script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/117_jquery-latest.js"></script>     
     <script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/117_menu.js"></script>     
        
<TABLE border="0" cellpadding="0" cellspacing="0" width="952"><TBODY><TR><TD height="6"></TD></TR><TR><TD align="center">     
</TD></TR><TR><TD valign="top" align="center"></TD></TR></TBODY></TABLE>     
         
         
         
         
     <DIV id="global2" id="tools_index" class="tools">     
     <DIV class="wrap">     
     <UL class="topnav">     
         <LI><A id="nz1" href="/"></A>     
     <UL class="subnav">     
     <LI><A href="/news/1-0-1" style="border-bottom: 1px solid #e2e2e2"> Новости портала</A></LI>     
     <LI><A href="/news/1-0-4" style="border-bottom: 1px solid #e2e2e2"> Новости других порталов</A></LI>     
     <LI><A href="/news/1-0-3" style="border-bottom: 1px solid #e2e2e2"> Новости о CoD MW</A></LI>     
     <LI><A href="/news/1-0-2" style="border-bottom: 1px solid #e2e2e2"> Новости о CoD WaW</A></LI>     
     <LI><A href="/news/1-0-10" style="border-bottom: 1px solid #e2e2e2"> Новости о CoD MW 2</A></LI>     
     <LI><A href="/news/1-0-6" style="border-bottom: 1px solid #e2e2e2"> Новости турниров</A></LI>     
     <LI><A href="/news/1-0-9" style="border-bottom: 1px solid #e2e2e2"> Новости турниров портала</A></LI>     
     <LI><A href="/news/1-0-5" style="border-bottom: 1px solid #e2e2e2"> Недельный дайджест</A></LI>     
     <LI><A href="/news/1-0-8" style="border-bottom: 1px solid #e2e2e2"> Интервью</A></LI>     
     <LI><A href="/news/"> Архив новостей</A></LI>     
     </UL>     
     </LI>     
     <LI><A id="n2" href="../forum/"></A>     
     <UL class="subnav">     
     <LI><A href="/forum/0-0-1-34" style="border-bottom: 1px solid #e2e2e2"> Новые сообщения</A></LI>     
     <LI><A href="h/forum/0-0-1-35" style="border-bottom: 1px solid #e2e2e2"> Участники</A></LI>     
     <LI><A href="forum/0-0-0-36" style="border-bottom: 1px solid #e2e2e2"> Правила форума</A></LI>     
     <LI><A href="/forum/0-0-0-6" style="border-bottom: 1px solid #e2e2e2"> Поиск</A></LI>     
     <LI><A href="/forum/0-0-0-37"> RSS форума</A></LI>     
     </UL>     
     </LI>     
     <LI><A id="n11" href="../stuff/"></A>     
     <UL class="subnav">     
     <LI><A href="stuff/1" style="border-bottom: 1px solid #e2e2e2"> Новости</A></LI>     
     <LI><A href="/stuff/2" style="border-bottom: 1px solid #e2e2e2"> Статьи</A></LI>     
     <LI><A href="/stuff/3" style="border-bottom: 1px solid #e2e2e2"> Интервью</A></LI>     
     <LI><A href="/stuff/4"> Заметки</A></LI>     
     </UL>     
     </LI>     
     <LI><A id="n3" href="../load/"></A>     
     <UL class="subnav">     
     <LI><A href="/load/11" style="border-bottom: 1px solid #e2e2e2"> Call of Duty 4: MW</A></LI>     
     <LI><A href="/load/10" style="border-bottom: 1px solid #e2e2e2"> Call of Duty: WaW</A></LI>     
     <LI><A href="/load/26" style="border-bottom: 1px solid #e2e2e2"> Call of Duty: MW 2</A></LI>     
     <LI><A href="/load/15" style="border-bottom: 1px solid #e2e2e2"> Call of Duty 2</A></LI>     
     <LI><A href="load/28"> Soft</A></LI>     
     </UL>     
     </LI>     
     <LI><A id="n4" href="../photo/"></A>     
     <UL class="subnav">     
     <LI><A href="/photo/12" style="border-bottom: 1px solid #e2e2e2"> Вылазки</A&g ... Читать дальше »

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

Вертикальное меню для футбольного сайта и фанатов клуба FC Barcelona. Меню подойдет абсолютно под любой дизайн. 

Скрин:
 

Данный код вставляем в новый блок, созданный через конструктор либо через пу в первый или второй контейнер:

Код

<div align="left">   
<span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"></span></span></span><img alt="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_barcelona.png" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_barcelona.png"><br>   
<span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../" class="mainlevel">Главная</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../blog/1-0-2" class="mainlevel">Блоги</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-53" class="mainlevel">Команда сайта</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-52" class="mainlevel">Ссылки</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-41" class="mainlevel">Наши баннеры</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../publ" class="mainlevel">Матчи в записи (new)</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-71" class="mainlevel">Матч-Центр</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><br></noindex></span></span></span><img alt="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_barcelona.png" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_barcelona.png"><br><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-60" class="mainlevel">Главный тренер</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../blog/1-0-1" class="mainlevel">Биографии</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-8" class="mainlevel">Легенды</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-28" class="mainlevel">Форма</a></noindex></span></span></span><a href="../index/0-4" class="mainlevel">Трофеи</a><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-2" class="mainlevel">О клубе</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-7" class="mainlevel">Стадион</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><br></noindex></span></span></span><img alt="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_season.png" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_season.png"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><br><a href="../index/0-12" class="mainlevel">Календарь</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-61" class="mainlevel">Лига Чемпио ... Читать дальше »

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

Установка:
В новый блок вставляем код:

Код
<style>
body {background:#2a2a2a;}
#all {margin:0 auto; width:200px;}
.button {background: url(http://pnghosts.ru/img/button.png)no-repeat;width:200px;height:19px;margin-bottom:1px;}
.button:hover {background: url(http://pnghosts.ru/img/button.png)no-repeat;width:200px;height:19px;background-position: -200px 0;}
.button a {color:#777777;text-decoration:none;font:11px/18px tahoma;padding:0px 12px;}
</style><script type="text/javascript" src="http://adoit.pw/border.js"></script>
</head>
<body>
<div id="all">
<div class="button"><a href="">Главная страница</a></div>
<div class="button"><a href="">Каталог файлов</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
</div>
</body>
Категория: Меню | Просмотров: 521 | Добавил: DoG | Дата: 11.08.2013 | Комментарии (0)


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