< návrat zpět

Diskuse


Téma: Rozklikávací MENU rss

Zaslal/a 31.5.2018 12:49

Ahoj,
měl bych prosbičku, dokázal by mi někdo poradit, jak nastavit box abych měl rozklikávací menu?

Mám pět různých boxu:
[hcm]menu,2,4[/hcm]
Kategorie jsou krásně pod sebou, ale byl bych rád, kdybych třeba naklikl v příkladě položku číslo 4 a tam bych měl další dvě - tři kategorie.

Je to vůbec možné?
Předem všem moc děkuji za rady

Zaslat odpověď >

#021145
Šlo by takto rozklikavat rozcestníky, ale bude potřeba doprogramovat si to v jQuery.

Bylo by to něco jako toto
<script>
$(document).ready(function(){
$(".menu-dropdown-link").click(function(e) {e.preventDefault();});
$(".menu-dropdown").click(function(e){$(this).find("ul").toggle();});
});
</script>
a něco v CSS, ale z hlavy nevím a aktuálně nejsem u PC
#021146
Pro CSS existují různé free inspirace, jako je např. tato: http://cssmenumaker.com/free-css-menus
#021147
Osobně vyzkouším, co mě napadlo a napíšu :) Mám pocit, že jde jen o rozvětvení a rozklikávání doprava 1
#021148
Kdyby Vás to hoši zajímalo, tak to co jsem poslal já, je plně FUNKČNÍ... Takže pokud máte stránky v rozcestníku, tak mu jen nastavíte "Rozbalit v menu", mnou zaslaný JS přidáte na konec šablony.

Edit: Malinko jsem to nahoře učesal, ať to je přehlednější.

A do CSS doplníte
.menu-dropdown .menu-dropdown-list {display: none;}Toť vše!

A pokud by někdo toužil po šipičce (rozbalovací) u rozcestníku, tak si přidá ještě něco jako
ul.menu li.menu-dropdown a.menu-dropdown-link {
background-image: url(../images/system/arrow.png); /* nutno ikonku dokopírovat */
padding-right: 16px;
background-position: right 55%;
background-repeat: no-repeat;
}


Samozřejmě použití je čistě v boxech, v horizontálním menu by se to muselo řešit malinko jinak.
#021152
Zdar všem 1 Nakonec jsem vyzkoušel svou myšlenku a funkční je to jen s Jirkovou úpravou, jinak jde o 1. zanoření 1