We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 3991
    • 6 Posts
    Ik wil mijn mijn menu CSS combineren met Wayfinder alleen ik kom er niet goed uit...

    Dit is mijn menu in HTML:

    <ul id="menu">
    <li><a href="?show=home">Home</a></li>
    <li><a href="?show=aboutus">About us</a></li>
    <li><a href="?show=collection">Collection</a></li>
    <li><a href="?show=gallery">Gallery</a></li>
    <li><a href="?show=classifieds">Classifieds</a></li>
    <li><a href="?show=links">Links</a></li>
    <li><a href="?show=contact">Contact</a></li>
    </ul>

    Dit is de CSS:

    ul#menu {
    margin: 0px;
    padding: 0px;
    width: 125px;

    }
    ul#menu li {
    list-style: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #3B4127;
    font-size: 16px;
    text-align: left;
    margin: 0;
    }
    ul#menu li a {
    color: #000;
    text-decoration: none;
    display: block;
    padding-left: 2px
    }
    ul#menu li a:hover {
    color: #FFF;
    background-color: #3B4127;
    }
    ul#menu li a:active {
    color: #FFF;
    background-color: #3B4127;
    }

    Hoe kan ik mijn Wayfinder Call aanpassen om ook mijn CSS goed te kunnen gebruiken...

    Dit is mijn Call:

    [[Wayfinder? &startId=`0` &level=`1`]]

    Groeten,

    Bram
      • 8489
      • 90 Posts
      http://www.muddydogpaws.com/development/wayfinder/parameters.html

      [[Wayfinder? &outerTpl=`Menu-ul` &rowTpl=`Menu-Li` &startId=`0` &level=`1`]]

      1x chunk aanmaken Menu-ul:

      <ul id="menu"[+wf.classes+]>
      [+wf.wrapper+]
      </ul>

      1x chunk aanmaken Menu-li:

      <li[+wf.classes+][+wf.attributes+]><a href="[+wf.link+]"[+wf.classes+]>[+wf.linktext+]</a>[+wf.wrapper+]</li>