sidomeny

Bloggdesign – Vanliga missar

Halloj,

Nu är det jag här igen som har en sista fråga inför kommande bloggdesign-kurs. Ett avsnitt kommer heta ”Vanligaste missarna” och jag skulle vilja veta om det är något mer än följande som du och andra har stött på/vill att jag ska gå igenom:

- Varför hamnar sidomenyn nedanför alla inlägg?
- Varför försvinner inte vita bakgrunden runt x?
- Varför tar min bakgrund slut/sitter fel?
- Varför ser jag inte ändringarna jag har gjort?

Tack på förhand mina hjärtan!

Bli först att gilla

Lägg in en inforuta i sidomenyn

Det är ganska svårt att förklara hur man ska göra såvida man inte har en bra grund. Därav knåpade jag ihop en stilmall som har boxar på vänster sida. Om du har blogg.se standardversion som kodmall kommer din profilbild samt beskrivning komma upp automatiskt längst upp i designen (det ändrar du under inställningar > profil).

Jag rekommenderar att du gör detta i en testblogg (skapa en ny blogg och testa designen i den innan du lägger in den i din vanliga blogg).

1 ). Kopiera stilmallen nedan och klistra in den under design > stilmall (glöm inte att ta bort allting som finns där sen tidigare).

2 ). Förhandsgranska stilmallen för att se hur resultatet blir.

3 ). Spara stilmallen. Nu kommer du ha en profilbild samt text längst upp i sidomenyn i en box :)

OBS! Om du vill lägga in egen information + text får man göra det manuellt i kodmallarna. Lägg in det under <div class="nav"> i varje kodmall.

1 person gillar artikeln

Lägg in senaste inlägg, kategorier, arkiv + länkar i menyn (design 7)

Först 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 sida.

1 ). Gå in på design > kodmallar och leta upp ”<div class="navheader">”
Tryck på ctrl + f och skriv in: <div class="navheader"> för att lättast hitta avsnittet.

OBS! På designen med menyer på vardera sida finns två st ”<div class="navheader">” (en för varje sidomeny). Den första du får fram är vänstra sidomenyn och den 2a du får fram är för den högra sidomenyn.

2 ). Efter <div class="nav"> står det en rubrik för sidomenyn (Extrameny eller Sidomeny 1 eller Sidomeny 2) och därefter finns ett </div>. Efter det (</div>) ska du lägga in följande kod:

3 ). Spara kodmallen och gör samma sak på resterande kodmallar (inläggssida, kategorisida & arkivsida).

4 ). När du har lagt in koderna (som finns på punkt nr 2) i alla kodmallar ska du ta bort dropmenyerna i headern. Gå in på design > kodmallar och leta upp: <div id="dropdown">

5 ). Du ska ta bort allting från <div id="dropdown"> till strax ovanför <div id="content"> (du ska lämna kvar ett </div> innan <div id="content">) Se hjälpbild: { länk }

6 ). Spara kodmallen när du har tagit bort det avsnittet och ta bort samma koder i resterande kodmallar.

Bli först att gilla

Lägg in fler boxar (design 15)

Denna guide visar hur man lägger in boxar ovanför senaste inlägg. Säg till om du vill ha boxarna på annat ställe så förklarar jag det.

1 ). Gå in på design > kodmallar

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

3 ). Kopiera koden nedan och klistra in den precis under nav (som jag visar på hjälpbilden nedanför koderna).

HJÄLPBILD:

4 ). Byt ut ”RUBRIK” mot det du vill ha som rubrik samt ”INNEHÅLL” till det innehåll du vill ha i boxen.

5 ).
Spara kodmallen och gör samma sak i resterande kodmallar.

Bli först att gilla

1 2 3 5  Till toppen