0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 760 Просмотров
*

AdmbVlad

  • Осваиваюсь на форуме
  • 84
  • 0
Здраствуйте, как и чем сделать кнопку с выпадающим меню?

При навдении на кнопку выскакивает менюшка со ссылками

*

vipiusss

  • Профи
  • 5621
  • 322
  • Круглая ава-зло!
http://codepen.io/moseke/pen/CJBrv
вот оригинальнее http://cssdeck.com/labs/navigation-dropdown-with-flip-effect
да их немерено:в гугл+выпадающее меню
« Последнее редактирование: 17.10.2015, 16:27:15 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

AdmbVlad

  • Осваиваюсь на форуме
  • 84
  • 0
спасибо.
а куда CSS вставлять?
« Последнее редактирование: 17.10.2015, 16:35:53 от AdmbVlad »
*

vipiusss

  • Профи
  • 5621
  • 322
  • Круглая ава-зло!
куда угодно, можете в шаблон, можете в отд файл можете <style> по месту, смотря как вы выводите HTML
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

AdmbVlad

  • Осваиваюсь на форуме
  • 84
  • 0

и как код вставить, просто скопировать в файл CSS как есть? вот из этого примера _cssdeck.com/labs/navigation-dropdown-with-flip-effect

Код
body { background: #E9E9E9; }
h2 { text-align: center; color: #CCC; }
a {
  display: block;
  text-decoration: none;
  width: 100%;
  height: 100%;
  color: #999;
}

a:hover { color: #777; }

/* NAVIGATION */
.navigation {
  list-style: none;
  padding: 0;
  width: 250px;
  height: 40px;
  margin: 20px auto;
  background: #95C11F;
}

.................;

у меня шаблон установлен. там файлы CSS есть
*

vipiusss

  • Профи
  • 5621
  • 322
  • Круглая ава-зло!
если в шаблон, то нужно немного дописывать, т.к. у вас же там уже есть свой класс <a> и т.д.
вы модулем HTML выводите? в расширенный модуль вставьте весь код вместе с HTML в виде

<style>
весь CSS, кроме body { background: #E9E9E9; }
h2 { text-align: center; color: #CCC; }
</style>
т.к. у вас уверен перекроет в шаблоне и там же HTML нижу обычным образом
или <link rel="stylesheet" href="ваш путь/ваш файл.css"> , вот в него(в отдельный) тоже можно запихать CSS кроме тех 2 строк и в HTML указать путь.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

AdmbVlad

  • Осваиваюсь на форуме
  • 84
  • 0
спасибо, буду пробовать. я думаю вставлять в материал код. есть плагин - вставка произвольного кода в материал. через него.
_nonumber.nl/ru/extensions/sourcerer
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

как сделать пункт меню не кликабельным?

Автор qweqweqwe

Ответов: 13
Просмотров: 5237
Последний ответ 07.09.2017, 01:45:49
от forzi
Сдвинуть пункты меню в левое положение

Автор wectra

Ответов: 6
Просмотров: 299
Последний ответ 12.07.2017, 21:09:01
от wectra
Не отображаются пункты в меню

Автор physic

Ответов: 16
Просмотров: 15305
Последний ответ 27.05.2017, 00:10:15
от OutLaw1
Nextend Accordion Menu можно ли сделать открытым только первый пункт меню?

Автор tmpnikl

Ответов: 0
Просмотров: 136
Последний ответ 26.05.2017, 09:59:09
от tmpnikl
В K3 меню сайта меняется на английское

Автор nautilus.lg

Ответов: 0
Просмотров: 174
Последний ответ 25.05.2017, 11:09:20
от nautilus.lg