На портале уже 561 , зарегистрировано 9843 и написано 803 .
овый вид Мини-чата д...
Иконки на различную ...
Скрипт новости по те...
Гостевая книга
Требуется персонал!
Главная страница Архив всех материалов Скрипты для uCoz - Scripts for uCoz Горизонтальное меню для uCoz

Горизонтальное меню для uCoz

  • Добавил: Scripts_For_uCoz
  • Дата: 2017-07-26, 1:36 PM
  • Комментариев: 0
  • Просмотров: 3602
Скриншот материала «Горизонтальное меню для uCoz»



Создаем новый Глобальный блок
В глобальный блок вставляем данный код менюшки.
Код: 
<style type="text/css">.UhideBlock {display:none}</style>      
<style type="text/css">       
/*Credits: CSSpplay */       
/*URL: http://www.cssplay.co.uk/menus/pro_one */       

.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:25px; background:#fff url(menuka/1.png); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}       
.menu1 li {float:left;}       
.menu1 li a {display:block; float:left; height:25px; line-height:25px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}       
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}       
.menu1 li.current a {color:#fff; background:url(button3.gif);}       
.menu1 li.current a b {background:url(button3.gif) no-repeat right top;}       
.menu1 li a:hover {color:#fff; background:#000 url(button2.gif);}       
.menu1 li a:hover b {background:url(button2.gif) no-repeat right top;}       
.menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}       
.menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}       

</style>       

             

<body>       
<ul class="menu1">       
<li><a href="Ваша ссылка"><span style="color:ffffff"><b>Ваше название</b></span></a></li>       
<li><a href="Ваша ссылка"><span style="color:ffffff"><b>Ваше название</b></span></a></li>      
<li><a href="Ваша ссылка"><span style="color:ffffff"><b>Ваше название</b></span></a></li>       
<li><a href="Ваша ссылка"><span style="color:ffffff"><b>Ваше название</b></span></a></li>       
<li><a href="Ваша ссылка"><span style="color:ffffff"><b>Ваше название</b></span></a></li>       
<li><a href="Ваша ссылка"><span style="color:ffffff"><b>Ваше название</b></span></a></li>       
<li><a href="Ваша ссылка"><span style="color:ffffff"><b>Ваше название</b></span></a></li>       
</ul>

название глобального блока (Например $GLOBAL_MENU$ ) ставим в нужное вам место.
Создаем в файловом менеджере папку menuka и туда загружаем эту картинку --->
В файловый менеджер а не в папку загружаем эти картинки ---> и
Вот и все менюшка готова ^_^ P.S. если вы хотите другой цвет меню то измените картинки в фотошопе или загрузите свои.


Будьте внимательны! Этот материал «Горизонтальное меню для uCoz» из раздела «Скрипты для uCoz - Scripts for uCoz» является уникальной собственностью проекта www.ucozzz.ru, поэтому, при частичном или полном копировании, Вы обязаны установить ссылку на наш портал, как источник материала.
Похожие материалы
Материал «Горизонтальное меню для uCoz» ещё никто не комментировал!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]