wordpress visitor

Byt ut rubrikerna i menyn till egna bilder

Tillhör kategori [ Bilder & bakgrunder ]

Om du vill piffa upp din meny lite extra, så kan du byta ut rubrikerna till egna bilder istället.

bloggdesign designa din blogg blogghjälp designhjälp bild rubrik

Gör så här:

1. Ladda upp bilderna som du vill använda på din blogg, spara adressen med.

2. Gå in i dina kodmallar.

bloggdesign designa din blogg ändra namn på länkar

3. Nu visar jag bara hur du ändrar på en av rubrikerna, sen så ska du nog kunna klura ut hur man gör med de andra.
Leta upp kodraden som ser ut så här:

<div class="navheader">Arkiv</div>

bloggdesign designa din blogg blogghjälp designhjälp bild rubrik

4. Radera den koden och ersätt den med följande kod:

Där det står adressen till din bild ska du lägga in just adressen till din bild som du ska ha på den rubriken.

5. Byt nu ut resten av rubrikerna med på samma sätt, fast med en annan bild.

6. Glöm inte bort att du måste göra samma sak på de andra kodmallarna med, dock så finns inte alla rubriker med på alla kodmallar, så du får kika vilka som finns med.

Related Posts Plugin for WordPress, Blogger...

Lari

Grundare av Designa Din Blogg. Jobbar heltid som brandman på Medelpads Räddningstjänstförbund och driver den här sidan på fritiden som en hobby.

Website - More Posts

Du kan följa eventuell respons via RSS 2.0. Du kan skriva en kommentar, eller trackback från din egen sida.
Om du vill ha hjälp med din bloggdesign, och väljer att skriva en kommentar här, så MÅSTE DU ANGE DIN BLOGGADRESS!.
Helst av allt ser vi att ni skriver vad ni har för problem inne på Forumet istället, det är bara att registrera sig och där kan du räkna med att få en bättre hjälp.

42 kommentarer på “Byt ut rubrikerna i menyn till egna bilder”

  1. sara skriver:

    vilken storlek ska man ha på bilderna ??

  2. Emely skriver:

    Kan man ta bort det där strecket mellan menyn och inläggen? I så fall, hur?

  3. TACK så jätte mycket!!!
    har undrat över detta länge! :)
    TACK, TACK, TACK :D

  4. Ella 'vampie' skriver:

    Det h’r var till stor nytta! x3

  5. Lena skriver:

    Tack! nu tog min blogg ett steg närmare till att bli personlig! =w=” (lät lite skumt men aja.. ^^”)

  6. Sarah skriver:

    hej! :) jo jag tänkte bara fråga om man kunde byta ut ” sök i bloggen” på samma sätt ? :) eller går det inte och göra det? Jag testade och det verkade lite halvskumt :p
    tacksam för svar, och väldigt användbar sida! 10 av 10 poäng! :)

  7. Sofie skriver:

    Snällasnällasnälla. Någon som vet hur man delar upp menyn i olika delar? Så att man har senaste inläggen i en ruta, arkiv i en ruta osv.. pössokram :)

  8. Nun skriver:

    Hej! Mina bilder syns inte, vad ska jag göra ? :( Jag gör exakt som det står med det syns ingen bild. Jag har dom i storlek 100px! Tacksam för svar. Väldigt bra sida du har (:

  9. ellinor skriver:

    hejsan. När jag ska ladda upp bilderna står det att det är fel bildformat, jag har dom i jpg. Och gjort dom i paint, vad är felet?

  10. Mariell skriver:

    Åh, tack! Precis vad jag letade efter och det fungerade perfekt :)

  11. Isabelle skriver:

    För mig hamnar bilden utanför texten i menyn. Hur får man den precis i kant med menytexten?:-)

  12. hej, jag har en fråga ang menyn!
    jag skulle gärna vilja ha mellanrum mellen t.ex. ”senaste inlägg” & ”kategori”. så att man ser min bakrund (alltså den som är bakom hela bloggen!) så det blir som små rutor ungefär! :D
    hänger du med på vad jag menar? :)
    inte expert på att förklara saker & ting.
    tacksam för svar! :D
    ha det bra!

    • linn' skriver:

      Hej Josefine!
      Gå in i din stilmall och leta upp avsnittet som heter

       #wrapper { 

      , där ska du hitta en rad som heter ”backround-color:” , just nu ska det stå t.e.x. ”#FFFFFF; där, men det kan likagärna vara någon annan färgkod där. Nu ska du radera hela den raden med:
      backround-color: url (samma adress till bilden som du har som bakgrund);
      Är ursuel på att förklara men hoppas du fattade iallafall, annars kan du ju bara svara på min kommentar om det är något du undrar om det. Hoppas du lyckas, kram :)

      • linn' skriver:

        Oj, skrev lite fel.. menade att du ska byta ut raden mot:
        backround-color: url (samma adress som till din bakgrundsbild);
        Hehe :D

  13. Denise skriver:

    Jag undrar om man kan ta bort ”sök i bloggen” helt. ?? går det? :)

  14. Denise skriver:

    Jag får damp. Varför går det inte att byta profilbild i bloggen för?! :o

  15. cornelia skriver:

    hur ändrar man så att det blir en egen bild i din rubrik i inlägget, ? :)

  16. johanna skriver:

    vilken storlek ska man göra bilden i?:D

  17. Hanna skriver:

    TACK!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! :D :D:D:D:D:D

  18. Nina skriver:

    När jag ska ersätta ”senaste inläggen” med en bild så kommer det bara upp en ruta med ett rött kryss i.. o länken är borta. Har gjort samma i alla kodmallarna, men det händer inget. Vad ska jag göra?? Den är i jpeg format.

  19. Johanna skriver:

    tack så mycket! perfekt.

  20. jessica wallin skriver:

    hej, jag har en fråga!
    i menyn står de ‘OM’ sen en bild på mej (eller på den som har bloggen) .sen står ens namn o jag undrar hur man gör namnet större? behöver hjälp!
    fort!!

  21. madde skriver:

    jag förstår inte! 

  22. Sofie skriver:

    kan man ändra till en bild på inläggs sidan där det står Tillbaka till bloggenstartsida? :D

  23. Hulda skriver:

    hej , nån som har nåt tips på vart man kan göra själva bilden med texten på? :D
    asså , vilket program som har snygga textsnitt och sånt , you know ;)

  24. Gloria skriver:

    hulda< sök på google: cooltext. 

  25. Simon skriver:

    Hmm, jag testade att göra detta med senast i bloggen, och det blev helt ok. Men när jag skulle göra det i mina egna boxar så blev det under rubriken jätte mke större… :(

    Vad gör jag för fel ??

  26. louisa skriver:

    men hallå!? det går inte att ladda upp bilderna och du skriver ju inte ens vilka pixlar bilderna ska ha
    när man gör dom!!! på mig funkar det inte.Enligt mig tycker jag att du inte förklarade bra på detta inlägget:( jag som ville ha en egen bild!!! :( jag blir bara såå besviken när sådant händer (!!) åhh!

  27. Nicole skriver:

    Omg, tack för all underbar hjälp! :)

Lämna en kommentar

Om du vill skriva kod i en kommentar, så måste du skriva koden mellan [xml] och [/xml] annars syns inte koden.
Exempel:
[xml]
<font face="verdana"></font>
[/xml]


Om du vill ha designhjälp, glöm inte bort att ange din bloggadress så vi kan kolla dina koder!

Page optimized by WP Minify WordPress Plugin