Горизонтальное меню для uCoz
- Добавил: Scripts_For_uCoz
- Дата: 2024-11-22, 7:24 AM
- Комментариев: 0
- Просмотров: 4925
Скриншот материала «Горизонтальное меню для 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 - Scripts for uCoz
- Источник:
Будьте внимательны! Этот материал «Горизонтальное меню для uCoz» из раздела «Скрипты для uCoz - Scripts for uCoz» является уникальной собственностью проекта www.ucozzz.ru, поэтому,
при частичном или полном копировании, Вы обязаны установить ссылку на наш портал, как источник материала.
Похожие материалы
