Egna justeringar

I listmenyn finns inte alternativet Egen mall för att göra egna justeringar. Vill man förändra något i denna modul så gör man det genom att lägga till egen css.

Börja med att avmarkera kryssrutan Använd dessa utseendeinställningar.

För att veta vilka klassnamn osv som skall refereras till så kan man avmarkera rutan Använd dessa utseendeinställningar och titta i källkoden vad som används. Det finns tex

ul<nivå> - klassnamn listan
li<nivå> - klassnamn listelement
a<nivå> -klassnamn länk
current - aktuell sida

För nivåerna används 0 för första nivån, 1 på andra nivån, 2 på tredje nivån osv.

<ul class="ul0">
   <li class="li0">
      <a class="a0">
         Alternativ 1
      </a>
   </li>
   <li class="li0">
      <a class="a0">
         Alternativ 2
      </a>
      <ul class="ul1">
         <li class="li0">
            <a class="a0">
               Underalternativ 1
            </a>
         </li>
      </ul>
   </li>
</ul>

Exempel på hur källkoden kan se ut

Sedan kan man lägga till css på två olika sätt:

.ul0, .ul1, .ul2 {
list-style-type: none;
font-family: verdana;
font-size: 100%;
padding: 0;
margin: 0;
}

.ul1, .ul2 {
padding-left: 0.5em;
}

.li0 {
border-bottom: 1px solid #000000;
padding-top: 5px;
padding-bottom: 5px;
}

.current {
font-weight: bold;
}

.ul0 a:link {
text-decoration: none;
}

.ul0 a:hover {
background-color: #eeeeee;
text-decoration: underline;
}

Exempel på hur man kan skriva egen css som motsvarar menyn nedan

Sidan uppdaterad: 2010-08-12

Listmeny

Nästa generations publiceringsverktyg är här!

Egna justeringar

Läs mer om SiteVision 4