CMS Made Simple Forums

Posted: **Fri Apr 20, 2012 11:56 am**

Hallo allemaal,

Ik ben pas nieuw met CMSMS, en heb geprobeerd mijn eigen template in CMSMS te plaatsen, en dit is ook gelukt.

Echter werkt het menu niet precies hoe ik wil, hij gebruikt wel mijn eigen style zoals die in de stylsheet staat, maar ik krijg een bepaalde pagina niet active.

Kan iemand me hierbij helpen?

Ook heb ik al gekeken naar het menubeheer en ik denk dat ik daar wat moet aanpassen.

De codes voor mijn menu zijn:

Code: Select all

ul#menu

    { 
        font-family: Arial; 
        font-size: 13px; 
        color: #745e50; 
        font-weight: normal; 
        text-align: left;
        margin-left: 0px; 
        margin-top: 0px;
        background-color: #f8f6f3;        
        margin: 0px; 
        padding-left: 414.5px; 
        white-space: no-wrap;
        list-style: none; 
        
    }

ul#menu li 
    { 
        float: left; 
        height: 20px;
        white-space: no-wrap;
        list-style: none;
        

        
     } 
     
ul#menu li a 
    { 
        display: block; 
        overflow: hidden; 
        height:    21.5px; 
        margin-top: 25px;
        padding-top: 8.5px;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 10px;
        font-family: Arial; 
        color: #745e50; 
        font-size: 13px; 
        text-decoration: none; 
        font-weight: normal;
        white-space: no-wrap;
        list-style: none;
        margin-left: 0px;
        border-radius: 7px 7px 7px 7px;
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        border: 0px solid #800000;
        

    } 
     
ul#menu li a:hover, ul#menu li.active a, ul#menu li.active a:hover 
    { 
        margin-top: 25px;
        padding-top: 8.5px;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 10px;
        background-color: #fe690d;
        color: #ffffff; 
        height: 21.5px;
        white-space: no-wrap;
        list-style: none;
        
    }

Code: Select all

        <ul id="menu">
        <li class="active"><a href="index.shtml">Home</a></li>
        <li><a href="Wie_zijn_wij.shtml">Wie zijn wij</a></li>
        <li><a href="Diensten.shtml">Diensten</a></li>
        <li><a href="Prijzen.shtml">Prijzen</a></li>
        <li><a href="Portfolio.shtml">Portfolio</a></li>
        <li><a href="Contact.shtml">Contact</a></li>
        </ul>

Posted: **Fri Apr 20, 2012 3:50 pm**

de standaard menu-template gebruikt classname "menuactive" voor de huidige pagina. Ik zou je aanraden dat gewoon te gebruiken.

dit kun je trouwens heel makkelijk zelf uitvinden door de development tools van je internetbrowser te gebruiken (F12 of rechtermuis -> element inspecteren)

Posted: **Fri Apr 20, 2012 4:45 pm**

En wat is de standaard menu template?

Deze hoef ik dan niet meer te wijzigen? alleen in mijn eigen cms?

Posted: **Fri Apr 20, 2012 7:22 pm**

mcDavid wrote:de standaard menu-template gebruikt classname "menuactive" voor de huidige pagina. Ik zou je aanraden dat gewoon te gebruiken.

dit kun je trouwens heel makkelijk zelf uitvinden door de development tools van je internetbrowser te gebruiken (F12 of rechtermuis -> element inspecteren)

Oke het is opgelost, heb in mijn eigen stylsheet van active menuactive gemaakt en het was goed.

Posted: **Sat Apr 21, 2012 9:20 am**

Wil je dan nog even [opgelost] toevoegen voor de titel van het eerste bericht in dit topic?

Dank je!

CMS Made Simple Forums

[OPGELOST] Menu active zetten

[OPGELOST] Menu active zetten

Re: Menu active zetten

Re: Menu active zetten

Re: Menu active zetten

Re: Menu active zetten