Страница 1 из 212»
Форум про uCoz » Раздел uCoz » Вопросы по uCoz » Горизонтальное меню
Горизонтальное меню
Nemoy
Дата: Вторник, 06.09.2016, 15:32 | Сообщение # 1
Заблокированные
Сообщений:25
Награды: 2


Здравствуйте,,, помогите добавить в верхнем части сайта горизонтальное меню



Скриншот снизу !!!!
Прикрепления: 4774288.png(17Kb)


Сообщение отредактировал Nemoy - Вторник, 06.09.2016, 15:50
Angerfist
Дата: Вторник, 06.09.2016, 17:13 | Сообщение # 2
Vip
Сообщений:615
Награды: 18


Nemoy, ха-ха это рип? тут добавить нечего если рип кроме того как меню было настроено под тот шаблон и одной вставкой конструкции не обойтись без настройки стилей, так как вёрстка html5 то в теги header меню вставляется с заменой предыдущего меню.
Стили по любому переписывать если шаблон не идентичный. Короче гемор на вашу голову)


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


А нельзя ли добавить скрипт что бы между кнопками текст выводили горизонтальные меню

Опишите куда и какой скрипт поставить пожалуйста !!!


Сообщение отредактировал Nemoy - Вторник, 06.09.2016, 17:27
Angerfist
Дата: Вторник, 06.09.2016, 17:30 | Сообщение # 4
Vip
Сообщений:615
Награды: 18


Nemoy, погодите я не понял, так это ваш сайт diz-mania? Вопрос не понятен, в меню выводить меню? это как?))) Может подменю?

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


Angerfist да сайт мой,,,,, в верхнем части хочу добавить горизонтальное меню,,, но увы не получается !!!
Angerfist
Дата: Вторник, 06.09.2016, 17:39 | Сообщение # 6
Vip
Сообщений:615
Награды: 18


Я повторюсь я вопроса не понял, меню уже установлено и оно горизонтальное... Пояснее можно?

No regrets
Angerfist
Дата: Вторник, 06.09.2016, 17:44 | Сообщение # 7
Vip
Сообщений:615
Награды: 18


У вас же уже есть меню на маркированном списке
Код

<ul class="menu left">
<li><a href="http://diz-mania.ru/">Главная страница</a></li>
<li><a href="#">Текст</a></li>
<li><a href="#">Текст</a></li>
<li><a href="#">Текст</a></li>
</ul>


Там и заполняйте пункты, короче я не догоняю)


No regrets

Сообщение отредактировал Angerfist - Вторник, 06.09.2016, 17:47
Nemoy
Дата: Вторник, 06.09.2016, 17:50 | Сообщение # 8
Заблокированные
Сообщений:25
Награды: 2


Angerfist,,, зайди на сайт и посмотри верхний част сайта,,, там нет горизонтальное меню,,,,, а я хочу сделать горизонтальное меню,,,,, не подскажешь как сделать ?
Что бы было типо так как на скриншоте
Прикрепления: 4514405.png(17Kb)
Angerfist
Дата: Вторник, 06.09.2016, 18:04 | Сообщение # 9
Vip
Сообщений:615
Награды: 18


Короче либо ты показываешь мне где взял шаблон или сайт с таким же шаблоном.
Либо гуглишь на тему Как создать выпадающее меню) Вот так яснее будет.


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


Примерно так
Код

<ul class="menu">
    <li><a href=#>Menu 1</a>
        <ul class="submenu">
            <li><a href=#>Sudmenu 1</a></li>
            <li><a href=#>Sudmenu 1</a></li>
            <li><a href=#>Sudmenu 1</a></li>
        </ul>
    </li>
    <li><a href=#>Menu 2</a>
        <ul class="submenu">
            <li><a href=#>Sudmenu 2</a></li>
            <li><a href=#>Sudmenu 2</a></li>
            <li><a href=#>Sudmenu 2</a></li>
        </ul>
    </li>
    <li><a href=#>Menu 3</a>
        <ul class="submenu">
            <li><a href=#>Sudmenu 3</a></li>
            <li><a href=#>Sudmenu 3</a></li>
            <li><a href=#>Sudmenu 3</a></li>
        </ul>
    </li>
    <li><a href=#>Menu 4</a>
        <ul class="submenu">
            <li><a href=#>Sudmenu 4</a></li>
            <li><a href=#>Sudmenu 4</a></li>
            <li><a href=#>Sudmenu 4</a></li>
        </ul>
    </li>
    <li><a href=#>Menu 5</a>
        <ul class="submenu">
            <li><a href=#>Sudmenu 5</a></li>
            <li><a href=#>Sudmenu 5</a></li>
            <li><a href=#>Sudmenu 5</a></li>
        </ul>
    </li>
</ul>


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


Я не помню где скачивал данный шаблон,,,,,, я те могу скинуть шаблон в скайпе ?!
Angerfist
Дата: Вторник, 06.09.2016, 18:10 | Сообщение # 12
Vip
Сообщений:615
Награды: 18


Просто стили надо добавить, это без JS пример.

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


На почту оправляй или лучше сайт покажи с которого скриншот сделан

No regrets

Сообщение отредактировал Angerfist - Вторник, 06.09.2016, 18:15
Nemoy
Дата: Вторник, 06.09.2016, 18:31 | Сообщение # 14
Заблокированные
Сообщений:25
Награды: 2


Цитата Angerfist ()
скриншот сделан

данный скриншот я сам переделал на фотошопе
Angerfist
Дата: Вторник, 06.09.2016, 18:53 | Сообщение # 15
Vip
Сообщений:615
Награды: 18


Вообщем вот конструкция, перекрой под свой сайт, я цвета примерно взял:

не забудь что у тебя идёт класс такой
Код

<ul class="menu left">

Я не стал тебе всё делать готовым всё, сам примени чтобы было всё ровно

Код

<ul class="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>
  </ul>


Стили
Код

<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 {
padding: 3px 10px 4px;
display: block;
}
ul.dropdown a.dropdown-top { background: #1C1C1C; }
ul.dropdown a.dropdown-top:hover { padding: 2px 10px 5px; }
ul.dropdown li.dropdown-top:hover .dropdown-inside {
display: block;
left: 0;
}
ul.dropdown .dropdown-inside { background: #1C1C1C; }
ul.dropdown .dropdown-inside a:hover { background: #363636; }    
</style>


No regrets

Сообщение отредактировал Angerfist - Вторник, 06.09.2016, 19:04
Форум про uCoz » Раздел uCoz » Вопросы по uCoz » Горизонтальное меню
Страница 1 из 212»
Поиск: