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

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

Статистика
Последние новости Самые отвечаемые темы Последние сообщения
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Анонс очередных ... 17.01.2015
Ваши ники на aim... 2473
Что надо добавля... 507
Зарабатываем Вко... 383
GCFScape 1.7.2 -... 337
Какой выбрать ан... 314
Тема Дата, Время Автор Раздел
Что надо добав... 20.02.2018, 12:00 Leo">Leo Разное
Лаги. 20.02.2018, 11:50 Leo">Leo Разное
Какой icq клие... 20.02.2018, 10:26 VitaliyNest">VitaliyNest Разное
GCFScape 1.7.2... 20.02.2018, 09:53 Leo">Leo Разное
Кем вы хотели ... 20.02.2018, 09:49 Leo">Leo Разное
Ваши ники на a... 20.02.2018, 08:55 Leo">Leo Разное
Флуд 20.02.2018, 08:24 Leo">Leo Обсуждение
Оцените пожалу... 20.02.2018, 07:55 Ludoed86">Ludoed86 Разное
cs_estate 20.02.2018, 06:58 Leo">Leo Тактики и правила боя на основных картах
Заявка в коман... 20.02.2018, 05:33 HFMF">HFMF Вступление в команду сайта
Новые пользователи Активные пользователи
Mr_FeeRaMoN 19.02.2018
st1k 18.02.2018
JosezAbows 16.02.2018
dear-dima 16.02.2018
Mortal 08.02.2018
Leo 2897
CharlesFeexy 1170
KamorkasKn 1086
AaronOxiny 894
Amediaotopxx 816
Открыть

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



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