Добро Пожаловать на сайт Clana C.S.R.IP Role Play: 46.174.48.27:27275 IP DM: 212.76.130.197:27281

Главная Файлы Форум Чат Новости Регистрация Вход

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Всё для Ucoz » Меню для Ucoz » Горизонтальное выпадающее меню без скриптов, на одном css! (Горизонтальное выпадающее меню без скриптов, на одном css!)
Горизонтальное выпадающее меню без скриптов, на одном css!
PriboyДата: Пятница, 22.06.2012, 13:34 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 142
Награды: 1
Репутация: 953
Статус:


Создают много одинаковых тем, где просят найти подобное меню, с выпадающими подпунктами. Сама долго искала в интернете, меню без лишних заморочек, которое может редактировать человек не понимающий ничего скриптах. На них руки у меня кривые, редко получалось нормально устанавливать скрипты, библеотеки и прочую мутатень.

Это простое в редактировании и установке горизонтальное выпадющее меню на одних стилях. Стиль подредактирован мной
Это пихаем в код страницы

[green]<div class="menu">
<ul>
<li><a class="hide">Главный пункт</a>
<ul>
<li><a href="" title="">Подпункт</a></li>
<li><a href="" title="">Подпункт</a></li>
</ul></li>
<li><a class="hide">Главный пункт</a>
<ul>
<li><a href="" title="">Подпункт</a></li>
<li><a href="" title="">Подпункт</a></li>
</ul></li>
</ul>
[/green]

Это в стили

[green].menu{background:url('/images/menu_bar.png')repeat-x;font-family:Times New Roman;width:970px;height:30px;position:relative;z-index:100;}
.menu ul li a, .menu ul li a:visited{display:block;text-decoration:none;color:#fff;width:100%;margin-left:15px;margin-right:15px;height:30px;text-align:center;color:#fff;line-height:30px;font-size:16px;overflow:hidden}
.menu ul{padding:0;margin:0;list-style:none;}
.menu ul li{float:left;position:relative;}
.menu ul li ul{display:none;font-size:11px;}
.menu ul li:hover a{color:#fff;background:#000000;}
.menu ul li:hover ul{display:block;position:absolute;left:0;width:105px;font-family:arial;font-size:13px;width:135px;}
.menu ul li:hover ul li a{display:block;background:#000;color:#a2a2a2;font-size:13px;width:135px;margin:1px;height:22px;line-height:22px;text-align:left;padding-left:10px;}
.menu ul li:hover ul li a:hover{border:1px solid #ff0000;margin:0px; color:#a2a2a2;font-size:13px;width:135px;}

.left_column {margin:0;float:left;width:265px;text-align:left;}
.right_column {margin:0;float:right;width:685px;text-align:left;padding:10px;}[/green]


 
Форум » Всё для Ucoz » Меню для Ucoz » Горизонтальное выпадающее меню без скриптов, на одном css! (Горизонтальное выпадающее меню без скриптов, на одном css!)
Страница 1 из 11
Поиск:

Мини-чат
200
Облако тегов
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
  • Shock-World (0)
  • hi (0)
  • КВ (2)
  • Скрипт вид фотографий Под ЗП (2)
  • Новая лига RUSHCENS.RU (0)
  • Круглое меню на CSS (0)
  • Крутая Менюшка для тёмных дизайнов для Ucoz (0)
  • Горизонтальное меню для uCoz на тему Windows (0)
  • Темное горизонтальное меню с подкатегориями (0)
  • Мега панель (0)
  • заявка в вступление в клан (3)
  • банерообмен (3)
  • КВ (2)
  • Скрипт вид фотографий Под ЗП (2)
  • Цветные шкурки с зонами пробития (1)
  • Arhangel (1)
  • Заявки на дружбу (1)
  • Правила cw (1)
  • JorDaN_____/-5k/ (1)
  • Вступление в клан! SorrY :D (1)
  • Priboy
  • KReeD
  • hrushkaaaaa
  • vlad
  • Кл
  • levarub
  • DEX
  • [Limper]
  • БАБУСЯ
  • John_doe
  • forbetalzzz212:07
    shakirovazat7223:09
    shramogin1515:59
    yrakhorev9615:05
    snapkovsasha17:56
    rayxxs17:33
    strike177rus04:27
    temawild9917:26
    Snap18:49
    dimas2241302:15


    Clan.::[C.[S].R.]::. © 2017

    CSR-TEAM