НашаРаша

Главная | Регистрация | Вход
Четверг, 09.01.2025, 15:34
Приветствую Вас Гость | RSS
DOZ.UCOZ.NET-НашаРаша
Добавь в закладки
Меню сайта
Погода Тюхтет
GISMETEO: Погода по г.Тюхтет



Электротовары
Главная » Статьи » Интернет и технологии сети » HTML

рублей Яндекс.Деньгами
на счет 41001811770512 (Поддержи проект Наша Раша)
Загрузка...
Горизонтальное меню

В head ставим это:

Code

<style type="text/css">  
/* --------------------------  
AUTHOR : ST1M  
URL : http://www.nncity.pp.ru  
Copyrights by ST1M  
----------------------------*/  
*{  
margin:0;  
padding:0;  
}  
body{  
background:#fff;  
color:#666;  
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;  
}  
#menu{  
}  
#menu ul{  
list-style:none;  
}  
#menu li{  
background:url(/images/menu_035_bg.jpg) repeat-x;  
list-style:none;  
display:block;  
float:left;  
height:36px;  
border-right:1px solid #dbdbdb;  
line-height:36px;  
}  
#menu li a{  
display:block;  
float:left;  
color:#b1b1b1;  
text-transform:uppercase;  
font-size:11px;  
font-weight:bold;  
line-height:36px;  
text-decoration:none;  
padding:0 25px;  
}  
#menu li a:hover{  
color:#747474;  
background:url(/images/menu_035_h.jpg) repeat-x;  
}  
#menu li a.current{  
display:block;  
float:left;  
color:#6c822e;  
background:url(/images/menu_035_c.jpg) repeat-x;  
text-transform:uppercase;  
font-size:11px;  
font-weight:bold;  
line-height:36px;  
text-decoration:none;  
padding:0 25px;  
}  
#menu li a:hover.current{  
color:#6c822e;  
}</style>

Там, где нужно вывести меню, пишем это:

Code
<div id="menu">  
<ul>  
<li><a href="ссылка" class="current">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
</ul>  
</div>

Скачиваем архив и заливаем картинки из скачаной папки в папку images


Теги: Скачать Горизонтальное меню
Скачать "Горизонтальное меню"


Понравилась статья-Жми +1 Нравится

BBCode:

HTML:   

[ Скрыть ссылки ]

Это может быть интересно:
Категория: HTML | Добавил: port79 (06.04.2011)
Просмотров: 727 | Теги: горизонтальное, меню | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
место для вашей рекламы-сайт принадлежит Журавлёву Роману Александровичу-вопросы по рекламе:port79@mail.ru
Администрация интернет-портала www.doz.ucoz.net не несёт ответственности за действия его посетителей. Все товарные знаки и знаки обслуживания на этом сайте являются собственностью соответствующих владельцев.Мнения, выраженные в публикациях на этом сайте, являются мнениями авторов публикаций и могут не совпадать с мнением администрации сайта
doz.ucoz.net
Информация для правообладателей

Copyright MyCorp ©
2025

Конструктор сайтов - uCoz