Новые сообщения · Участники · Правила форума · Поиск · RSS |
|
MASoft Форум » Скрипты для Ucoz » Другие скрипты для Ucoz » Чёрное горизонатальное меню для сайта uCoz |
Чёрное горизонатальное меню для сайта uCoz |
Дата: Суббота, 16.05.2009, 22:26 | Сообщение # 1
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"> /*Credits: CSSpplay */ /*URL: http://www.cssplay.co.uk/menus/pro_one */ .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> Вот сам код меню, ставим туда где вы хотите видеть меню
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> Файлы с архива загружаем в корень сайта! |
| |||
| |||