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

AdmbVlad

  • Захожу иногда
  • 83
  • 0 / 0
Здраствуйте, как и чем сделать кнопку с выпадающим меню?

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

*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
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

  • Захожу иногда
  • 83
  • 0 / 0
спасибо.
а куда CSS вставлять?
« Последнее редактирование: 17.10.2015, 16:35:53 от AdmbVlad »
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
куда угодно, можете в шаблон, можете в отд файл можете <style> по месту, смотря как вы выводите HTML
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

AdmbVlad

  • Захожу иногда
  • 83
  • 0 / 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

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
если в шаблон, то нужно немного дописывать, т.к. у вас же там уже есть свой класс <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

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

убрать из меню заголовки h3

Автор nexter

Ответов: 19
Просмотров: 6451
Последний ответ 03.02.2020, 18:49:47
от durte
При добавлении нового пункта меню не отображается содержимое

Автор Denko

Ответов: 2
Просмотров: 2128
Последний ответ 16.01.2020, 18:40:55
от Denko
Не нажимается пункт меню на мобильной версии

Автор Sensession

Ответов: 7
Просмотров: 3074
Последний ответ 04.01.2020, 16:45:27
от xpank
Не отображаются пункты в меню

Автор physic

Ответов: 20
Просмотров: 21366
Последний ответ 20.09.2019, 16:54:01
от beliyadm
Как в ARI Ext Menu добиться работы параметра "Показать в меню"?

Автор vasmed

Ответов: 1
Просмотров: 2339
Последний ответ 01.03.2019, 11:12:18
от vasmed