Skapa en dropdown meny kan man göra på olika vis och jag ska visa lite exempel

Tips 1 skapa en meny med senaste inlägg, kategorier...se bild nedan.

1. Börja med att gå in i dn kodmall och bläddra ner till  <div id="side">


2. Ta bort denna koden:


3. Kopiera denna koden:

Dropdown meny med tex dina kategorier


1. Kopiera denna koden:

<ul id="navbar"> <li><a href="#" mce_href="#"> Rubrik1 </a> <ul> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> </ul> </li> <li><a href="#" mce_href="#"> Rubrik2 </a> <ul> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> </ul> </li> <li><a href="#" mce_href="#"> Rubrik3 </a> <ul> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> </ul> </li> <li><a href="#" mce_href="#"> Rubrik4 </a> <ul> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> <li><a href="länk" mce_href="/922173/entries/article/new/länk"> Text</a> </li> </ul> </li> </ul>

2. Gå in i kodmallen och klistra in koden efter:

3. Kopiera denna koden och lägg den längst ner i stilmallen:
#navbar { margin: 0; padding: 0; height: 1em; } #navbar li { list-style: none; float: left; } /* Ändra till right om du vill ha menyn till höger istället*/ #navbar li a { display: block; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:0px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #cccccc; /*Ändra färgen på menyflikarna här*/ color: #000000; /*Ändra färgen på texten här*/ text-decoration: none; font-family: verdana; /*Ändra typsnittet här*/ font-size: 10px; } /*Ändra storleken på texten här*/ #navbar li ul { display: none; width: 11em; /* Ändra bredden på undermenyn här */ background-colo: #ffffff; } #navbar li:hover ul, #navbar li.hover ul { display: block; position: absolute; margin: 0; padding: 0; z-index: 1; } #navbar li:hover li, #navbar li.hover li { float: none; } #navbar li:hover li a, #navbar li.hover li a { background-color: #ffffff; /*Ändra färgen på undermenyn*/ /* opacitet for IE */ filter:alpha(opacity=90); /* opacity: 0.90; filter: alpha(opacity=90); */ /* opacitet CSS3 standard */ opacity:0.90; /* opacitet for Mozilla */ -moz-opacity:0.90; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; color: #696969; } /*ändra textfärgen på undermenyn här*/ #navbar li li a:hover { color: #ffffff; background-color: #898888; } /*Ändra färgen när man håller musen över undermenyn*/

Nu ska jag förklara hur man lägger in Rubrik och länkarna under

Exempel:
<li><a href="#"> Foto </a>

Många har länkbyten på sina bloggar, det är ju ett bra tips om man vill synas lite mer!

Alla som följer denna sidan får jätte gärna göra ett länkbyte och synas för mina ca 300 besökare/dag  gör så här:

1. Kopiera antingen bilden över eller printsc sidans framsidan och klistra in i ett inlägg och länka hit

2. Skriv sedan i detta inlägget att du har gjort detta, så läggs din länk till din blogg upp i detta inlägget (bildlänk)

Detta är bara en kul grej för att se hur många som vill vara med på detta :)

1. Skriv att du är med i detta inlägget
2. Lägg till sidan på bloglovin
3. Ett plus om du gillar sidan på Facebook
Klart!

Vinnaren dras den 2 Okt

---

1. Skriv att du är med i detta inlägget
2. Lägg till sidan på bloglovin
3. Ett plus om du gillar sidan på Facebook
Klart!

Vinnaren dras den 25 Sep

AVSLUTAD

---

Att ladda upp en bild i ett inlägg är mycket lätt.
1. Börja med att kolla hur bred rutan är som ni lägger in alla era inlägg, (content)
Gå in i stilmallen och bläddra ner till denna koden:


Står det så här får inte bilden du laddar upp vara mer änn 650px  bred

2. Klicka nu på skapa och nytt inlägg, klicka sedan på det som visas på bilden nedan.



3. Klicka på ladda upp din bild och välj sedan hur bred bilden ska vara, du vet nu vad den max får vara men klicka även på din bild och se hur bred den är i px är den tex: 243px ska du ställa in på 300px när du laddar upp.

Hoppas detta har hjälp er något.

VINNARE 1

VINNARE2

VINNARE 3

VINNARE 4

AVSLUTAD

Jätte kul att så många fort besöker sidan, uppdateringar kommer varje dag med ca 5 inlägg/dag!

För att inte missa något tips, följ gärna sidan med bloglovin :)

TIPS OM DU VILL HA FLER BESÖKARE KLICKA HÄR

1. Klicka på design och kodmallar

2. Hitta Entrybody, denna koden:

3. Vill man att Facebook gilla knappen hamnar innan det skriva inlägget, ska det se ut så här:

<div >

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:538px; height:30px"></iframe>

${EntryBody}</div>