Lägg till en sidomeny (design 7)


Det är ganska mycket man ska ändra på (förstora wrappern, lägga in en ny extrameny, positionera bakgrunden etc) så jag valde att göra version 2 av design nr 7. För att få en extrameny ska man alltså ladda ner designen.

KLICKA HÄR FÖR ATT LADDA NER DESIGNEN MED EXTRAMENY :)

» Hur redigerar man allt extramenyn?

Lägg först in den nya designen som vanligt.

1 ). Gå in på design > redigera stilmall

2 ). Leta upp (ctrl + f): extrameny

Så här ser det stycket ut (kodförklaring):
#extrameny {
float:left; <-- ändra ej*
padding:6px; <-- ändra ej*
margin-left:60px; <-- ändra ej*
width:150px; <-- ändra ej*
background:#ffffff; <-- bakgrundsfärg (lägg till url(länkadress) efter #ffffff om du vill ha bakgrundsbild)
color:#000000; <-- textfärg
font-family:tahoma,Verdana,Arial,Helvetica,sans-serif; <-- typsnitt
font-size:11px; <-- textstorlek
}

* om du vill ändra dessa fält > kontakta mig

3 ). Om man vill ändra på rubriken (Extrameny) redigerar du detta kodavsnitt i stilmallen:

.navheader {
font-family: Courier new, ”Times New Roman”, Times, serif; <-- typsnitt
font-size: 14px; <-- textstorlek
font-weight: normal; <-- tjocklek på texten
color: #000000; <-- textfärgen
padding:0px 0px 4px; <-- ändra ej
margin-bottom:0px; <-- ändra ej
text-transform: none; <-- om det ska vara stora/små bokstäver (none/uppercase)
}

4 ). Förhandsgranska och spara stilmallen!

» Hur lägger man in allt innehåll i extramenyn?

1 ). Gå in på design > kodmallar

2 ). Leta upp (ctrl + f): Extrameny

Byt ut: Extrameny till valfri rubrik i menyn, eller ta bort det (<div class="navheader">Extrameny</div>) om du inte vill ha en rubrik. Under den meningen finner du ”Här kan du lägga in valfritt, t ex olika ikoner (blogglovin ex), bilder m.m.”. Ta bort det och lägg in valfritt. Klicka här för att läsa om hur man lägger in bilder i en design.

3 ). Spara kodmallen och gör detta i alla kodmallar! (resterande inläggssida, kategorisida & arkivssida – scrolla i menyn ”Redigera:” på andra sidan ”Redigera kodmall” som ligger ovanför alla koder.)

Tescho

Jag föredrar att skriva i ljus - att uttrycka mig med hjälp av en kamera. När jag inte fotograferar på uppdrag av mig själv tar jag emot bokningar som fotograf via Formrikt. I och med att jag har en kärlek för DIY och formgivning kan det också komma att ta plats här på bloggen.

Du kanske också gillar

14 kommentarer

  • Becka
    17 november, 2009 at 21:34

    tack!
    nu ska jag bara klara att ordna det också! :)

  • Mir
    18 november, 2009 at 16:36

    gud, det där försökte jag med för någon vecka sedan men jag lyckades totalkvadda designen :P Iof gjorde jag nog inte direkt sådär men nu ska jag nog testa.
    Om jag får till det och behåller det, hur vill du ha din cred? Ett fett inlägg med en printscreen till din sida och ett byfåneleende från mig? ;)

  • Mir
    19 november, 2009 at 12:45

    Ja, ska ha de ti åtanke nu. Funderar på om jag ska ge mig på det idag eller vänta. Går det åt helskotta så går det åt helskotta och där har jag redan varit så det är ingen skada skedd.
    Funkar de tinte så får jag väl..gå bersärk på alla webdesignsidor jag hitatr på engelska och svenska tills jag lyckas trolla ihop något men SÅ svårt bör det inte vara. Titta, nu har jag skrivit en halv novell redan…
    ..och jag fortsätter bara för att det kliar så förbannat i fingrarna och jag inbilalr mig att desto mer det kliar i fingrarna, desto mer skriver jag och desto mer skrattar du och DET är vad som fått mina fingrar att klia från start, i swear. Något säger mig att jag gör allt så mycket svårare än vad det egentligen behöver vara, det finsn säkert något löjligt enkelt sätt att fixa det som jag vill i min blogg men jag missar det. Jag ahr nog fått kodstarr.

  • Jessica-tre killar och en tjej
    6 december, 2009 at 08:10

    Hejhej! Oj, TACK så mycket för du underlättade det så oerhört mycket.. Jag ska fixa det där ikväll eller imorgon så får vi se hur det blir.

  • Linda
    1 januari, 2010 at 21:04

    Hej!
    Hur ska man göra om man vill ha extramenyn åt vänster istället för höger då?
    Kram!

    Svar från Tescho: Svaret på frågan finner du här: [ länk ]

  • v
    27 januari, 2010 at 15:27

    hej hur gör man extra menyn bredare?

    Svar från Tescho: Svaret på frågan finner du här: [ länk ]

  • Jennifer
    22 juni, 2010 at 15:25

    Men hur lägger man in bilder i extramenyn ? ;)
    Tack på förhand ! // jjenniffer

    Svar från Tescho: Det finns info om det i inlägget ovan numera. Glöm inte bort att alla guider samlas under web design > besvarade frågor (guider).

  • Krisztina Csiki
    27 juni, 2010 at 13:51

    Hur gör man om man har sin egen design men vill lägga in en ”friliggande” bild i menyn? Hur ser kodavsnittet ut i kodmallen då?

    Svar från Tescho: Jag har skrivit om hur man lägger in en bild ovanför menyn men jag antar att du menar mitt i menyn? Då ska du antingen lägga in en bild som har ett mellanrum ovanför och nedanför bilden som är likadan som din bakgrund eller så får man avsluta sidomenyn och lägga in bilden därefter. Sidomenyn börjar vid ”side” i alla kodmallar.

  • Lotte
    11 januari, 2011 at 10:25

    Kan man ha både bredare blogg och extrameny? Hur gör man då?

  • Tescho
    Tescho
    11 januari, 2011 at 13:09

    Googlar eller spanar in mina guider ang b la hur stilmallen fungerar :)

  • Lina Green ♥☺
    1 november, 2012 at 16:51

    Det går inte ladda ner :(

  • karin
    30 november, 2012 at 11:56

    hur gör man detta i kodmallen?

LEAVE A COMMENT