Страница 1 из 1

Модератор форума: Steep

Компьютерный форум » Web-Мастер » Скрипты для сайта » Горизонтальное меню ucoz (Скрипты для ucoz)

Горизонтальное меню ucoz

Горизонтальное меню ucoz

Простое горизонтальное меню ucoz с использованием картинок, картинки очень мало весять, поэтому сайт не будут грузить. Меню без пафоса и подойдет на любой сайт.

Шаг-1 Установка CSS
Заходим в П.У - Дизайн - Упр. Дизайном(CSS) и в самый низ вставляем код:

Code

body {font: 11px Arial, Helvetica, sans-serif;
   }
  #menu {font: 11px Arial, Helvetica, sans-serif;
   background-image:url('http://faqpk.ru/images/script/1/bc_bg.png');
   background-repeat:repeat-x;
   height:30px;
   line-height:30px;
   color:#9b9b9b;
   border:solid 1px #cacaca;
   width:100%;
   overflow:hidden;
   margin:0px;
   padding:0px;
   }
   #menu li {list-style-type:none;
   float:left;
   padding-left:10px;
   }
   #menu a {height:30px;
   display:block;
   background-image:url('http://faqpk.ru/images/script/1/bc_separator.png');
   background-repeat:no-repeat;
   background-position:right;
   padding-right: 15px;
   text-decoration: none;
   color:#454545;
   }
   .home {border:none;
   margin: 8px 0px;
   }
  #menu a:hover{color: gray;
   }

Шаг-2 Установка HTML
Вставляем туда, где вы хотите видеть горизонтальное меню:

Code

<ul id="menu">
  <li><a href="" title="Главная"><img src="http://faqpk.ru/images/script/1/home.png" alt="Home" class="home" /></a></li>
  <li><a href="http://faqpk.ru/" title="Форум поддержки">Форум поддержки</a></li>
  <li><a href="http://faqpk.ru/" title="Блог">Блог</a></li>
  <li><a href="http://faqpk.ru/" title="Товары">Товары</a></li>
  <li><a href="http://faqpk.ru/" title="О нас">О нас</a></li>
  </ul>

Дата: Воскресенье, 24.06.2012. Сообщение # 1

Bro

Горизонтальное меню ucoz

Code

Шаг-2 Установка HTML
Вставляем туда, где вы хотите видеть горизонтальное меню:

Code

Прикрепления: 8159912.png(3Kb)

Модератор

Сообщений: 196

Нет на сайте

Компьютерный форум » Web-Мастер » Скрипты для сайта » Горизонтальное меню ucoz (Скрипты для ucoz)

Страница 1 из 1