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

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

Статистика
Последние новости Самые отвечаемые темы Последние сообщения
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Анонс очередных ... 17.01.2015
Что надо добавля... 437
Зарабатываем Вко... 406
Какой выбрать ан... 347
ДИЗАЙН 221
Новинки 206
Тема Дата, Время Автор Раздел
Что надо добав... 20.08.2017, 02:12 Leo">Leo Разное
Какой icq клие... 20.08.2017, 00:56 VitaliyNest">VitaliyNest Разное
Что интересног... 20.08.2017, 00:56 Leo">Leo Разное
Как вам сервер... 20.08.2017, 00:55 Leo">Leo Разное
GCFScape 1.7.2... 20.08.2017, 00:54 Leo">Leo Разное
FAQ - Правила ... 20.08.2017, 00:54 Leo">Leo Разное
Оцените пожалу... 20.08.2017, 00:53 Ludoed86">Ludoed86 Разное
Ваши ники в St... 20.08.2017, 00:52 Leo">Leo Разное
ДИЗАЙН 20.08.2017, 00:51 Leo">Leo Разное
Правила поведе... 20.08.2017, 00:50 Leo">Leo Главная
Новые пользователи Активные пользователи
Romaaquax 19.08.2017
VsPupKing 19.08.2017
rasskazia 19.08.2017
tocodoodca1983 19.08.2017
SportPortEkt 19.08.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
Поиск: