Красивое меню на сайт - Форум dream-x

Перейти к содержимому

Статистика
Последние новости Самые отвечаемые темы Последние сообщения
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Анонс очередных ... 17.01.2015
GCFScape 1.7.2 -... 10000
Ваши ники на aim... 1054
Что надо добавля... 712
Зарабатываем Вко... 458
ДИЗАЙН 445
Тема Дата, Время Автор Раздел
GREEN BLACK Di... 24.05.2018, 20:16 Leo">Leo Шаблоны
Оцените пожалу... 24.05.2018, 20:15 Ludoed86">Ludoed86 Разное
помощь в настр... 24.05.2018, 20:05 B133OP">B133OP Вопрос - ответ
Новинки 24.05.2018, 20:02 Leo">Leo Кино,фильмы,сериалы - TV
Остаться в Жив... 24.05.2018, 19:50 Leo">Leo Кино,фильмы,сериалы - TV
FAQ - Правила ... 24.05.2018, 19:48 Leo">Leo Разное
Смешивание сло... 24.05.2018, 19:46 Leo">Leo Уроки Photoshop'a
Ваши ники в St... 24.05.2018, 19:22 Leo">Leo Разное
Кем вы хотели ... 24.05.2018, 18:55 Leo">Leo Разное
FAQ - Правила ... 24.05.2018, 18:28 Leo">Leo Разное
Новые пользователи Активные пользователи
DANILA17 24.05.2018
jcqxys 23.05.2018
Ewipa80 23.05.2018
Labi1995 18.05.2018
WizliamIdomi 15.05.2018
Amediaotopxx 6721
Vladimmirez 5564
Leo 2897
KamorkasKn 2204
AaronOxiny 1271
Открыть

Список форумов



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


  
Сообщений: 2897
Награды: 22
Репутация:
           
Выглядит так:

Установка:

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/      


Я умный и этим все сказано! ^^
leo tawii - может тащить!
А dream-x | leo - может решать! ;)

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