Статистика
Последние новости Самые отвечаемые темы Последние сообщения
Оживляем сайт в ... 25.06.2022
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Что надо добавля... 313
Какой выбрать ан... 298
ДИЗАЙН 239
Болталка 232
Новинки 214
Тема Дата, Время Автор Раздел
Skyrim 15.08.2022, 15:57 NANOSTAR">NANOSTAR Игры
Что вы думаете... 24.07.2022, 15:25 Fisher">Fisher Болталка(флуд)
7 советов как ... 09.06.2022, 15:37 Leo">Leo Статьи
Куда по вашему... 09.06.2022, 15:36 Leo">Leo Путешествия
Шаблон CS-EXE 09.06.2022, 15:35 aribuz">aribuz Шаблоны
Основы html ка... 09.06.2022, 15:34 Leo">Leo Статьи
Фризы в кс 1.6 09.06.2022, 15:34 selays">selays Вопрос - ответ
Какой выбрать ... 09.06.2022, 15:33 Leo">Leo Софт
помогите пожал... 09.06.2022, 15:32 alekseyglazunov">alekseyglazunov Вопрос - ответ
de_prodigy 09.06.2022, 15:32 Leo">Leo Тактики и правила боя на основных картах
Новые пользователи Активные пользователи
IIa6lo 16.08.2022
ivanelis 12.08.2022
Mersedes 12.08.2022
Bagdat 27.07.2022
Maflexsd 25.07.2022
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
Поиск: