Ändra rubrikerna i menyn

Ändra rubrikerna i menyn

Efter att jag haft lite datorstrul, så kommer nu mitt andra tips för dagen, hur man ändrar rubrikerna i menyn.

Det jag kommer gå igenom är hur man ändrar typsnitt och färg på texten, samt hur du ändrar texten.

Alla rubrker förutom den som heter OM (högst upp) ändrar man i stilmallen, men OM ändrar man i kodmallar.

Men, vi börjar med stilmallen, dvs de andra rubrikerna.

Gå i in i din stilmall.

designa din blogg guide design blogga bakgrundsbild lägga in

Leta nu upp kodraden som ser ut så här:

.navheader {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
color: #ccff00;
margin-bottom: 3px;
}


Här kan du nu ändra lite olika saker och jag ska förklara vad varje rad betyder. Tänk på att kodraderna inte ser identiska ut som mitt exempel, utan det beror på vilken stilmall du använder dig av. Men det du ska leta efter är .navheader {

font-family – Här väljer du vilket typsnitt du ska använda. Du kan välja att bara ha ett, men om det inte finns på datorn som kikar på din blogg, så kommer det inte visas, så då kan det vara bra att sätta dit fler alternativ. Tänk då på att avskilja de olika med ett kommatecken.

font-size – Ställ in storleken på texten. Testa dig fram till den storlek du vill ha.

font-weight – Ska texten vara i fetstil så låter du det stå bold, annars ändrar du till normal.

color – Här väljer du vilken färg du ska använda.
Här hittar du en färgkarta.

margin-bottom – Hur stort ska avståndet vara ner till nästa rad, testa dig fram till en lagom storlek.

Nu är det bara att ändra och ha dig, så att allt ser ut som du vill.

När du är klar, så klickar du på spara.

Nu har vi bara en sak kvar att göra när det gäller utseendet, nämligen det lilla ordet OM.

Gå in i dina kodmallar.

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

Leta nu reda på den kodrad som ser ut så här:

<h4>OM</h4>

Gör som så att du byter ut den raden mot <div class="navheader">OM</div> Här kan du självklart ändra texten OM till något annat, om du vill det.

Sedan är det bara att leta dig neråt i koden, efter de andra orden som finns i menyn. När du hittar ett, så är det bara att ändra ordet till vad du vill. Koden ser ut på samma sätt som du nyss ändrade till.
<div class="navheader">Här står respektive ord som du kan byta ut om du vill</div>

Nu har du lärt dig hur man ändrar rubrikerna i menyn. Hur man ändrar länkarna i menyn, hittar du i det här inlägget.

test test

Grundare av Designa Din Blogg. Driver den här sidan som ett hobbyprojekt när jag inte jobbar, är pappa till Ludvig och make till Elin.

Läs mina andra inlägg

92 kommentarer

  1. SvaraShaya

    Hej! Tack för all hjälp! Utan Designadinblogg skulle min blogg vara ett katastrof!..
    Men jag har en fråga! Hur ändrar man menyns storlek? Då menar jag hela menyn.
    Tacksam för svar!

  2. SvaraVicky

    Under rubrikerna i min meny är ju en massa länkar osv mina är blåa ooch lila jätte konstigt. Jag vill ha dem också svarta som mina rubtiker men jag vet inte hur man gör.? Tacksam för svar

      1. Olivia

        Jag hade också det problemet men nu vet jag!
        1. gå in på stilmall. 
        2. rulla ner till dethär: 

        .nav a { color: #000000; }.nav a:hover { color: #333; } 

        och välj sen din färg på översta raden! 

      2. Olivia

        Rulla ner till dethär och skriv sen vilken färg du vill ha på översta raden. 

        .nav a { color: #000000; }.nav a:hover { color: #333; } 

      3. Olivia

        Koderna är två rader på riktigt men nu när jag kopierade så sattes dom ihop, 
        bara så du vet ;) Så det ska vara såhär: 

         .nav a blablabla…
        . nav a:hover blablabla…

      4. rumoaa

        Men om man inte har .nav a { color: #000000; }.nav a:hover { color: #333; } i sin stilmall vad gör man då:S?

    1. SvaraLouise ;)

      gå in på ”blogg ” sen trycker du på dina inlägg, lite längre därifrån finns de en grej som heter ”länkar” tryck på den och där är dom länkarna som du har på din blogg, om du vill ha bort dom kan du bocka i dom och sen lite längre ner står det ” ta bort markerade” så om du inte vill ha dom trycker du på den knappen efter att du har bockat i dom du inte vill ha .
      hehe jag är inte sååå bra på att förklara men hoppas de hjälpte !
      kramar !

    1. Svaraamelie

      jag vill också veta det ! skulle verkligen behövas ! sen undrar jag om någon vet hur jag kan få bort dom där svarta prickarna som sitter framför mina länkar och t.ex kategorier m.m i menyn .. ?

  3. Svaralois

    Hej! d<u har fått många kommentarer som : " den andra designen var bättre" jag hittade mer på den andra designen" , FEL FEL FEL!!! denna designen är HELT KLART BÄTTRE!!! <3

      1. Victoria

        Det vet jag. Den här raden är det!

        .nav a {
        color: #000000;
        text-decoration:none;
        font-family: verdana, arial, sans-serif;
        font-size: 13px;
        }

        Om ni har svårt att hitta den så leta upp ”/** Post’s body text **/
        .entrybody {” Så finns den ungefär ovanför! Hoppas ni fick svar på det ni ville :)

    1. Svarakimmie

      om du inte vet än, så tror jag att man ändrar det här i stilmallen:

      .nav a { color: #000000; }     
      leta upp det och där ändrar du färg på dendär texten i menyn, för de var väl det du menade? :)

  4. Svarasara

    Jag behöver hjälp!
    Om du går in på min blogg ser ni att nästan hela min meny är under hela bloggen, från ”Sök i bloggen” och upp är allt bra men sen hamnar allt längst ner på sidan, vad ska jag göra??

  5. SvaraJenny

    Men hur ändrar man färg på texten som är under t.ex. ”Arkiv”? Alltså månaderna och så… Jag hittar inte det stycket..

    Det går juinte heller att skriva på den här kommntarsrutan, den ladr om hel tde så det blir såhär! Varör ändrade du esignen, Lari? Den var bättre förr.. :/

  6. SvaraSandra

    Hejsan! Som alla andra säger så utan den här sidan vore min blogg en katastrof. Visserligen är den det ändå, men det vore värre. Jag har tidigare tagit bort Kategorilistan i min meny och vill nu ha tillbaka den! Hur gör jag?? Tacksam för hjälp!

  7. SvaraBorgshammar

    Hejsan!
    Jag har precis startat upp en ny blogg och tänkte att jag ska fixa klart designen helt innan jag börjar blogga. 
    Jag vet inte om jag är blind eller så men jag hittar inte ett inlägg där man kan få lite tips på hur man ändrar på sakerna under rubrikerna i menyn. 
    Tillexempel, där man ser inläggen man gjort så just nu har jag det understruket men jag skulle vilja ta bort det.
    Tacksam om någon skulle vilja hjälpa mig :)
    Kram

  8. SvaraMickis

    Mina rubriker i menyn är vita på vit bakrundm och jag försöker fixa det. jag har ändrat color till FFCDCD men det är fortfarande vitt! Någon som kan hjälpa mig?:)

  9. Svaranelly ronnstam

    Mina rubriker försvann, vad kan det bero på?
    Jag ändrade dem nyss på en Mac-dator, och då funkade de. Men när jag kom hem och öppnade upp min blogg på min PC så var rubrikerna borta :( Tillfälligt fel?

  10. SvaraClara

    hej och tack för en riktigt bra blogg! Läser alltid denna när jag får problem med någonting! Just nu har jag ett litet problem.. Jag lyckades ändra färgen på rubrikerna i menyn, men då ändrades också rubrikerna i inläggen. Eftersom att min bloggbakgrund är vit så gjorde det att inläggsrubrikerna inte syntes :( Så min fråga är helt enkelt hur man gör för att endast byta färgen på rubrikerna i menyn? Det vore jättesnällt om du kunde svara med en kommentar i min blogg! :)

  11. SvaraElina

    Hej hej! Jag har börjat designa min blogg, nöjd hittills! :) Men det är en sak… I menyn, om man ska skriva ex. `Nu ska jag berätta vad som hände…´ så blir det såhär:

    `Nu

    ska

    jag

    berätta

    vad

    som

    hände…´

    För varje mellanslag man tar hoppar orden ner, om man nu säger så… Hur ska jag fixa så allt blir på rad? Vore jätte tacksam för svar! Ha det bra :)

  12. SvaraJessica

    Jag har andra texter jag skulle vilja lägga in i min meny. Så som Senaste inlägg, arkiv, länkar osv.. Hur gör jag? Mycket tacksam för svar.. Hittar inget om det nämligen.

  13. Svarasiri

    hej! jag har ett problem med länkarna under rubriken i menyn. dom är blå i stället för svarta och jag vet inte hur jag ska ändra det. det står ingenting om det. Jag har inte nav a { color: #000000; }.nav a:hover { color: #333; } i min stilmall. vad gör jag då?

  14. SvaraMaria

    Dem små texterna under rubrikerna i menyn, hur gör man så att linjen under texten går bort? Dem texterna är understryckna och hur tar man bort linjen?

    1. Svaraemma

      Har samma problem! :( Försökt med att få bort understruket i flera månader nu. Väldigt störande.
      Det funkar inte genom att lägga till text-decoration: none;

      Kan det ha med stilmallen att göra?


      1. Author
        Lari

        Leta upp din stilmall och hitta detta:

        a {
        color: #999999;
        }
        a:hover {color: #80FF9F;}
        

        Ersätt det med:

        a {
        color: #999999;
        text-decoration: none;
        }
        a:hover {color: #80FF9F;
        text-decoration: none;}
        
  15. SvaraEvelina

    KAN NÅGON BARA SKRIVA HUR MAN GÖR:

    Hur ändrar man på texten under rubrikerna UNDER MENYN?!? Blir galen för jag har kunnat det förut men nu fattar jag inte hur jag kunnat hittat det, plus det finns inte på den här bloggen?!?
    snälla hjälp

  16. SvaraEllen

    När man går på min inläggsida så finns inte ”Sök i rutan”, ”länkar” och ”Senaste inläggen”. Dessutom så kommer bara en utav mina fem kategorier upp i själva bloggen. HJÄLP MIG SNÄLLA, annars har din blogg hjälpt mej jättemkt! :D

    1. Svaraelimas.blogg.se

      Hade också det problemet förut men för att fixa att ”senaste inlägg” o.s.v kommer upp i din inläggssida måste du lägga till det i din kodmall. Kodavsnittet finns antagligen inte i ”inläggssida” kodmallen. Det finns en scroll högst upp i högra hörnet om du går in på din kodmall. Välj då inläggsida och klistra in ”senaste inlägg” avsnittet. Du borde hitta det i en annan av kodmallarna. Förlåt att jag suger på att förklara men jag kan inte allt det här så bra själv. Angående din andra fråga måste du skriva ett inlägg i kategorin för att kategorin ska synas på bloggen. Förlåt om jag bara förvirrade dig ytterliggare, ha en fin kväll iallafall!

  17. SvaraElla-Maria

    Orden i menyn är bara som jag vill när man är inne på ett speciellt inlägg men när man är på startsidan är det precis som vanligt! Varför gör det så? Det är sjukt störade! Jag skulle bli jätteglad om jag fick svar på det!

  18. SvaraIda

    Hej! Tack för en bra blogg, har haft stor användning för den :)
    Men nu har jag stött på ett problem jag verkligen inte klarar att lösa, har letat igenom överallt och försökt alla möjliga trix.

    Jag hade lila färg på rubrikerna i menyn men nu har dom blivit svart även om koden i ”redigera stilmallar” är helt rätt. Vad är det jag har lyckas ändra som jag inte vet om själv? Snälla hjälp mig.

  19. SvaraElin

    Hej! Jag tackar också för den här bloggen som hjälpt mig massa :) i min meny vill jag ha rubrikerna i en stil och storlek och den övriga texten i menyn i annan stil och storlek, men jag får det verkligen inte att funka. Antingen blir det det ena eller det andra. Skulle vara jätte tacksam för hjälp :)

  20. SvaraMichaela :)

    Jag har en fråga! 
    Jag vill ändra hela menyn, dvs inte bara rubrikerna utan all text… Alla inlägg, allt! hur gör jag det? Jag hittar det inte någonstans.. Tacksam för svar! 
    Kramis

  21. Svarajennpenn

    hejhej! jag skulle jätte gärna vela ha hjälp med en sak. jag har små svarta prickar framför allt i min menyrad. gå in på min blogg om ni inte förstår ( http://elftejanuari.blogg.se ) och jag vill verkligen ha bort dom. eller flytta dom så dom är innanför de vita spalterna.
    kram och tack på förhand!

  22. Svaracathy

    det försvinner saker i min meny när jag gjorde det och jag har inte fått tillbaka det ? får panik, vad ska jag göra :o
    eller är det bara min dator som har damp, åh!

    1. SvaraFelix

      Julia – Du ändra på det som står efter ”font-family” i denna kod:

      /** Entry headers **/
      h3 {
      font-family: Courier New;
      font-size: 25px;
      font-weight: normal;
      color: #404040;
      background: #ffffff;
      border-bottom: 1px line #A020F0;
      margin-top: 30px;
      margin-bottom: 4px;
      text-align: left;
      padding-left: 4px;
      }
      
  23. SvaraEmma

    Jag får psykbryt! Har velat flytta över menyn till höger istället för vänster. Jag har ändrat ”side” från left till right, jag har flyttat ”content” så menyn ska få plats på höger sida och ökat ”wrapper” men ändå så hamnar menyn längst ner på bloggen, eller under inläggen på vänster sida ändå! Vad gör jag för fel?!

  24. SvaraLina

    Hej!
    Jag har ett problem på min blogg som jag inte har kunnat lösa under den tiden jag har haft den. I menyn under Senaste inläggen, kategorier, arkiv och det där där står vad jag har för kategorier, vad mina senaste inlägg heter mm så är texten turkos! Jag har försökt få den svart men det går inte…samt hur ändrar jag texten där så jag får samma typsnitt som jag har i rubrikerna?

  25. SvaraSanna

    hej , jag vill ändra storleken på texten under rubrikerna i menyn som t.ex. kategorierna jag har, det är jätte smått..hjälp!!

  26. SvaraEmelie

    SNÄLLA HJÄLP MIG!

    Rubrikerna i menyn hur får jag dom större?
    i min stillmall ser koden ut så här

    h1,h3,h4,h5,h6, div.navheader, div.default {
    font-family: Arial, ‘Segoe ui’, sans-serif;
    color: #222;
    }
    div#side h3 div.navheader {
    color: #666;
    }

    kan bara ändra färg och typsnitt
    HJÄLP!!

    1. SvaraFelix

      Det är bättre om du delar upp dem och inte ger alla samma storlek. Prova denna kod:

      h1 {
      font-size:1.5em;
      }
      h2 {
      font-size:1.4em;
      }
      h3 {
      font-size:1.3em;
      }
      h4 {
      font-size:1.2em;
      }
      h5 {
      font-size:1.1em;
      }
      h6 {
      font-size:1em;
      }
      
  27. SvaraVictoria

    Hej, asså jag undrar om man kan få ett hjärta framför varje ord på menyn. Så det blir

    ”Senaste inlägg”

    ♥Blablablabla
    ♥Blabklabla”

    På alla! Funkar det? Hittade det på smygtittaren på dom designerna man måste ha pro till. Hur fixar man det? Tacksam för svar :)

  28. SvaraGabriella

    Hej! :) Jag undrar hur man ändrar texten på rubrikerna i menyn! T.ex om det står ‘Länkar’ så vill jag ändra det till ‘Links’. Någon som har en aning om hur man gör? Tacksam för svar!!

  29. SvaraMadelene Borg

    Hej!
    Sitter här och försöker fixa färgen på kategorierna t.ex ”bilder” ”vardag”. Dom är inte gråa som jag vill.. Jag har ändrat i

    .nav a { color: #6A6B67; text-decoration: none; font-weight: normal;}
    .nav a:hover { color:#6A6B67; text-decoration: none; -o-transition: all 0.7s ease-out 0s;
    -webkit-transition: all 0.7s ease-out 0s;
    -moz-transition: all 0.7s ease-out 0s; }

    men det blir inte grått/svart i alla fall! Jag förstår inte..

    Sedan har jag lyckats sätta ihop alla kategorier. Så det är inte en på varje rad utan mer som en text med mellanrum. Någon som vet hur man ändrar det??

    Om ni inte förstår titta in http://madeleneborg.blogg.se spalten till höger.

    Tack!

    1. SvaraSanna Preifelt

      Tyvärr sedan blogg.se’s syntax ändrades så ser många olika ut och styrs av olika element, gentemot innan när det var samma i alla. I ditt fall är det h2 som styr rubrikmenyerna :)

  30. Svaraerica

    Hej, kan du hjälpa mig? varför syns inte min meny när jag kollar på min blogg via iphone? HJÄLP. ericaandersson.blogg.se

  31. SvaraAnnicka

    Hej!
    Jag har ett littet problem. Jag delade upp min meny igår och då såg det bra ut men när jag idag skulle sätta mig för att fixa lite med annat såg jag att det är ett stort glapp innan ”senaste inläggen”. Jag har försökt fixa det med att pilla med margin-bottom i .box regeln. Har även testat att ändra till margin-top och att ta bort margin helt och hållet, men inget funkade. Jag kollade i kodmallarna om det var något problem med en för mycket eller så men jag kan inte se något konstigt där. Alla de andra boxarna beter sig normalt men senaste inlägg vill bara inte. Har haft lite problem innan med att boxarna har hoppat ner och laggt sig under content, kan det vara så att jag inte fixade det korrekt och att det skapar problem nu?

    Tack på förhand! :)

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

OBS! Om du skall skriva kod måste du göra på följande sätt: [code]Din kod här[/code]

Current ye@r *