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

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

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

Статистика
Последние новости Самые отвечаемые темы Последние сообщения
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Анонс очередных ... 17.01.2015
Новинки 186
Extreme sport 133
Болталка 130
Города 129
Облом 90
Тема Дата, Время Автор Раздел
Extreme sport 28.03.2017, 12:29 Leo">Leo Спорт
Зарабатываем В... 28.03.2017, 10:34 OpraHau3ep">OpraHau3ep Разное
Болталка 28.03.2017, 09:51 Fan">Fan Болталка(флуд)
Какой выбрать ... 28.03.2017, 07:18 Leo">Leo Софт
Ваши ники на a... 28.03.2017, 06:02 Leo">Leo Разное
Новинки 28.03.2017, 00:05 Leo">Leo Кино,фильмы,сериалы - TV
FAQ - Правила ... 27.03.2017, 23:56 Leo">Leo Разное
Что надо добав... 27.03.2017, 20:13 Leo">Leo Разное
Компьютерные и... 27.03.2017, 19:40 Leo">Leo Игры
Новости,какие ... 27.03.2017, 19:38 Leo">Leo Разное
Новые пользователи Активные пользователи
BlakeAroms 28.03.2017
Maven 28.03.2017
AbiErossy 28.03.2017
pifubikys 28.03.2017
Wilsonzok 28.03.2017
Leo 2897
ReST 686
m0n0 404
kyka 389
OzzyGreen9I 169
Открыть

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



Страница 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
Поиск: