Статистика
Последние новости Самые отвечаемые темы Последние сообщения
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Анонс очередных ... 17.01.2015
Что надо добавля... 312
Какой выбрать ан... 293
ДИЗАЙН 239
Болталка 231
Новинки 209
Тема Дата, Время Автор Раздел
Sexy teen phot... 02.03.2021, 02:35 calvinqb60">calvinqb60 Скрипты
Что вы думаете... 22.02.2021, 13:48 Fisher">Fisher Болталка(флуд)
Страны 22.02.2021, 13:48 Leo">Leo Игры
Что надо добав... 22.02.2021, 13:47 Leo">Leo Разное
Любимый фильм 22.02.2021, 13:45 Leo">Leo Кино,фильмы,сериалы - TV
Причины возник... 14.02.2021, 22:40 keda">keda Болталка(флуд)
Skyrim 03.02.2021, 22:33 NANOSTAR">NANOSTAR Игры
Фризы в кс 1.6 03.02.2021, 19:35 selays">selays Вопрос - ответ
Ставить ли пол... 25.01.2021, 20:19 Leo">Leo Опросы
Внутренние пол... 10.01.2021, 02:34 keda">keda Болталка(флуд)
Новые пользователи Активные пользователи
Klimcha 05.04.2021
DoZa 31.03.2021
gameguardian 28.03.2021
Alexhperik 12.03.2021
FN_ 26.02.2021
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
Поиск: