• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Горизонтальное меню
Горизонтальное меню
Nemoy
Вторник, 06 Сентября 2016 | Сообщение 1
Оффлайн
Заблокированные
Сообщений:25
Награды: 2
Здравствуйте,,, помогите добавить в верхнем части сайта горизонтальное меню



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


Сообщение отредактировал
Nemoy - Вторник, 06 Сентября 2016, 15:50
Страна: (TJ)
Angerfist
Вторник, 06 Сентября 2016 | Сообщение 2
Оффлайн
Vip
Сообщений:767
Награды: 21
Nemoy, ха-ха это рип? тут добавить нечего если рип кроме того как меню было настроено под тот шаблон и одной вставкой конструкции не обойтись без настройки стилей, так как вёрстка html5 то в теги header меню вставляется с заменой предыдущего меню.
Стили по любому переписывать если шаблон не идентичный. Короче гемор на вашу голову)


No regrets
Страна: (RU)
Nemoy
Вторник, 06 Сентября 2016 | Сообщение 3
Оффлайн
Заблокированные
Сообщений:25
Награды: 2
А нельзя ли добавить скрипт что бы между кнопками текст выводили горизонтальные меню

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


Сообщение отредактировал
Nemoy - Вторник, 06 Сентября 2016, 17:27
Страна: (RU)
Angerfist
Вторник, 06 Сентября 2016 | Сообщение 4
Оффлайн
Vip
Сообщений:767
Награды: 21
Nemoy, погодите я не понял, так это ваш сайт diz-mania? Вопрос не понятен, в меню выводить меню? это как?))) Может подменю?

No regrets
Страна: (RU)
Nemoy
Вторник, 06 Сентября 2016 | Сообщение 5
Оффлайн
Заблокированные
Сообщений:25
Награды: 2
Angerfist да сайт мой,,,,, в верхнем части хочу добавить горизонтальное меню,,, но увы не получается !!!
Страна: (RU)
Angerfist
Вторник, 06 Сентября 2016 | Сообщение 6
Оффлайн
Vip
Сообщений:767
Награды: 21
Я повторюсь я вопроса не понял, меню уже установлено и оно горизонтальное... Пояснее можно?

No regrets
Страна: (RU)
Angerfist
Вторник, 06 Сентября 2016 | Сообщение 7
Оффлайн
Vip
Сообщений:767
Награды: 21
У вас же уже есть меню на маркированном списке
Код

<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 Сентября 2016, 17:47
Страна: (RU)
Nemoy
Вторник, 06 Сентября 2016 | Сообщение 8
Оффлайн
Заблокированные
Сообщений:25
Награды: 2
Angerfist,,, зайди на сайт и посмотри верхний част сайта,,, там нет горизонтальное меню,,,,, а я хочу сделать горизонтальное меню,,,,, не подскажешь как сделать ?
Что бы было типо так как на скриншоте
Прикрепления: 4514405.png (17.3 Kb)
Страна: (RU)
Angerfist
Вторник, 06 Сентября 2016 | Сообщение 9
Оффлайн
Vip
Сообщений:767
Награды: 21
Короче либо ты показываешь мне где взял шаблон или сайт с таким же шаблоном.
Либо гуглишь на тему Как создать выпадающее меню) Вот так яснее будет.


No regrets
Страна: (RU)
Angerfist
Вторник, 06 Сентября 2016 | Сообщение 10
Оффлайн
Vip
Сообщений:767
Награды: 21
Примерно так
Код

<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
Страна: (RU)
Nemoy
Вторник, 06 Сентября 2016 | Сообщение 11
Оффлайн
Заблокированные
Сообщений:25
Награды: 2
Я не помню где скачивал данный шаблон,,,,,, я те могу скинуть шаблон в скайпе ?!
Страна: (TJ)
Angerfist
Вторник, 06 Сентября 2016 | Сообщение 12
Оффлайн
Vip
Сообщений:767
Награды: 21
Просто стили надо добавить, это без JS пример.

No regrets
Страна: (RU)
Angerfist
Вторник, 06 Сентября 2016 | Сообщение 13
Оффлайн
Vip
Сообщений:767
Награды: 21
На почту оправляй или лучше сайт покажи с которого скриншот сделан

No regrets

Сообщение отредактировал
Angerfist - Вторник, 06 Сентября 2016, 18:15
Страна: (RU)
Nemoy
Вторник, 06 Сентября 2016 | Сообщение 14
Оффлайн
Заблокированные
Сообщений:25
Награды: 2
Цитата Angerfist ()
скриншот сделан

данный скриншот я сам переделал на фотошопе
Страна: (TJ)
Angerfist
Вторник, 06 Сентября 2016 | Сообщение 15
Оффлайн
Vip
Сообщений:767
Награды: 21
Вообщем вот конструкция, перекрой под свой сайт, я цвета примерно взял:

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

<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 Сентября 2016, 19:04
Страна: (RU)
Форум » Веб-разработка » Вопросы про uCoz » Горизонтальное меню
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: