Главная | Регистрация | Вход | $$$ для web-мастеров Приветствую Вас Гость | RSS

[Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 11
Модератор форума: Leet, Stas 
Форум » Скрипты для ucoz » Меню сайта » Красивые CSS меню
Красивые CSS меню
StasДата: Ср, 29.08.2012, 15:22 | Сообщение # 1
Повідомлень: 126
Награды: 2
Постійний


Установка:
1.Качаем этот архив
2.Перебрасываем папку Images
3.Заходим в CSS и вставляем в вверху этот код

Code
/* CSS Document */  
  .rhm1{  
  width:780px;  
  height:64px;  
  margin:0 auto;  
  background:url(images/rhm1_bg.gif) repeat-x;  
  }  
  .rhm1-left{  
  background:url(images/rhm1_l.gif) no-repeat;  
  width:15px;  
  height:64px;  
  float:left;  
  }  
  .rhm1-right{  
  background:url(images/rhm1_r.gif) no-repeat;  
  width:15px;  
  height:64px;  
  float:right;  
  }  
  .rhm1-bg{  
  background:url(images/rhm1_bg.gif) repeat-x;  
  height:64px;  
  }  
  .rhm1-bg ul{  
  list-style:none;  
  margin:0 auto;  
  }  
  .rhm1-bg li{  
  float:left;  
  list-style:none;  
  }  
  .rhm1-bg li a{  
  float:left;  
  display:block;  
  color:#ffe8cc;  
  text-decoration:none;  
  font:12px 'Lucida Sans', sans-serif;  
  font-weight:bold;  
  padding:0 0 0 18px;  
  height:64px;  
  line-height:40px;  
  text-align:center;  
  cursor:pointer;  
  }  
  .rhm1-bg li a span{  
  float:left;  
  display:block;  
  padding:0 32px 0 18px;  
  }  
  .rhm1-bg li.current a{  
  color:#fff;  
  background:url(images/rhm1_hover_l.gif) no-repeat left 5px;  
  }  
  .rhm1-bg li.current a span{  
  color:#fff;  
  background:url(images/rhm1_hover_r.gif) no-repeat right 5px;  
  }  
  .rhm1-bg li a:hover{  
  color:#fff;  
  background:url(images/rhm1_hover_l.gif) no-repeat left 5px;  
  }  
  .rhm1-bg li a:hover span{  
  color:#fff;  
  background:url(images/rhm1_hover_r.gif) no-repeat right 5px;  
  }


4.Заходим в Редактор страниц и вставляем куда вам нужно этот код

Code
<html xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
  <title>13 Styles Orange Gloss Menu</title>  
  <link href="rhm1.css" rel="stylesheet" type="text/css" media="screen" />  
  </head>  
  <body>  
  <div class="rhm1">  
  <div class="rhm1-right"></div>  
  <div class="rhm1-left"></div>  
  <div class="rhm1-bg">  
  <ul>  
  <li class="current"><a href="#"><span>Home</span></a></li>  
  <li><a href="#"><span>About Us</span></a></li>  
  <li><a href="#"><span>Services</span></a></li>  
  <li><a href="#"><span>Products</span></a></li>  
  <li><a href="#"><span>Contact Us</span></a></li>  
  </ul>  
  </div>  
  </div>  
  </body>  
  </html>


Сохраняем вот и всё.


 
Форум » Скрипты для ucoz » Меню сайта » Красивые CSS меню
Страница 1 из 11
Поиск:

Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Фильмы катастрофа смо... Комент[ 0 ]
Фильмы фэнтези смотре... Комент[ 0 ]
War Thunder бесплатна... Комент[ 0 ]
Поисковая система Янд... Комент[ 0 ]
Читы и моды для игр, ... Комент[ 0 ]
найти человека по адр... Комент[ 1 ]
Считаем до 100 Комент[ 47 ]
статистика CW Комент[ 1 ]
Статистика кто посети... Комент[ 1 ]
Новый информер коммен... Комент[ 0 ]
Считаем до 100 Комент[ 47 ]
Слова на последнюю бу... Комент[ 32 ]
Словесные ассоциации Комент[ 27 ]
Пофантазируйте Комент[ 19 ]
Metallica Комент[ 7 ]
Що таке Steam Комент[ 6 ]
Мій анекдот про CS Комент[ 6 ]
Вконтакте грозит закр... Комент[ 6 ]
Юзербары для Counter ... Комент[ 5 ]
Установка плагинов дл... Комент[ 5 ]
Golden_tm Постов [ 138 ]
Stas Постов [ 126 ]
Leet Постов [ 116 ]
KaVyH Постов [ 42 ]
Em-Artist-CS Постов [ 39 ]
Expert Постов [ 34 ]
DruG-UA Постов [ 15 ]
K@llen Постов [ 14 ]
-=miXza=- Постов [ 12 ]
SashA Постов [ 10 ]
AceContierДата [ 16.01.2018 ]
361Дата [ 15.01.2018 ]
dogememeДата [ 09.01.2018 ]
HeilOdibДата [ 29.12.2017 ]
lucadelleДата [ 26.12.2017 ]
Roman566Дата [ 24.12.2017 ]
sahsa2279111Дата [ 18.12.2017 ]
aisdmitДата [ 18.12.2017 ]
AMIGOS1905Дата [ 16.12.2017 ]
SunShaiNДата [ 15.12.2017 ]

Главная | Файлы | Форум | Новости | Видео | Обратная связь | Чат | TOP сайтов  
Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Администрация ответственности за содержание материала не несет и убытки не возмещает.
По истечении 24 часов материал должен быть удален с вашего компьютера.
Незаконная реализация карается законами РФ и Украины: "Об авторском и смежном праве".
При копировании материала, ссылка на сайт обязательна!
www.bot-cs.at.ua © 2018 

Яндекс цитирования Рейтинг@Mail.ru