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

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

Статистика
Последние новости Самые отвечаемые темы Последние сообщения
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Анонс очередных ... 17.01.2015
Новинки 199
Болталка 174
Extreme sport 173
Города 159
ДИЗАЙН 150
Тема Дата, Время Автор Раздел
Продаю операти... 24.05.2017, 01:04 Leo">Leo Барахолка
Ваши ники в St... 24.05.2017, 00:50 Leo">Leo Разное
Зарабатываем В... 24.05.2017, 00:48 OpraHau3ep">OpraHau3ep Разное
Стрейф в Count... 24.05.2017, 00:45 NrJkee">NrJkee Полезные статьи и видео
Что надо добав... 24.05.2017, 00:26 Leo">Leo Разное
Радиокоманды 24.05.2017, 00:21 Leo">Leo Полезные статьи и видео
Лаги. 23.05.2017, 23:44 Leo">Leo Разное
Картинки крутя... 23.05.2017, 23:40 Leo">Leo Скрипты
Кем вы хотели ... 23.05.2017, 23:38 Leo">Leo Разное
ДИЗАЙН 23.05.2017, 23:37 Leo">Leo Разное
Новые пользователи Активные пользователи
MichaelSog 24.05.2017
jonimm1 23.05.2017
pambu16 23.05.2017
ivatvorog 23.05.2017
shelleyrh18 23.05.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
Поиск: