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

Чёрное горизонатальное меню для сайта uCoz

  • Добавил: Scripts_For_uCoz
  • Дата: 2018-12-16, 9:18 AM
  • Комментариев: 0
  • Просмотров: 1790
Скриншот материала «Чёрное горизонатальное меню для сайта 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 */  

Вот сам код меню, ставим туда где вы хотите видеть меню

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>

Файлы с архива загружаем в корень сайта!





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