Drop down menu

[micalParticipant Web]

Muzete mi, prosim, nekdo poradit nejlepsi plugin na drop down menu ve stylu http://www.louisvuitton.com/front/#/eng_US/Homepage ? Budu mit max 3 urovne menu a chtel bych, kdyz najedu na hlavni polozku menu, aby se zobrazil podklad menu na celou sirku webu a na celem tomto poli, kdyz budu najety, tak aby menu porad zustalo vyjete. Diky za rady!

[LukenziParticipant]

Na tohle plugin najdete těžko, je to jen o HTML, CSS a JS

Podobně vypadá 10. na http://www.noupe.com/css/multilevel-drop-down-navigation-menus-examples-and-tutorials.html takže jen to zakomponovat do šablony vzhledu a upravit přes CSS.

Podobných návodu je kopa: Google

[micalParticipant Web]

Posunul jsem se trochu dal, ale ted resim problem s nastavenim menu, pouzivam sablonu twenty eleven, menu nacitam pres:

<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>

Potrebuji nastavit pro moje menu id a class, cetl jsem:
http://codex.wordpress.org/Function_Reference/wp_nav_menu

Ale i kdyz nadefinuji v souboru (umisteny v wp-includes/nav-menu-template.php) menu id:

function wp_nav_menu( $args = array() ) {
static $menu_id_slugs = array();
$defaults = array( 'menu' => '', 'container' => 'div', 'container_class' => '', 'container_id' => '', 'menu_class' => 'droplinetabs', 'menu_id' => 'droplinetabs1',
'echo' => true, 'fallback_cb' => 'wp_page_menu', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s',
'depth' => 0, 'walker' => '', 'theme_location' => '' );

tak se mi v kodu stejne nezobrazuje…

<div class="droplinetabs">
<ul>
<li class="current_page_item">
</ul>
</div>

Nemohl byste mi nekdo poradit, jak zprovoznim v nav-menu-template.php, aby se mi zobrazovalo v kodu menu id?

Diky moc!

[micalParticipant Web]

Potrebuji tam rozchodit totiz toto menu, ktere odpovida mym pozadavkum: http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_tabs/

JS neumim, takze musim prenastavit div ktery je kolem menu, aby mel parametry:

<div id="droplinetabs1" class="droplinetabs">

[roboti006Participant]

No, dropdown menu jsem dělal v původním záměru stránek bez wordpressu, kde jsem si to upravoval zcela sám s PHP, CSS a HTML.

Na HTML+CSS (nenašel jsem v tom nic moc JS, což může být výhoda) dropdown menu jsem vždycky šel na stránky http://cssmenumaker.com/, stáhnul jsem návrh a upravim k obrazu svému.

Do WP sem ještě dropdown menu nedělal, a jako novopečený a nezkušený webdesigner, nevím jestli bych to chtěl. K předělání do WP ti asi neporadím, protože používám normální menu.

Snad ti to trochu pomůže. Jinak, kdybych to dělal já, zeptám se strýčka Googla ;) Šťastné a veselé!

[micalParticipant Web]

Posunul jsem se opet o krok dal, menu jede a vypada cca jak ma a potreboval bych radu ohledne CSS, jak ted umistit a nastavit, aby vypadalo jako:

http://fitness2you.cz/wp-content/plugins/jsmenu/menu.jpg

stranka je http://www.fitness2you.cz …co bych potreboval nastavit:

1) hlavni menu (odkazy prvni urovne) sirka cca 500px a nastaveno vpravo na urovni loga

2) podmenu (druha kategorie a treti) aby ale bylo na celou sirku obrazovky (stranky staci)

Nedari se mi nastavit zarovnani prvni urovne menu a pak aby podmenu bylo na celou sirku, kdyz nastavim cely DIV 500, tak neumi pretekat.

Nevite nekdo, jak na to? css styl je na http://fitness2you.cz/wp-content/plugins/jsmenu/droplinetabs.css

Diky za rady!

[adminKeymaster Web]

U prvního příkladu (Louis Vuitton) jde patrně o Flash, takže tam se nějaký příklad nedozvíme.

Příklad od Lukenziho je asi dost podobný původnímu požadavku – jde konkrétně o Superfish nav-bar style. Jediný rozdíl je asi v tom, že druhý řádek zůstává stále zobrazený.

CSS Menu Maker by šlo asi také použít, ale opět bude potřeba vygenerované menu napojit na WordPress.

jQuery Drop Line Tabs je tedy patrně konečné (vhodné) řešení.

Existuje také mnoho různých pluginů pod klíčovými slovy “dropdown” a “multilevel”, ale podobné menu jsem tam po zběžném procházení nenašel.

Upravovat zdrojové soubory WordPressu je špatný postup. Všechny argumenty, které upravujete v souboru wp-includes/nav-menu-template.php můžete jednoduše zadat i prostřednictvím funkce wp_nav_menu() přímo v šabloně.

To už se ale asi povedlo. Napište nám sem prosím, jakým způsobem máte aktuálně napsanou funkci pro napojení menu ve WordPressu.

Ad 1) V souboru droplinetabs.css máte následující kód:

#access a {
line-height: 3.333em;
padding: 0 1.2125em;
text-decoration: none;
}

Hodnota pro padding určuje vzdálenosti mezi jednotlivými položkami menu. Nedával bych tam fixní šířku pomocí width, ale spíše bych zvýšil tuto hodnotu, např. na 1.2125em. Ošetříte tím také různé mezery u různě dlouhým názvů. Bohužel se ale tímto způsobem rozšíří také mezery v podřazeném menu, takže musíte ještě doplnit následující kód:

#access ul.children li a {
padding: 0 1.2125em;
}

Tím zajistíte, že podřazené menu (druhý řádek) bude mít původní rozestupy.

A odsazení menu od hlavního loga provedete opět v tomto souboru. Najděte definici pro .droplinetabs ul a změňte hodnotu margin: 0; na margin: 0 0 0 320px; (tedy odsazení 320 px zprava).

2) Druhý bod jsem nepochopil nebo už to je hotové :-)

[Autor]

Příspěvky