Статистика
Последние новости Самые отвечаемые темы Последние сообщения
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Анонс очередных ... 17.01.2015
Что надо добавля... 315
Какой выбрать ан... 297
ДИЗАЙН 251
Болталка 237
Новинки 212
Тема Дата, Время Автор Раздел
Новинки 14.07.2020, 12:01 Leo">Leo Кино,фильмы,сериалы - TV
/voteban 10.07.2020, 18:01 zet">zet Предложения
Какой стиль вы... 09.07.2020, 03:52 Leo">Leo Музыка
Sexy teen phot... 08.07.2020, 14:34 calvinqb60">calvinqb60 Скрипты
Extreme sport 07.07.2020, 22:04 Leo">Leo Спорт
Продаю операти... 06.07.2020, 16:20 Leo">Leo Барахолка
Делаем акварел... 02.07.2020, 09:18 Leo">Leo Уроки Photoshop'a
О сервере 30.06.2020, 11:23 Leo">Leo Главная
Skyrim 28.06.2020, 12:45 NANOSTAR">NANOSTAR Игры
Мобильные игры... 25.06.2020, 15:26 zero">zero Игры
Новые пользователи Активные пользователи
Evil 01.07.2020
Nigegorodov 28.06.2020
Gavrilishuna 25.06.2020
СИДОРОВИЧ 22.06.2020
gle4k 18.06.2020
Leo 2893
ReST 686
m0n0 404
kyka 389
OzzyGreen9I 169
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум dream-x » Все для вебмастера/Помощь вебмастеру » Скрипты » Красивое меню на сайт (Меню на сайт)
Красивое меню на сайт
Группа: Администраторы
Собщений: 2893
Репутация:
Наград: 24
Замечания : 0%
# 1 04:18
Выглядит так:

Установка:

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/

Форум dream-x » Все для вебмастера/Помощь вебмастеру » Скрипты » Красивое меню на сайт (Меню на сайт)
  • Страница 1 из 1
  • 1
Поиск: