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

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

Статистика
Последние новости Самые отвечаемые темы Последние сообщения
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Анонс очередных ... 17.01.2015
Новинки 197
Extreme sport 166
Болталка 159
Города 151
Какой стиль вы п... 93
Тема Дата, Время Автор Раздел
Куда по вашему... 23.04.2017, 16:29 Leo">Leo Путешествия
Extreme sport 23.04.2017, 16:01 Leo">Leo Спорт
заявка на снят... 23.04.2017, 15:54 Evolution">Evolution Баны
Шаблон O2 23.04.2017, 15:43 Leo">Leo Шаблоны
Болталка 23.04.2017, 15:40 Fan">Fan Болталка(флуд)
Какой стиль вы... 23.04.2017, 15:35 Leo">Leo Музыка
Флуд 23.04.2017, 15:31 Leo">Leo Обсуждение
Какой выбрать ... 23.04.2017, 15:20 Leo">Leo Софт
Города 23.04.2017, 14:52 Leo">Leo Игры
Клиника 23.04.2017, 14:41 Leo">Leo Кино,фильмы,сериалы - TV
Новые пользователи Активные пользователи
JustSisters 23.04.2017
NikaCleag 23.04.2017
Martintit 23.04.2017
JamesTypeTacceque 23.04.2017
AaronSen 23.04.2017
Leo 2897
ReST 686
m0n0 404
kyka 389
RobertVog 173
Открыть

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



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