+ Antworten
Ergebnis 1 bis 7 von 7

Thema: dropdown menu in navigation bar

  1. #1
    Neuer Benutzer
    Registriert seit
    16.04.2012
    Beiträge
    5

    dropdown menu in navigation bar

    Is it possible to customize the yaml flexible-grid.html example to incorporate dropdown menus, for example, one like Nick La's
    webdesignerwall.com/demo/mobile-nav/ ?

    I've been playing with this but I need some guidance, so any suggestions or hints would be most welcome.

    -- Peter

  2. #2
    YAML Developer Avatar von djesse
    Registriert seit
    22.11.2005
    Beiträge
    2.947
    @peterscott

    Is it possible to customize the yaml flexible-grid.html example to incorporate dropdown menus, for example, one like Nick La's
    webdesignerwall.com/demo/mobile-nav/ ?
    Yes, of course. Should be easy.

    I've been playing with this but I need some guidance, so any suggestions or hints would be most welcome.
    What exactly is your problem?

    Dirk
    Keine Supportanfragen per PN, Fragen bitte nur im Forum stellen!
    • "Yet Another Multicolumn Layout" ist ein modulares CSS Framework zur Erstellung wirklich flexibler, zugänglicher und responsiver Websites.
    • "Thinkin' Tags" Rapid Prototyping on a production-ready code basis with YAML 4
    • "YAML Builder" A tool for visual layout development of YAML based CSS layouts.
    • "YAML Debug" an assistive code diagnostic tool for web developers.

  3. #3
    Neuer Benutzer
    Registriert seit
    16.04.2012
    Beiträge
    5

    dropdown menu in navigation bar --- solved

    Thanks, Dirk.

    I figured it out. The key for me was to substitute code similar to Nick La's for the yaml hlist.css, then cleaning it up so the colors and dimensions were to my liking.

    I will pass on a URL of a trial website in a few days, in case others might be interested. This is my first trial of the yaml framework---very nice.

    --Peter

  4. #4
    Neuer Benutzer
    Registriert seit
    16.04.2012
    Beiträge
    5

    a url for dropdown menu test

    OK, here is a URL to illustrate my attempt: http://pogonipwatch.org/t1/

    This being a test example, it will likely not be posted for much more than a week or so.

    Any comments or suggestions would be welcomed.

    -- Peter

  5. #5
    YAML Developer Avatar von djesse
    Registriert seit
    22.11.2005
    Beiträge
    2.947
    Hi Peter,

    is there anything still wrong with your navigation? Looks correct.

    Dirk
    Keine Supportanfragen per PN, Fragen bitte nur im Forum stellen!
    • "Yet Another Multicolumn Layout" ist ein modulares CSS Framework zur Erstellung wirklich flexibler, zugänglicher und responsiver Websites.
    • "Thinkin' Tags" Rapid Prototyping on a production-ready code basis with YAML 4
    • "YAML Builder" A tool for visual layout development of YAML based CSS layouts.
    • "YAML Debug" an assistive code diagnostic tool for web developers.

  6. #6
    Neuer Benutzer
    Registriert seit
    16.04.2012
    Beiträge
    5

    It seems OK to me too.

    Zitat Zitat von djesse Beitrag anzeigen
    Hi Peter,

    is there anything still wrong with your navigation? Looks correct.

    Dirk
    Thanks Dirk,

    No, it looks good to me too. I am gradually getting more acquainted with your good YAML code, which I am liking. Thanks so much.

    -- Peter

  7. #7
    Neuer Benutzer
    Registriert seit
    23.06.2013
    Beiträge
    16
    I have some problem !!!
    I used the jquery super fish menu... The menu is created.
    But when you move your mouse over the menu, you can not see the drop down...
    The code is ( from flexible-grid.html) :
    <div class="ym-hlist">
    <form class="ym-searchform">
    <input class="ym-searchbutton" type="submit" value="Search" />
    <input class="ym-searchfield" type="search" placeholder="Search..." />
    </form>
    <ul id="sample-menu-1" class="sf-menu sf-navbar">
    <li class="current"><a href="#a">menu item</a>
    <ul>
    <li><a href="#aa">menu item</a></li>
    ..............................
    <script>
    jQuery(document).ready(function() {
    jQuery('ul.sf-menu').superfish({
    pathClass: 'current'
    });
    });
    </script>

    I found that the <div class="ym-hlist"> prevents menu to be displayed !

    How can I fix it ?!

+ Antworten

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein