Чёрное горизонатальное меню для сайта uCoz
- Добавил: Scripts_For_uCoz
- Дата: 2024-04-28, 10:12 PM
- Комментариев: 0
- Просмотров: 2578
Скриншот материала «Чёрное горизонатальное меню для сайта uCoz»
Code
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
ставим перед Head
Code
<title>$SITE_NAME$ - $PAGE_NAME$</title>
а это после в CSS
Code
<style type="text/css">
.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px;
background:#fff url(button1.gif); 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:35px; line-height:35px;
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>
/*Credits: CSSpplay */
/*URL: http://www.cobra.lv */
/*URL: http://www.scriptsfor.ucoz.lv */
/*URL: http://www.dekorative.ucoz.lv */
/*URL: http://www.amart.lv */
/*URL: http://www.sq.ucoz.lv */
.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px;
background:#fff url(button1.gif); 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:35px; line-height:35px;
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>
/*Credits: CSSpplay */
/*URL: http://www.cobra.lv */
/*URL: http://www.scriptsfor.ucoz.lv */
/*URL: http://www.dekorative.ucoz.lv */
/*URL: http://www.amart.lv */
/*URL: http://www.sq.ucoz.lv */
Вот сам код меню, ставим туда где вы хотите видеть меню
Code
<body>
<ul class="menu1">
<li><a href="$HOME_PAGE_LINK$"><span
style="color:orange"><b>Главная
страница</b></span></a></li>
<li><a href="/forum/"><span
style="color:orange"><b>Форум</b></span></a></li>
<li><a href="/faq/"><span style="color:orange"><b>F.A.Q</b></span></a></li>
<li><a href="/index/0-6"><span
style="color:orange"><b>Соглашение</b></span></a></li>
<li><a
href="$PERSONAL_PAGE_LINK$"><a
href="$REGISTER_LINK$"><span
style="color:orange"><b>Мой
профиль</b></span></a></li>
<li><a
href="$LOGOUT_LINK$"><a
href="$LOGIN_LINK$"><span
style="color:orange"><b>Вход/Выход</b></a></span></li>
</ul>
<ul class="menu1">
<li><a href="$HOME_PAGE_LINK$"><span
style="color:orange"><b>Главная
страница</b></span></a></li>
<li><a href="/forum/"><span
style="color:orange"><b>Форум</b></span></a></li>
<li><a href="/faq/"><span style="color:orange"><b>F.A.Q</b></span></a></li>
<li><a href="/index/0-6"><span
style="color:orange"><b>Соглашение</b></span></a></li>
<li><a
href="$PERSONAL_PAGE_LINK$"><a
href="$REGISTER_LINK$"><span
style="color:orange"><b>Мой
профиль</b></span></a></li>
<li><a
href="$LOGOUT_LINK$"><a
href="$LOGIN_LINK$"><span
style="color:orange"><b>Вход/Выход</b></a></span></li>
</ul>
Файлы с архива загружаем в корень сайта!
- В категории: Скрипты для uCoz - Scripts for uCoz
- Источник:
Будьте внимательны! Этот материал «Чёрное горизонатальное меню для сайта uCoz» из раздела «Скрипты для uCoz - Scripts for uCoz» является уникальной собственностью проекта www.ucozzz.ru, поэтому,
при частичном или полном копировании, Вы обязаны установить ссылку на наш портал, как источник материала.
Похожие материалы
