Красивое меню на сайт - Форум dream-x

Перейти к содержимому

Статистика
Последние новости Самые отвечаемые темы Последние сообщения
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Анонс очередных ... 17.01.2015
Какой выбрать ан... 240
Что надо добавля... 225
Новинки 205
Болталка 191
ДИЗАЙН 187
Тема Дата, Время Автор Раздел
Что надо добав... 26.06.2017, 23:23 Leo">Leo Разное
Какой выбрать ... 26.06.2017, 23:00 Leo">Leo Софт
Зарабатываем В... 26.06.2017, 22:16 OpraHau3ep">OpraHau3ep Разное
Лаги. 26.06.2017, 21:00 Leo">Leo Разное
Новости,какие ... 26.06.2017, 19:17 Leo">Leo Разное
Кем вы хотели ... 26.06.2017, 01:48 Leo">Leo Разное
Какой icq клие... 26.06.2017, 00:55 VitaliyNest">VitaliyNest Разное
Ваши ники на a... 25.06.2017, 17:17 Leo">Leo Разное
FAQ - Правила ... 25.06.2017, 03:30 Leo">Leo Разное
Оцените пожалу... 25.06.2017, 00:27 Ludoed86">Ludoed86 Разное
Новые пользователи Активные пользователи
kayeol4 26.06.2017
blanchety3 26.06.2017
Aeajoymn 26.06.2017
margueritewe11 26.06.2017
VladBesCHELDipl 26.06.2017
Leo 2897
ReST 686
m0n0 404
kyka 389
RobertVog 258
Открыть

Список форумов



Страница 1 из 11
Форум dream-x » Все для вебмастера/Помощь вебмастеру » Скрипты » Красивое меню на сайт (Меню на сайт)
Красивое меню на сайт
           
   Leo     Дата: Понедельник, 25.05.2009, 04:18 | Сообщение # 1
  
           
:-(


  
Сообщений: 2897
Награды: 22
Репутация:
           
Выглядит так:

Установка:

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

2. Копируем код, и вставляем между и

Code
<style type="text/css">
/* --------------------------
AUTHOR : ST1M
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>

Материал взят с сайта http://3aka4ka.net.ru/      


Я умный и этим все сказано! ^^
leo tawii - может тащить!
А dream-x | leo - может решать! ;)

  
        
Форум dream-x » Все для вебмастера/Помощь вебмастеру » Скрипты » Красивое меню на сайт (Меню на сайт)
Страница 1 из 11
Поиск: