Next Generation CMS :: Форум поддержки

Заинтересовала наша система? Тогда этот форум для Вас!

Вы не зашли.

#1 2015-04-26 21:56:47

Yuliko
Участник
Зарегистрирован: 2013-04-30
Сообщений: 85
Рейтинг :   
Сайт

Как сделать выпадающее меню?

Есть ли какой-нибудь плагин, который можно использовать с этой целью?


Не нравятся тексты на своем сайте? Закажите написание статей копирайтеру! Уникальные тексты для уникальных сайтов! 0% воды. Качественно. Быстро.

Не в сети

#2 2015-04-27 08:06:04

irbees2008
Продвинутый чайник ;)
Откуда Шахтинск
Зарегистрирован: 2012-03-14
Сообщений: 2,873
Рейтинг :   121 
Сайт

Re: Как сделать выпадающее меню?

Yuliko пишет:

Есть ли какой-нибудь плагин, который можно использовать с этой целью?

Если в меню используются все категории которые указаны в админке для отображения,то все можно решить скриптом и не большими изменениями в файле news.categories.tpl.

Изменено irbees2008 (2015-04-27 08:13:53)

Не в сети

#3 2015-04-27 13:06:16

Zemlemer
Участник
Откуда Украина
Зарегистрирован: 2012-07-27
Сообщений: 271
Рейтинг :   25 
Сайт

Re: Как сделать выпадающее меню?

1. гуглим "pure css dropdown menu"
2. берем любой понравившийся пример и вставляем в нужный шаблон.

Не в сети

#4 2015-04-30 16:17:51

Yuliko
Участник
Зарегистрирован: 2013-04-30
Сообщений: 85
Рейтинг :   
Сайт

Re: Как сделать выпадающее меню?

irbees2008 пишет:
Yuliko пишет:

Есть ли какой-нибудь плагин, который можно использовать с этой целью?

Если в меню используются все категории которые указаны в админке для отображения,то все можно решить скриптом и не большими изменениями в файле news.categories.tpl.

А поподробнее можно? Я хочу сделать вертикальное меню.


Не нравятся тексты на своем сайте? Закажите написание статей копирайтеру! Уникальные тексты для уникальных сайтов! 0% воды. Качественно. Быстро.

Не в сети

#5 2015-04-30 17:10:44

Yuliko
Участник
Зарегистрирован: 2013-04-30
Сообщений: 85
Рейтинг :   
Сайт

Re: Как сделать выпадающее меню?

rusiq пишет:

Yuliko, вы покажите на примере любого сайта. Меню ведь может быть и слева и справа, если оно вертикальное. Да и исполнение его может быть любым: js, css и др.

Вот мой сайт. Я хочу сделать выпадающее меню сверху (где розовая полосочка smile), лучше вертикальное. Пробовала делать по этой инструкции, но что-то у меня не получилось.

Изменено Yuliko (2015-04-30 17:18:28)


Не нравятся тексты на своем сайте? Закажите написание статей копирайтеру! Уникальные тексты для уникальных сайтов! 0% воды. Качественно. Быстро.

Не в сети

#6 2015-04-30 17:35:21

Yuliko
Участник
Зарегистрирован: 2013-04-30
Сообщений: 85
Рейтинг :   
Сайт

Re: Как сделать выпадающее меню?

rusiq пишет:

) так это не вертикальное, а горизонтальное. Это категории из news.categories.tpl выводятся?

Точно, горизонтальное! Как раз собиралась исправить )). Нет, ссылки на категории заданы вручную.

Изменено Yuliko (2015-04-30 17:35:56)


Не нравятся тексты на своем сайте? Закажите написание статей копирайтеру! Уникальные тексты для уникальных сайтов! 0% воды. Качественно. Быстро.

Не в сети

#7 2015-04-30 17:45:13

Yuliko
Участник
Зарегистрирован: 2013-04-30
Сообщений: 85
Рейтинг :   
Сайт

Re: Как сделать выпадающее меню?

Из этой

<a href="http://dao-zhizni.ru/beauty.html" title="Все о сохранении красоты">Красота</a>

должны выпадать:

http://dao-zhizni.ru/uhod-za-lizom.html 
и 

http://dao-zhizni.ru/uhod-za-telom.html

, остальных пока нет. Мне пример нужен, дальше я по аналогии сделаю.

Изменено Yuliko (2015-04-30 17:46:25)


Не нравятся тексты на своем сайте? Закажите написание статей копирайтеру! Уникальные тексты для уникальных сайтов! 0% воды. Качественно. Быстро.

Не в сети

#8 2015-04-30 19:55:11

Yuliko
Участник
Зарегистрирован: 2013-04-30
Сообщений: 85
Рейтинг :   
Сайт

Re: Как сделать выпадающее меню?

rusiq пишет:

Yuliko, вот

то что надо, но почему-то на сайте ничего не меняется (((

Вставила в main

<div class="go-menu">
<ul class="nav-menu">
		<li><a href="http://dao-zhizni.ru/beauty.html" title="Все о сохранении красоты">Красота</a>
			<ul>
			<li><a href="http://dao-zhizni.ru/uhod-za-lizom.html">Уход за лицом</a></li>
			<li><a href="http://dao-zhizni.ru/uhod-za-telom.html">Уход за телом</a></li>
			</ul>
		</li>
		<li><a href="http://dao-zhizni.ru/health.html" title="Здоровье">Здоровье</a></li>
		<li><a href="http://dao-zhizni.ru/practice.html" title="Женские практики и медитации">Женские практики</a></li>
		<li><a href="http://dao-zhizni.ru/money-money.html" title="Процветание и благополучие">Процветание</a></li>
		<li><a href="http://dao-zhizni.ru/relations.html" title="Любовь, секс и отношения">Любовь&Секс</a></li>
		<li><a href="http://dao-zhizni.ru/cozy-home.html" title="Полезности для дома и семьи">Полезности</a></li>
		<li><a href="http://dao-zhizni.ru/lifestyle.html" title="Стиль жизни">Стиль жизни</a></li>
		<li><a href="http://dao-zhizni.ru/horoscope.html" title="Гороскоп на каждый день">Гороскоп</a></li>
		<li><a href="http://dao-zhizni.ru/none/sotrudnichestvo.html" title="Сотрудничество">Сотрудничество</a></li>
	</ul></div>

в css

.nav-menu, .nav-menu li, .nav-menu ul {
list-style: none;
padding: 0;
margin: 0;}
.nav-menu a {
display: block;
white-space: nowrap;
color: #fff;
padding: 0 8px;
margin: 0;
font-weight: 600;
text-transform: uppercase;}
.nav-menu li, .nav-menu a {
line-height: 28px;
height: 28px;
}

На сайте все в одну строчку (((. Что я неправильно делаю?

Стили go-menu выглядят так:

.go-menu {height:28px;}
.go-menu a {display:block;height:28px;line-height:28px;color:#fff;text-decoration: none;padding:0px 7px 0px 7px;float: left;font-weight:600;text-transform:uppercase;}
.go-menu a:hover {background:#0077AF;color:#fff;}
.go-menu img {border: 0;float: left;}

Изменено Yuliko (2015-04-30 20:07:02)


Не нравятся тексты на своем сайте? Закажите написание статей копирайтеру! Уникальные тексты для уникальных сайтов! 0% воды. Качественно. Быстро.

Не в сети

#9 2015-04-30 20:32:21

Yuliko
Участник
Зарегистрирован: 2013-04-30
Сообщений: 85
Рейтинг :   
Сайт

Re: Как сделать выпадающее меню?

rusiq пишет:

Yuliko, в style.css 8 строка примерно удалить .page2 div{overflow:hidden}

Урряяяя!!!! Заработало! Спасибо вам огромное!


Не нравятся тексты на своем сайте? Закажите написание статей копирайтеру! Уникальные тексты для уникальных сайтов! 0% воды. Качественно. Быстро.

Не в сети

Подвал раздела

Работает на FluxBB