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

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

Статистика
Последние новости Самые отвечаемые темы Последние сообщения
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Анонс очередных ... 17.01.2015
Ваши ники на aim... 489
Что надо добавля... 403
Болталка 320
Зарабатываем Вко... 300
Какой выбрать ан... 267
Тема Дата, Время Автор Раздел
Кем вы хотели ... 19.10.2017, 15:25 Leo">Leo Разное
Ваши ники на a... 19.10.2017, 15:08 Leo">Leo Разное
FAQ - Правила ... 19.10.2017, 11:05 Leo">Leo Разное
GCFScape 1.7.2... 19.10.2017, 11:03 Leo">Leo Разное
Продаю операти... 19.10.2017, 04:26 Leo">Leo Барахолка
Солдаты 19.10.2017, 04:04 Leo">Leo Кино,фильмы,сериалы - TV
Делаем акварел... 19.10.2017, 03:46 Leo">Leo Уроки Photoshop'a
Новинки 18.10.2017, 19:33 Leo">Leo Кино,фильмы,сериалы - TV
Пример подачи ... 18.10.2017, 18:43 Leo">Leo Набор администраторов
Флуд 18.10.2017, 18:37 Leo">Leo Обсуждение
Новые пользователи Активные пользователи
Steep 29.09.2017
molodou11 21.09.2017
Pasha_Turkov 12.09.2017
ruslan7777 29.08.2017
ApotekinSE 29.08.2017
Leo 2897
ReST 686
KamorkasKn 540
Amediaotopxx 517
CharlesFeexy 416
Открыть

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



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