PERSONLIG MENY
PERSONLIG MENY
Hur skapar en personlig meny
Hur skapar en personlig meny
Gå in i dina kodmallar:
Leta upp koden som ser ut så här:
<div class= "nav">
Det är nedanför denna kod som du ska skapa din meny nu.
Lägg in följande kod:
<div>Din rubrik</div><br />
Byt ut Din rubrik mot namnet på den rubriken du vill använda.
Om du vill ha längre avstånd neråt, så lägger du till <br />
Klicka på den kategori du vill länka till, kopiera adressen.
Lägg in länkarna där du vill ha dom i din meny, genom att kopiera följande kod:
<a href="länkadressen">Den klickbara länken</a>
Där det står Länkadressen, lägger du in adressen som du kopierade.
Där det står Den klickbara länken, där ska du ha själv länken som man ska klicka på.
Om du skulle vilja ha en bild framför din länkadress/kategori, så skriver du så här istället:
<img src="Adressen till din bild"> <a href="länkadressen">Den klickbara länken</a>
LYCKA TILL!!
BOXAR UTAN BILDER I MENYN
BOXAR UTAN BILDER I MENYN
Jag fick en förfrågan om hur man gör boxar i menyn utan bilder.
Så som jag har på jennysmodemix.se
Så som jag har på jennysmodemix.se
SKAPA BOXAR
1. Lägg till koden som finns här under, under #side i din stilmall.
#box {
width: 175px;
padding: 5px 5px 5px 5px;
background: #FFFFFF;
}
SÅ DET SER UT SÅ HÄR:
#side {
text-align: center;
position: absolute;
float:left;
width: 175px;
}
#box {
width: 175px;
padding: 5px 5px 5px 5px;
background: #FFFFFF;
}
2. Ta bort background i #side.
Den behövs inte därför att du redan har background i boxkoden.
Ta alltså bort background: #FFFFFF;
#side {
text-align: center;
position: absolute;
float:left;
background: #FFFFFF; <-----TA BORT
width: 175px;
}
3. Nu ska du börja koda i kodmallen (framsidan)
Du lägger in denna koden under <div id="side"> i kodmallen för att få boxarna vid menyn.
Först så kopierar du det här:
<div id="box">
SKRIV DET INNEHÅLL SOM DU VILL HA
</div>
MIN SER UT SÅ HÄR:
<div id="box">
<div>SENASTE INLÄGGEN</div>
<ul>
<tag:recentlist limit="10">
<div align="left"> <li><img src="http://jennysmodemix.se/images/2009/icon_heart_pink__65662424.gif"><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul></div><br />
Sen ska du ju få mellanrum för att det ska bli som det heter "uppdelad meny" och det gör du med hjälp av koden <br />.
Desto fler <br /> desto större mellanrum.
4. Nu ligger säkert inte allt exakt rätt. Då ändrar du bara i stilmallen.
Du får ändra till din widht du vill ha och hur mycket padding du vill ha.
