Drop down menu

Zvolené téma obsahuje celkem 6 odpovědí. Do diskuze (4 účastníci) se naposledy zapojil uživatel  admin a poslední změna je stará 12 let.

Aktuálně je na stránce zobrazeno 7 příspěvků - 1. až 7. (z celkem 7)
  • Autor
    Příspěvky
  • #1743

    mical
    Participant
    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!

    #11864

    Lukenzi
    Participant

    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

    #11865

    mical
    Participant
    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!

    #11866

    mical
    Participant
    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">

    #11867

    roboti006
    Participant

    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é!

    #11868

    mical
    Participant
    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!

    #11869

    admin
    Keymaster
    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é :-)

Aktuálně je na stránce zobrazeno 7 příspěvků - 1. až 7. (z celkem 7)

Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.