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.)


Kommentarer ( 14 )

  • Becka säger:

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

    [Svara]

  • Mir säger:

    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? ;)

    [Svara]

  • Mir säger:

    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.

    [Svara]

  • Jessica-tre killar och en tjej säger:

    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.

    [Svara]

  • Linda säger:

    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 ]

    [Svara]

  • v säger:

    hej hur gör man extra menyn bredare?

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

    [Svara]

  • Tescho » Lägg in en profil (design 7) säger:

    [...] ). Nu ska vi klistra in det i kodmallen. Nu antar jag att man använder designen med en extrameny (denna). Leta upp (ctrl + f) extrameny och lägg in koden som du har kopierat direkt under <div [...]

  • Tescho » Lägg in senaste inlägg, kategorier, arkiv + länkar i menyn (design 7) säger:

    [...] rekommenderar jag att man använder den version av designen med en extrameny. Det går även att använda versionen med menyer på vardera [...]

  • Jennifer säger:

    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).

    [Svara]

  • Krisztina Csiki säger:

    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.

    [Svara]

  • Lotte säger:

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

    [Svara]

    Tescho svarar:

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

    [Svara]

  • Lina Green ♥☺ säger:

    Det går inte ladda ner :(

    [Svara]

  • karin säger:

    hur gör man detta i kodmallen?

    [Svara]

Kommentera