Страница 2 из 2«12
Форум про uCoz » Раздел uCoz » Вопросы по uCoz » Горизонтальное меню
Горизонтальное меню
Angerfist
Дата: Вторник, 06.09.2016, 18:54 | Сообщение # 16
Vip
Сообщений:618
Награды: 18


Вообщем у меня и свои дела есть, поэтому основу показал, а сам выхожу...

No regrets
Nemoy
Дата: Вторник, 06.09.2016, 20:36 | Сообщение # 17
Заблокированные
Сообщений:25
Награды: 2


Цитата Angerfist ()
Angerfist,,, спасибо поставил,,, но криво,,,

помогите сделать как на скриншоте ТЫК
Angerfist
Дата: Вторник, 06.09.2016, 20:46 | Сообщение # 18
Vip
Сообщений:618
Награды: 18


Сделал, можешь проверять

Код

<ul class="menu left dropdown">
<li class="dropdown-top">
<a class="dropdown-top" href="/">Текст</a>
<ul class="dropdown-inside">
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
</ul>
</li>

<li class="dropdown-top">
<a class="dropdown-top" href="/">Текст</a>
<ul class="dropdown-inside">
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
</ul>
</li>

<li class="dropdown-top">
<a class="dropdown-top" href="/">Текст</a>
<ul class="dropdown-inside">
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
</ul>
</li>

<li class="dropdown-top">
<a class="dropdown-top" href="/">Текст</a>
<ul class="dropdown-inside">
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
<li><a href="/">Подменю</a></li>
</ul>
</li>


и стили подретушировал
Код

<style type="text/css">
ul.dropdown li { position: relative;}
ul.dropdown,
ul.dropdown-inside {
list-style-type: none;
padding: 0;
}
ul.dropdown-inside {
position: absolute;
left: -9999px;
}
ul.dropdown li.dropdown-top {
display: inline;
float: left;
margin: 0 1px 0 0;
}
ul.dropdown li.dropdown-top a {

display: block;
}
ul.dropdown li.dropdown-top:hover .dropdown-inside {
display: block;
left: 0;
}
ul.dropdown .dropdown-inside { background: #FFFFFF; }
ul.dropdown .dropdown-inside a:hover { background: #F8F8FF; }      
</style>


No regrets
Angerfist
Дата: Вторник, 06.09.2016, 20:57 | Сообщение # 19
Vip
Сообщений:618
Награды: 18


Короче проверяй, фон подменю белый сделал, стили кнопок идут твои от родного меню, отступы оставил те же.
Дальше уже вплоть до цвета и стиля шрифта не составит труда поменять. Удачи)


No regrets
Форум про uCoz » Раздел uCoz » Вопросы по uCoz » Горизонтальное меню
Страница 2 из 2«12
Поиск: