1

Тема: Создание выпадающего меню

Подскажите как создать выпадающее меню?примерно как у вас на этом сайте.

Поделиться

2

Re: Создание выпадающего меню

используйте плагин I18n  и скрипт выпадающего меню - http://www.dynamicdrive.com/dynamicindex1/indexc.html? или css - http://www.dynamicdrive.com/dynamicindex1/indexb.html

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

3

Re: Создание выпадающего меню

что-то не совсем разобрался.скачал вот это меню на яве Chrome CSS Drop Down Menu (v2.5). и заменяю в строке
<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>
chromemenu на <?php get_i18n_navigation(return_page_slug(),0,10); ?> но меню тогда пропадает.что я неправильно делаю?

Поделиться

4

Re: Создание выпадающего меню

скачайте это http://ruseller.com/lessons.php?rub=32&id=268
в шаблон вставьте это или, если у вас в шаблоне для тега ul есть другой класс, то добавьте к нему и этот sf-menu

<ul class="sf-menu">
<?php get_i18n_navigation(return_page_slug(),0,10); ?>
 </ul>

прицепите к шаблону скрипт и css-файл

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

5

Re: Создание выпадающего меню

спасибо почти заработало.но вот почему выпадающее меню доступно только когда переходишь на родительскую страницу?как это поправить?

Поделиться

6

Re: Создание выпадающего меню

<?php get_i18n_navigation(return_page_slug(),0,99, I18N_SHOW_MENU); ?>

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

7

Re: Создание выпадающего меню

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

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

8

Re: Создание выпадающего меню

спасибо заработало...

Поделиться

9

Re: Создание выпадающего меню

спасибо Олег,очень помогли. Но у меня опять возник вопрос,выпадающее меню выпадает,но не сворачивается обратно,как это исправить?

Поделиться

10

Re: Создание выпадающего меню

Я для своего сайта сделал выпадающее меню здесь: http://purecssmenu.com
Очень удобно и быстро. Работает без проблем.
Перед тем как начнете создавать меню, зарегистрируйтесь там, иначе не сможете скачать результат.

smile Ставим прибор на счетчик и платим сколько хотим smile

Сайт neomag06

Поделиться

11

Re: Создание выпадающего меню

repgirl пишет:

спасибо Олег,очень помогли. Но у меня опять возник вопрос,выпадающее меню выпадает,но не сворачивается обратно,как это исправить?

даже не знаю, что вам посоветовать, я же не знаю какое у вас меню

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

12

Re: Создание выпадающего меню

Здравствуйте.  Пробывала три разных Css меню поставить. Работают все с переменным успехом, но одна проблема общая: Скрытые подпункты выпадают, но не главной, при наведении курсора, а на странице родителя. Например:
Главное меню: "Главная" , "Продукты". У "Продукты" есть  дочерние страницы.
На "главной" при наведении курсора на "Продукты" ничего не происходит, а на странице "Продукты" корректно выпадает меню с этими продуктами. Возможно ли, чтоб  на "Главной" и всех страницах , при наведении курсора на любого родителя выпадали его дочерние страницы?
Коды использовала : <?php get_i18n_navigation(return_page_slug(),0,99); I18N_SHOW_MENU ?>  и <?php get_i18n_navigation(return_page_slug(),0,99); ?>
Нет разницы. Эффект тот же.
И еще, принципиальное  ли имеют значение названия классов в файле CSS current  и currentpath? Т.е. нужно ли переименовывать классы в CSS меню, взятом хотя бы отсюда: http://cssmenumaker.com/  ?
Буду очень признательна за любую подсказку. С утра сижу над меню. Все варианты подставляла. Нет больше идей sad

Поделиться

13

Re: Создание выпадающего меню

по классам: либо переименуйте классы в CSS-файлах, что значительно проще, либо ищите их в коде плагина и переименовывайте там...
на моем сайте стоит такой код

<?php get_i18n_navigation(return_page_slug(),0,99, I18N_SHOW_MENU); ?>

и как видите все работает на всех страницах
вы это I18N_SHOW_MENU не туда вставили

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

14

Re: Создание выпадающего меню

julk пишет:

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

Если вы используете плагин n18i

<?php get_i18n_navigation(return_page_slug(),0,99,I18N_SHOW_MENU); ?>

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

/* menu */

.topnav ul li {
  float:left;
  position:relative;
  display:block;
  z-index:999;
  width:145px;
}
.topnav ul li a {
    display:block;
    padding:5px;
    margin: 10px 0;
    text-decoration:none;
    text-align:center;
    color: #fff;
    text-shadow: 0 1px 1px #123650;
    font-weight:bold;   
    border-left: 1px solid #4B97C8;
    border-right: 1px solid #2674A8;
}
.topnav ul li:first-child a {
    border-left-width:0;
}
.topnav ul li:last-child a {
    border-right-width:0;
}
/* Подменю, скрываемое по умолчанию: */
.topnav ul li ul {
    position:absolute;
    display:none;
    left:-30px;
    width: 200px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 0 1px #BABABA;
}
.topnav ul li ul li:first-child {
    border-radius: 0;
    border-top-width: 0;
}
.topnav ul li ul li {
    border-top:1px solid #fff;
    float:left;
    width: 200px;    
    background: rgb(48,142,196);
}
.topnav ul li ul li a {
    width: 200px;
}
.topnav li.current a{
    font-weight : bold;
}

И после того, как вы добавите данные стили и соорудите в html шаблона такую конструкцию:

<nav class="topnav">
    <ul>
        <?php get_i18n_navigation(return_page_slug(),0,99,I18N_SHOW_MENU); ?>
    </ul>
</nav>

Всё должно будет заработать

"Давайте проще" smile

Поделиться

15 (2013-08-13 10:49:52 отредактировано julk)

Re: Создание выпадающего меню

Спасибо, ребята, за быстрый ответ! Функция у меня стояла правильная, но я еще раз скопировала отсюда, чтоб все было точно. Но тот же эффект.
Cupuyc1989, поставила Ваш код. Вообще дочерние страницы не видны...
Мне кажется, дело здесь в словах current, currentpath, open. Но из мануала я толком не поняла, что есть что. И куда его ставить. Нельзя ли одним словом охарактеризовать каждое это значение? Например, current-это....

Поделиться

16

Re: Создание выпадающего меню

я бы все-таки рекомендовал сравнить ваш код

<?php get_i18n_navigation(return_page_slug(),0,99); I18N_SHOW_MENU ?>

с требуемым кодом

<?php get_i18n_navigation(return_page_slug(),0,99,I18N_SHOW_MENU); ?>

классы используются в файлах CSS и на html-код никакого влияния не оказывают
current - это класс тега li активной ссылки
currentpath - это класс тега li родительской ссылки в случае если одна из детских ссылок активна
open - это класс тега li в который вложен тег ul

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

17

Re: Создание выпадающего меню

julk пишет:

Cupuyc1989, поставила Ваш код. Вообще дочерние страницы не видны...

Мой косяк. Правило на скрытие выложил, а на отображение - нет.

.topnav ul li:hover>ul {display:block;}

Три этом коде - при наделении на пункт меню - второй уровень меняет свойство display с none на block;
для третьего

.topnav ul li:hover>ul li:hover>ul {display:block;}

как-то так. сейчас на работе - проверить точно не могу.

"Давайте проще" smile

Поделиться

18

Re: Создание выпадающего меню

Здравствуйте. Разумеется, я без точки-запятой  использовала код <?php get_i18n_navigation(return_page_slug(),0,99,I18N_SHOW_MENU); ?>
Вообщем, методом тыка, запустила меню. Я думаю, что классы CSS как-то влияют на плагин навигации. Из моих наблюдений: если в меню есть классы, отличные от open, current, currentpat, то оно не работает. Когда я меняла класс  на current, то меню работало некорректно. Только заменила на open, все сразу заработало. В одном меню я вообще ничего не меняла. Там только класс activ был. Оно сразу же стало рабочим. По идее, файл CSS вообще не должен влиять на плагин.

Поделиться

19

Re: Создание выпадающего меню

по идее нужно писать файл CSS под плагин, а если вы где-то скопировали этот файл, то в нем нужно просто заменить классы
я писал код для дефолтного шаблона здесь http://forum.getsimplecms.ru/viewtopic.php?id=37
там от плагина зависит только цвет активных ссылок и фонов

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться