Design-tips #3

 PERSONLIG MENY!
 
Hej på er! Nu tänkte jag visa hur man gör en "personlig meny"! Se bild nedan:
1.Börja med att gå in i din kodmall och ta bort:
2.Istället för koden du nyss tog bort, klistrar du in denna koden på samma ställe:

<div class="navheader">Rubrik 1</div>
<ul>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
</ul>

<div class="navheader">Rubrik 2</div>
<ul>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
</ul>


3. Såhär ändrar du:

"Rubrik 1" = Här ska det stå underrubriken. (T.ex. foto)
"Namn" = Här ska det stå kategorins namn. (T.ex. foto → natur)
"Länk till kategorisida" = Länk till kategorisidan.
(Bilden där nere visar hur du kommer till kategorisidan) ↓

4.Spara sedan kodmallen och gör sedan likadant i alla kodmallar.

-Om du vill ha fler rubriker gör du såhär:

 

<div>Rubrik 1</div>
<ul>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
</ul>

<div>Rubrik 2</div>
<ul>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
</ul>

<div>Rubrik 3</div>
<ul>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
</ul>

 

KLART! Det är väldigt svårt att förklara..så säg till om ni inte förstod!


Kommentarer
Postat av: angelica

bra tips! :D

2013-03-14 @ 13:45:13
URL: http://angelicabengtsson.blogg.se

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback

RSS 2.0