X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Выпадающее меню на WordPress
MONOLIT96
MONOLIT96
Topic Starter сообщение 10.7.2012, 22:52; Ответить: MONOLIT96
Сообщение #1


SEO-team
*****

Группа: Active User
Сообщений: 754
Регистрация: 25.2.2011
Из: Украина, Киев
Поблагодарили: 148 раз
Репутация:   32  


В общем дело такое, подскажите как реализовать горизонтальное выпадающее меню на wordpress.
Ситуация такая, нужно, чтобы при наведении на категорию выпадал список, а в этом списке были ссылки на определенные, заведомо мною выбранные записи.
Прикрепленное изображение


Сообщение отредактировал MONOLIT96 - 10.7.2012, 22:52


Поблагодарили: (1)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rokot
rokot
сообщение 10.7.2012, 23:06; Ответить: rokot
Сообщение #2


Loading...
******

Группа: Super Moderator
Сообщений: 1619
Регистрация: 6.7.2012
Поблагодарили: 899 раз
Репутация:   133  


Плагин Sticky Menu – Красивое выпадающее горизонтальное меню в WordPress,должно помочь вам


--------------------
Дешевый и быстрый хостинг (US,RU сервера) | ПРОМОКОД на 10% - OFF10
Сайты на WordPress от 1500 рублей!


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MONOLIT96
MONOLIT96
Topic Starter сообщение 10.7.2012, 23:13; Ответить: MONOLIT96
Сообщение #3


SEO-team
*****

Группа: Active User
Сообщений: 754
Регистрация: 25.2.2011
Из: Украина, Киев
Поблагодарили: 148 раз
Репутация:   32  


rokot, спасибо за совет, но я тут помозговал и сделал немного проще, через произвольное меню в Wordpress. Тему можно закрыть.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vitalik0ivanov
vitalik0ivanov
сообщение 11.7.2012, 15:56; Ответить: vitalik0ivanov
Сообщение #4


Новичок
*


Группа: User
Сообщений: 21
Регистрация: 6.6.2012
Поблагодарили: 4 раза
Репутация:   0  


Можно сделать также через Ajax или CSS .
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dchirkov
dchirkov
сообщение 11.7.2012, 16:24; Ответить: dchirkov
Сообщение #5


Новичок
*

Группа: Viewer
Сообщений: 6
Регистрация: 12.5.2012
Поблагодарили: 1 раз
Репутация:   0  


кто нибудь сможет помочь по этому вопросу
Есть страница http://www.yatagan.ru/ru/industry/
При наведении на список он выпадает поверх текста, что можно сделать чтобы он автоматом выезжал вниз двигая текст вниз

<ul id="mymenu">
<li style="text-align: center;">
<a href="/">Модули<br />
Воздухоподготовки</a><br />
<p style="text-align: left;">
<em>- Охлаждение газов </em></p>
<p style="text-align: left;">
<em>- Нагрев воздуха </em></p>
<p style="text-align: left;">
<em>- Осушение воздуха&nbsp; </em></p>
<p style="text-align: left;">
<em>- Смешение потоков </em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mo.html"><strong>МО </strong>– водяной&nbsp; охладитель</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mob.html"><strong>МОВ</strong> – воздушный охладитель</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mto.html"><strong>МТО</strong> – модуль&nbsp; теплообмена</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mck.html"><strong>МСК</strong> – смесительная камера</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mko.html"><strong>МКО </strong>– осушитель воздуха</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mgf.html"><strong>МГФ</strong> – гидрофильтр</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mkn.html"><strong>МКН – </strong>канальный нагреватель</a></li>
</ul>
</li>
<li style="text-align: center;">
<a href="/">Фильтры<br />
Защитные</a><br />
<p style="text-align: left;">
<em>Защита<br />
Газоконвертора от: </em></p>
<p style="text-align: left;">
<em>- Пыли </em></p>
<p style="text-align: left;">
<em>- Волокон</em></p>
<p style="text-align: left;">
<em>- Сажи и жиров</em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fpa.html"><strong>ФПА </strong>– аэрозольный фильтр</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fk.html"><strong>ФК</strong> – карманный фильтр</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fsm.html"><strong>ФСМ</strong> – сетчатый многослойный</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fgo.html"><strong>ФГО </strong>– фильтр грубой очистки</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fio.html"><strong>ФИО </strong>– ионообменный фильтр</a></li>
</ul>
</li>
<li style="text-align: center;">
<a href="/">Секции<br />
Электростатические</a><br />
<p style="text-align: left;">
<em>Очистка воздуха от: </em></p>
<p style="text-align: left;">
<em>- Дымов </em></p>
<p style="text-align: left;">
<em>- Смол </em></p>
<p style="text-align: left;">
<em>- Аэрозолей </em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/electrosekcii/du.html"><strong>ДУ </strong>– электростатический</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/electrosekcii/dua.html"><strong>ДУА</strong> – с&nbsp; промывкой</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/electrosekcii/duk.html"><strong>ДУК</strong> – картриджный</a></li>
</ul>
</li>
<li style="text-align: center;">
<a href="/">Секции<br />
Плазменные</a><br />
<p style="text-align: left;">
<em>Очистка воздуха от: </em></p>
<p style="text-align: left;">
<em>- Газов </em></p>
<p style="text-align: left;">
<em>- Паров </em></p>
<p style="text-align: left;">
<em>- Запахов </em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/plazmasekci/plazma1000.html"><strong>1000</strong>,&nbsp; плазменный, 10 кВ</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/plazmasekci/plazma1000x.html"><strong>1000Х</strong>, плазменный 15 кВ</a></li>
</ul>
</li>
<li style="text-align: center;">
<a href="/">Секции Финишной<br />
Очистки Воздуха</a><br />
<p style="text-align: left;">
<em>Доочистка воздуха от: </em></p>
<p style="text-align: left;">
<em>- Пыли </em></p>
<p style="text-align: left;">
<em>- Газов</em></p>
<p style="text-align: left;">
<em>-&nbsp; Запахов</em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/sekcifinish/ce.html"><strong>СЕ </strong>&nbsp;– сорбционный фильтр</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/sekcifinish/cec.html"><strong>СЕС</strong> – сорбционный&nbsp; усиленный</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/sekcifinish/ckt.html"><strong>СКТ</strong> – каталитический, тканевый</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/sekcifinish/ckn.html"><strong>СКН </strong>– каталитический, насып-й</a></li>
<li style="text-align: left;">
<a href="/"><strong>СРМ</strong> – регулятор мощности</a></li>
</ul>
</li>
</ul>



#mymenu {
float: left;
width: 720px;
margin: 5px 5px;
list-style: none;
}

#mymenu li {
float: left;
width: auto;
padding: 0 5px;
font-size: 18px;
list-style: none;
}

#mymenu li ul {
display: none;
width: 200px;
list-style: none;
}

#mymenu li:hover ul {
display: block;
position: absolute;
list-style: none;
margin: 0;
padding: 0;
height:200px;
}

#mymenu li ul li {
float: left;
width: 200px;
padding: 5px 0;
font-size: 14px;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Best
Best
сообщение 11.7.2012, 16:27; Ответить: Best
Сообщение #6


клоновод
****

Группа: Banned
Сообщений: 297
Регистрация: 12.6.2012
Из: Москва
Поблагодарили: 75 раз
Репутация:   4  


Спойлер используй умник, ну и код желательно.


--------------------
Клоновод
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dchirkov
dchirkov
сообщение 11.7.2012, 17:06; Ответить: dchirkov
Сообщение #7


Новичок
*

Группа: Viewer
Сообщений: 6
Регистрация: 12.5.2012
Поблагодарили: 1 раз
Репутация:   0  


(Best @ 11.7.2012, 16:27) *
Спойлер используй умник, ну и код желательно.


какой спойлер, на родном языке говори
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MONOLIT96
MONOLIT96
Topic Starter сообщение 11.7.2012, 22:03; Ответить: MONOLIT96
Сообщение #8


SEO-team
*****

Группа: Active User
Сообщений: 754
Регистрация: 25.2.2011
Из: Украина, Киев
Поблагодарили: 148 раз
Репутация:   32  


dchirkov, там в форме ответа слева есть пункт спойлер, жмите на него, появится окошко, туда и вставляйте код свой, чтобы не растягивать страницу.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NekiNeko
NekiNeko
сообщение 12.7.2012, 20:29; Ответить: NekiNeko
Сообщение #9


Участник
***

Группа: User
Сообщений: 220
Регистрация: 15.5.2011
Поблагодарили: 27 раз
Репутация:   0  


(MONOLIT96 @ 10.7.2012, 22:13) *
через произвольное меню в Wordpress. Тему можно закрыть.

Если не затруднит, раскажите — как? Я произвольное меню умею только в сайдбар вставлять.
Спасибо


--------------------
Нужны тексты на английском от носителя языка? — Welcome to Michael
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MONOLIT96
MONOLIT96
Topic Starter сообщение 12.7.2012, 21:40; Ответить: MONOLIT96
Сообщение #10


SEO-team
*****

Группа: Active User
Сообщений: 754
Регистрация: 25.2.2011
Из: Украина, Киев
Поблагодарили: 148 раз
Репутация:   32  


NekiNeko, вот ссылочка на видеоролик! на ютуб, все делал по нему.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Адаптивная вёрстка и натяжка на Wordpress, DLE, Joomla и др. Создание мобильных версий.
Хороший код с оптимизацией по скорости. Сайты и лендинги "под ключ
15 Nell 1163 13.12.2017, 23:36
автор: Nell
Горячая тема (нет новых ответов) Вёрстка, натяжка на WordPress, Joomla, качественно, доступно
53 WhiteIce 23794 12.12.2017, 19:41
автор: WhiteIce
Горячая тема (нет новых ответов) Разработка сайтов Joomla Wordpress Opencart
Разработка, верстка, оптимизация веб сайтов.
48 WoWeb 7385 12.12.2017, 13:37
автор: serg5777
Открытая тема (нет новых ответов) Как привязать меню к кнопке <nav> ?
2 pippak 900 11.12.2017, 15:57
автор: Nell
Открытая тема (нет новых ответов) Как включить автоматическое обновление для плагинов WordPress и самого движка?
0 Telnor 405 10.12.2017, 13:27
автор: Telnor


 



RSS Текстовая версия Сейчас: 16.12.2017, 17:06
Дизайн