Статистика
Последние новости Самые отвечаемые темы Последние сообщения
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Анонс очередных ... 17.01.2015
Что надо добавля... 315
Какой выбрать ан... 297
ДИЗАЙН 251
Болталка 237
Новинки 212
Тема Дата, Время Автор Раздел
Hot galleries,... 21.10.2020, 01:50 calvinqb60">calvinqb60 Вступление в команду сайта
cs_estate 17.10.2020, 00:51 Leo">Leo Тактики и правила боя на основных картах
Очень смешные ... 16.10.2020, 14:38 Leo">Leo Юмор
Какой стиль вы... 13.10.2020, 15:13 Leo">Leo Музыка
Counter Strike... 13.10.2020, 01:07 Leo">Leo Полезные статьи и видео
Пример подачи ... 07.10.2020, 20:46 Leo">Leo Набор администраторов
Ставить ли пол... 17.08.2020, 22:52 Leo">Leo Опросы
Пример подачи ... 15.08.2020, 20:12 Leo">Leo Жалобы
Продаю операти... 14.08.2020, 18:39 Leo">Leo Барахолка
помогите пожал... 13.08.2020, 00:46 alekseyglazunov">alekseyglazunov Вопрос - ответ
Новые пользователи Активные пользователи
BigIce 17.10.2020
ROLIONTE 11.10.2020
fafafafa 21.09.2020
Gamer 20.09.2020
ITRait 18.08.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
Поиск: