| Меню сайта |
|
 |
| Категории раздела |
|
|
| Фотообои |
|
|
| Радио Moswar |
|
|
| Статистика |
Онлайн всего: 4 Гостей: 4 Пользователей: 0 |
|
|
Главная » 2013 » Январь » 30 » Меню для uCoz
|
Шаг-1 Установка CSS
Заходим в П.У - Дизайн - Упр. Дизайном(CSS) и в самый низ вставляем:
ul {
list-style: none;
margin: 0;
padding: 0;
}
img {
border: none;
}
#menu {
width: 200px;
margin: 10px;
}
#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu li a:link, #menu li a:visited {
color: #FFF;
display: block;
background: url(http://bombila.at.ua/menu/menu.gif);
padding: 8px 0 0 35px;
}
#menu li a:hover {
color: #FFF;
background: url(http://bombila.at.ua/menu/menu.gif) 0 -32px;
padding: 8px 0 0 35px;
}
#menu li span {
position: absolute;
left: 12em;
margin-top: -1.4em;
width: 10em;
display: none;
}
#menu li:hover span { display: block;}
#menu li span a { display: inline; }
|
Шаг-2 Установка HTML
Вставляем в нужное на сайте место, обычно это Глобальные блоки:
<div id="menu">
<ul>
<li><a href="http://bombila.at.ua">Главная</a></li>
<li><a href="http://bombila.at.ua/">Фильмы 3GP/MP4</a>
<span>
<a href="http://bombila.at.ua/news/uzhasy/1-0-3">Ужасы</a>
<a href="http://bombila.at.ua/news/boeviki/1-0-4">Боевики</a>
<a href="http://bombila.at.ua/news/komedii/1-0-2">Комедии</a>
<a href="http://bombila.at.ua/news/fantastika/1-0-1">Фантастика</a>
<a href="http://bombila.at.ua/news/prikljuchenija/1-0-6">Приключения</a>
<a href="http://bombila.at.ua/news/multfilmy/1-0-5">Мультфильмы</a>
</span>
</li>
<li><a href="#">CSS Меню</a>
<span>
<a href="#">2Ссылка</a>
<a href="#">Ссылка</a>
<a href="#">Ссылка</a>
</span>
</li>
<li><a href="#">CSS Меню</a>
<span>
<a href="#">3Ссылка</a>
<a href="#">Ссылка</a>
<a href="#">Ссылка</a>
</span>
</li>
<li><a href="#">CSS Меню</a>
<span>
<a href="#">4Ссылка</a>
<a href="#">Ссылка</a>
<a href="#">Ссылка</a>
</span>
</li>
<li><a href="#">CSS Меню</a>
<span>
<a href="#">5Ссылка</a>
<a href="#">Ссылка</a>
<a href="#">Ссылка</a>
</span>
</li>
<li><a href="#">CSS Меню</a>
<span>
<a href="#">6Ссылка</a>
<a href="#">Ссылка</a>
<a href="#">Ссылка</a>
</span>
</li>
</ul>
</div>
|
|
|
Категория: Скрипты для uCoz |
Просмотров: 449 |
Добавил: Карина
| Теги: Меню для ucoz-->Рейтинг: 5.0/1 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ] |
|
| Поиск |
|
|
| Форма входа |
Суббота
30.11.2024
00:08 ![]( "Гость") Вы вошли как: Гость Группа: Гости Пол: Вы на сайте: дней Вы пользователь №: 0 ЛС: Ваш IP: : 3.17.75.138 [ Управление профилем ] |
|
| ... |
|
|
| Информер |
|
|
|
