Статистика
Последние новости Самые отвечаемые темы Последние сообщения
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Анонс очередных ... 17.01.2015
Что надо добавля... 313
Какой выбрать ан... 295
ДИЗАЙН 249
Болталка 234
Новинки 209
Тема Дата, Время Автор Раздел
Что такое Semi... 20.10.2018, 09:16 Leo">Leo Полезные статьи и видео
О сервере 20.10.2018, 08:36 Leo">Leo Главная
Очень смешные ... 20.10.2018, 07:04 Leo">Leo Юмор
Пример подачи ... 20.10.2018, 07:02 Leo">Leo Набор администраторов
HTML - словарь 20.10.2018, 01:21 Leo">Leo Скрипты
Что надо добав... 19.10.2018, 18:55 Leo">Leo Разное
Какой выбрать ... 19.10.2018, 18:53 Leo">Leo Софт
заявка на снят... 19.10.2018, 11:25 Evolution">Evolution Баны
Смешивание сло... 19.10.2018, 11:21 Leo">Leo Уроки Photoshop'a
помощь в настр... 19.10.2018, 11:02 B133OP">B133OP Вопрос - ответ
Новые пользователи Активные пользователи
Danlay_Paruf228 18.10.2018
Max956 30.09.2018
lafyb 24.09.2018
Illa16 21.09.2018
666TV 16.09.2018
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
Поиск: