Новости Joomla

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

Q19

  • Новичок
  • 4
  • 0 / 0
Меню CSS
« : 04.11.2013, 12:23:03 »
Помогите, У меня есть горизонтальное меню допустим я навожу на пункт "игры" у меня всплывает под меню, и я хочу нажать на "PC", кнопка срабатывает когда я мишкой навожу именно на слово игры, а как сделать так что бы вся ячейка была ссылкой? на скрине видно затемненное поле, вот его я и хочу сделать ссылкой, и так ко всем кнопкам.
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Меню CSS
« Ответ #1 : 04.11.2013, 13:32:22 »
проблему можно решить несколькими вариантами, но какой именно выбрать для этого шаблона, нужно посмотреть на сам сайт или хотя бы дайте название шаблона, или еще лучше --- ссылку на Демо, если сайт на Денвере
*

Q19

  • Новичок
  • 4
  • 0 / 0
Re: Меню CSS
« Ответ #2 : 04.11.2013, 16:18:01 »
Шаблон называется "S5 gamers" да я держу его на денвере и демо http://www.shape5.com/demo/index.php?gamers
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Меню CSS
« Ответ #3 : 05.11.2013, 02:28:44 »
самый простой способ, это добавить поле к <span>-у
но у каждого выпадающего меню свои правила (классы). Приведу с Демо
(Features--->Hide Content and Modules)
Код
templates/gamers/css/s5_flex_menu.css (319) 
div.S5_grouped_child_item span {
    font-size: 0.9em;
    padding-right: 100px; ----- добавил правило
}
ну а Вы уж для своего ...
*

Q19

  • Новичок
  • 4
  • 0 / 0
Re: Меню CSS
« Ответ #4 : 06.11.2013, 09:43:47 »
я не понял:), проблема в том что я не знаю что нужно прописать что бы выпадающие меню весь его блок считался кнопкой а не только название в этом блоке:)
*

20dollars

  • Захожу иногда
  • 235
  • 4 / 2
Re: Меню CSS
« Ответ #5 : 06.11.2013, 12:12:55 »
ну это чисто косметическое решение и простое.
Правильнее было бы верстку поправить и заключить в ссылку весь <span class="S5_submenu_item">
То есть сейчас структура меню такова:
Код
<ul style="float: left; clear: none;">
 <li class="subMenuParentBtn subMenuBtn">
  <span class="S5_submenu_item">
   <a href="/demo/gamers/index.php/extensions/s5-accordion-menu" tabindex="-1">
    <span class="s5_sub_a_span">S5 Accordion Menu</span>
   </a>
  <span class="S5_subtext">Accordion Column Menu</span>
  </span>
 </li>
...
А я предлогаю так:
Код
<ul style="float: left; clear: none;">
 <li class="subMenuParentBtn subMenuBtn">
  <a href="/demo/gamers/index.php/extensions/s5-accordion-menu" tabindex="-1">
   <span class="S5_submenu_item">
    <span class="s5_sub_a_span">S5 Accordion Menu</span>
    <span class="S5_subtext">Accordion Column Menu</span>
   </span>
  </a>
 </li>
...
Тогда все содержимое пункта меню будет ссылкой, то есть все что в контейнере <li> ... </li>

Или же через CSS можно проправить в файле /demo/gamers/templates/gamers/css/s5_flex_menu.css 335 строку, добавив для #subMenusContainer a параметр display: block;
« Последнее редактирование: 06.11.2013, 12:26:22 от 20dollars »
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Меню CSS
« Ответ #6 : 06.11.2013, 12:45:19 »
я не понял:), проблема в том что я не знаю что нужно прописать что бы выпадающие меню весь его блок считался кнопкой а не только название в этом блоке:)
FireBug -ом найдите стили, которые отвечают Вашему меню и тогда будет видно, что и где поправить
*

Q19

  • Новичок
  • 4
  • 0 / 0
Re: Меню CSS
« Ответ #7 : 07.11.2013, 13:09:23 »
Или же через CSS можно проправить в файле /demo/gamers/templates/gamers/css/s5_flex_menu.css 335 строку, добавив для #subMenusContainer a параметр display: block;
Спасибо большое, я в CSS добавил display: block; и теперь работает так как я хотел:), бистро легко и просто:)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 3441
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2979
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 1464
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 1381
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1628
Последний ответ 20.07.2020, 11:18:44
от kuraev64