Воскресенье, 01.12.2024, 14:58
Добро пожаловать на сайт по продаже красивых ICQ номеров!
Главная | Самое простенькое горизонтальное меню - Форум | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Самое простенькое горизонтальное меню
n0OBДата: Пятница, 30.04.2010, 14:25 | Сообщение # 1
Группа: Файловик
Сообщений: 4
Файловик
Репутация: 0
Статус: Offline
http://vfl.ru/i/20100426/38f69a8f7d1660e7b49c42d4005b77ee_1.jpg - скрин

Вставляем после <head> (измените только надпись ВашСайт):

Code
<style>   
.glossymenu{   
position: relative;   
padding: 0 0 0 34px;   
margin: 0 auto 0 auto;   
background: url(ВашСайт/image/menug_bg.gif) repeat-x;   
height: 46px;   
list-style: none;   
}   

.glossymenu li{   
float:left;   
}   

.glossymenu li a b{   
float: left;   
display: block;   
color:#000;   
text-decoration: none;   
font-family: sans-serif;   
font-size: 13px;   
font-weight: bold;   
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/   
height: 46px;   
line-height: 46px;   
text-align: center;   
cursor: pointer;   
}   

.glossymenu li a{   
float: left;   
display: block;   
padding: 0 20px 0 8px; /*Расстояние между элементами меню*/   
}   

.glossymenu li.current a b, .glossymenu li a:hover b{   
color: #fff;   
background: url(ВашСайт/image/menug_hover_right.gif) no-repeat;   
}   

.glossymenu li.current a, .glossymenu li a:hover{   
color: #fff;   
background: url(ВашСайт/image/menug_hover_left.gif) no-repeat right top;   
}   
</style>

Вставляем в шапку сайта:

Code
<ul class="glossymenu">   
<li class="current"><a href="Ссылка"><b>Название</b></a></li>   
<li><a href="Ссылка"><b>Название</b></a></li>   
<li><a href="Ссылка"><b>Название</b></a></li>   
<li><a href="Ссылка"><b>Название</b></a></li>   
<li><a href="Ссылка"><b>Название</b></a></li>   
<li><a href="Ссылка"><b>Название</b></a></li>   
</ul>
  • Страница 1 из 1
  • 1
Поиск:

UINS4YOU © 2010
hit.ua: посетителей и просмотров за сегодня