Главная
Категория: Онлайн Программы30.04.2015 в House 2
House 2
House 2
Категория: Онлайн Программы30.04.2015 в NEW EDM CUBE 2!!! (Создание музыки онлайн)
NEW EDM CUBE 2!!! (Создание музыки онлайн)
NEW EDM CUBE 2!!! (Создание музыки онлайн)
Категория: Онлайн Программы14.09.2014 в NEW EDM CUBE!!! (Создание музыки онлайн)
NEW EDM CUBE!!! (Создание музыки онлайн)
NEW EDM CUBE!!! (Создание музыки онлайн)
Категория: Онлайн Игры08.06.2014 в Transformers 3: Victory is Sweet
Transformers 3: Victory is Sweet
Transformers 3: Victory is Sweet
Категория: Скрипты для ucoz22.05.2014 в Автоматическое заполнение тегов ucoz
Автоматическое заполнение тегов ucoz
Автоматическое заполнение тегов ucoz
Популярные файлы
  • Комедия
  • Боевик
  • Триллер
Навигация по сайту: Развлекательный портал » Каталог файлов » Ucoz » Горизонтальное меню ucoz

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

0 539
Категория: Ucoz » Меню для ucoz Опубликовал: DavGev Дата: 18.05.2013
Горизонтальное меню ucoz

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

Простое горизонтальное меню ucoz с использованием картинок, картинки очень мало весять, поэтому сайт не будут грузить. Меню без пафоса и подойдет на любой сайт.
Шаг-1 Установка CSS
Заходим в П.У - Дизайн - Упр. Дизайном(CSS) и в самый низ вставляем код:

body {font: 11px Arial, Helvetica, sans-serif;  
  } 
#menu {font: 11px Arial, Helvetica, sans-serif; 
  background-image:url('http://wallaby.ucoz.ru/menu/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://wallaby.ucoz.ru/menu/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
Вставляем туда, где вы хотите видеть горизонтальное меню:

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

Источник материала: Не указан.
Комментарии к новости
Всего комментариев: 0
Внимание!
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Комментарии:
Уважаемый пользователь, вы не можете оставлять комментарии к данной новости. Возможно вы не авторизованы или входите в группу которым запрещено совершать данное действие.