Nobanner
Nobanner
Новое на сайте
Новые сообщения Участники Поиск Правила форума RSS
  • Страница 1 из 1
  • 1
[ Форум uCoz ] » Все для сайта Ucoz » меню для сайта uCoz » Простое меню uCoz
Простое меню uCoz
JokeR_PSiX
#1 Дата: 12.01.2023, 17:54
  • Сообщения 49
Простое меню uCoz




Очень простое и очень красивое меню для ucoz.
При наведении на нужную ссылку блок становится серым.
Меню не использует графики. Цвет меню можно настроить в css.

Шаг 1 - Установка CSS

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

Код
/*-- Стиль меню wallaby.ucoz.ru --*/
  .blockmenu {  
  height:16px;  
  width: 100%;  
  font: normal 10px Arial, Helvetica, sans-serif;  
  text-align: left;  
  }  
  .blockmenu a:link,  
  .blockmenu a:visited {  
  color:#909090;  
  text-decoration:none;  
  padding-left:16px;  
  line-height:17px;  
  display:block;  
  font-weight:normal;  
  background:#fefefe;  
  border:1px solid #cccccc;  
  margin-bottom:1px;  
  text-align: left;  
  }  
  .blockmenu a:hover {  
  color:#909090;  
  text-decoration:none;  
  padding-left:16px;  
  line-height:17px;  
  display:block;  
  font-weight:normal;  
  background:#e8e4e4;  
  border:1px solid #cccccc;  
  text-align: left;  
  margin-bottom:1px;  
  }


Шаг 2 - Установка HTML

Вставляем код в блок на сайте:

Код
<span class="blockmenu">
<a href="https://wallaby.ucoz.ru" title="Главная страница">Главная</a>
<a href="https://wallaby.ucoz.ru/load/24" title="Шаблоны для uCoz">Шаблоны для uCoz</a>  
<a href="https://wallaby.ucoz.ru/load/34">Скрипты для uCoz</a>
<a href="https://wallaby.ucoz.ru/publ/2" title="Статьи о uCoz">Статьи о uCoz</a>
<a href="https://wallaby.ucoz.ru/load/31">Графика для uCoz</a>
<a href="https://wallaby.ucoz.ru/load/psd/52">PSD исходники</a>
<a href="/">Как стать богатым</a>
<a href="/">wallaby.ucoz.ru</a>
</span>
Прикрепления: 8960055.jpg (44.5 Kb)
[ Форум uCoz ] » Все для сайта Ucoz » меню для сайта uCoz » Простое меню uCoz
  • Страница 1 из 1
  • 1
Поиск: