När man ska ändra färg, typsnitt, bakgrund, storlek och en massa annat så är tillvägagångssättet ganska snarlikt oavsett var och vad det är man ska ändra. Det handlar mest om att ändra på rätt ställe. Så för att hitta rätt i stilmallen kommer här nu en genomgång av vad de olika delarna i den står för. Jag går igenom delarna allteftersom de dyker upp i stilmallen.


#wrapper - Wrappern är det som omsluter menyn, headern och där inläggen kommer, d.v.s. hela bloggen (ej bakgrunden). Wrapper = hölje/omslag.
#header - Headern helt enkelt. Header = rubrik.
#side - Den del vid sidan av inläggen, oftast använd som meny. Här styr man t.ex. om den ska vara till höger eller vänster om inläggen.
#content - Delen där alla inläggen kommer. Content = innehåll.
#header a - Headerlänken som länkar till startsidan.

h1
- Om man har text istället för en bildheader (eller ovanpå den) så är det här man ändrar stilen för den texten.
h2 - Bloggbeskrivningen som dyker upp under headern.
h3 - Inläggsrubriker.

.navheader - Rubrikerna i menyn, såsom 'kategorier', 'senaste inläggen', 'sök'.
.nav - All text som förekommer i menyn som inte är rubriker eller länkar eftersom de har egna inställningar.
.nav ul - Den lista som länkarna i menyn kommer i. Här behöver man oftast inte bry sig om att ändra något.
.nav li - Samma som ovan.
.nav a - Länkarna i menyn, t.ex. de under 'senaste inläggen'.
.nav a:hover
- Hur länkarna ser ut när muspekaren är över dem.

.entrybody - Texten i inläggen. Entry = inlägg, body = kropp.
.entrymeta - Texten som är längst ner i inläggen där det bl.a. brukar stå 'kommentarer (0)', 'trackbacks (0)' och datumet för då nlägget skrevs.
.entrymeta a - Hur länkarna (kommentarer, trackbacks o.s.v.) längst ner i inläggen ska se ut.
.entrymeta a:hover - Hur länkarna längst ner i inläggen ska se ut när muspekaren är över dem.

.commentheader - Där det står 'Postat av: ...' bland kommentarerna.
.commenttext - Texten i själva kommentaren som någon skrivit.
.commentmeta - Texten längst ner i kommentaren där datum då kommentaret skrevs och URL brukar stå.
.commentmeta a - Länkar i texten längst ner i kommentaren, t.ex. URL-adressen.
.commentmeta a:hover - Hur länkarna ser ut när muspekaren är över dem.
.commentform
- Rutan som innehåller allt man ska fylla i för att skriva kommentar.

.separator - Linjen mellan varje inlägg.
.image - Bilder. Kanske du vill ha en border runt om bilderna?
.thumbnail - Förminskade bilder som kommer upp större på skärmen när man klickar på dem.
form - Rutan för sökfunktionen i bloggen.
#profile - Profilen, din personliga beskrivning. Brukar vara överst i menyn.


Du märker säkert att det finns en hel del andra grejer i din stilmall, men de jag nämnt är de man oftast brukar ändra. Skulle du ändå vilja veta vad något av det andra innebär så kontakta mig, louise(at)losan.se.

Är det några konstigheter i mina förklaringar så säg gärna till. Jag vill ju att det ska vara lättförstått.
>> rebecca

Jäklar vad bra inlägg! Jätte bra beskrivet!!



svar: Jaa maltesers är sååå goda :D

2009-05-11, 20:03:01 - URL: http://beccsbox.blogg.se/
>> LIENE

sv: socker finns ju nästan överallt nu ändå och flingor är godast när det är socker i:)

2009-05-11, 20:56:35 -
>> elin

jätte fin blogg verkligen ;)

allt bra? :)

2009-05-11, 22:18:31 - URL: http://eeelinida.blogg.se/
>> josefine

svar: oj jäklar du :) gud vad du är duktig !

2009-05-11, 23:44:27 - URL: http://josefinekarbin.webblogg.se/
>> Emma

jag undar om du vet hur man gör Url:n som man länkat i inlägget synligt.



kolla här http://emmakarlsson.blogg.se/2009/may/utkast-spela-casino.html



länken jag har länkat syns inte , kan du hjälpa mig fixa de?





2009-06-01, 17:43:24 - URL: http://emmakarlsson.blogg.se/
>> losan

Svar till EMMA: Ser i din stilmall att du valt att göra länkarna i färgen #ffffff, vilket innebär vita länkar, alltså syns de inte då din bakgrund är vit.





Om du vill ändra länkfärgen så är det detta du ska ändra i stilmallen:



a {

color: #ffffff;

}

a:hover {color: #ffffff;}



Byter du #ffffff mot t.ex. #000000 (svart) så bör länkarna synas :) Hoppas det fixar sig!

2009-06-02, 16:50:46 - URL: http://losan.blogg.se/
>> joakim segerberg

jag har försökt att lägga upp min header men den vill inte synas på min blogg punkarjocke.blogg.se

2009-08-17, 14:22:12 - URL: http://punkarjocke.blogg.se/
>> Pontus

Bra genomgång av mallen! Precis vad jag letade efter:)

2009-08-25, 13:32:13 - URL: http://www.webbdesigndirekt.se/
>> Karro

Hej!



Jävligt bra inlägg, kan behövas till trögisar som mig som fattar Nada s



Jag hittar inte i stilmallen vart jag ändrar den delen som inläggen hamnar på, som ex din e beige bakgrund och vit där inläggen hamnar (heter?) Kan inte hitta det :-(

2009-10-05, 20:46:35 - URL: http://Thin-is-life.bloggagratis.se
>> Malin

Jättebra inlägg!

Hela min meny har åkt ner längst ned på bloggen, vet du hur man fixar det? :)

2009-10-08, 10:05:56 - URL: http://letswastetime.webblogg.se/
>> melle

det här var till stor hjälp, tack!

2009-12-18, 19:22:44 - URL: http://bbaraeemelie.blogg.se/
>> Lisa

Hej!



Har fått mycket hjälp från din sida men undrar nu om du kan hjälpa mig med hur man lägger in 2 linjer över inläggsrubrikerna? Alltså precis under headern? :)



Hälsningar Lisa

2010-01-15, 11:13:40 - URL: http://lisakarlssoon.blogg.se/
>> Lina

Jag har gjort om min bloggdesign nu med hjäl utav den här sidan!

Tack så jätte mycket för det :)

Det är bara två små problem.

1. När jag kollar på "förhandsgranskningen" så funkar bara första sidan, när jag går in på ett inlägg tex så blir det likadant som på min gamla bloggdesign, varför? Kan du hjälpa mej med det?

2. När jag går in på min blogg så är HELA bloggen min gamla bloggdesign, jag förstår inte varför. Kan du hjälpa mej med det också?



Du kanske kan besvära dej med att svara i en kommentar på min blogg,

jag har desvärre inte bloggkoll och jag har tyvärr svårt att komma ihåg bloggnamn,

P U S S

2010-01-16, 15:46:00 - URL: http://publishme.blogg.se/
>> Mia

Vet du om man kan lägga in alla sina inlägg i kategorier såhär i efterhand? T ex som du har det, att det bara är en kategori, och om man trycker så kommer inläggen fram? Det är så jobbigt att ha alla framme tycker jag. ser bara fult ut!

2010-01-22, 15:14:40 - URL: http://miagisslen.blogg.se/
>> lovisa/polichinelle

det var länge sedan du skrev detta inlägg men jag ville ändå tacka för det! det har hjälpt mig mycket. kram lovisa

2010-02-17, 18:58:50 - URL: http://polichinelle.webblogg.se/
>> Hannis

jäkligt schysst av dig tjejen!

2010-02-20, 14:58:58 - URL: http://missironic.blogg.se/
>> lovisa/polichinelle

hej igen! nu har jag verkligen försökt här men jag skulle vilja be dig om hjälp. det är nämligen så att hela rubriken inte syns, en liten del på första bokstaven försvinner alltid i mina rubriker. http://polichinelle.webblogg.se/



jag trodde detta skulle ändras på #side width men det syns ingen skillnad där. vet du? jättetacksam för hjälp! kram Lovisa

2010-02-23, 13:07:12 - URL: http://polichinelle.webblogg.se/
>> LOSAN

Svar till Lovisa:

Testa att ändra lite i stilmallen.

Såhär är ditt nu:



/* Entry headers */

h3 {

background: #FFFFFF;

font-family: Brush Script Std, Times New Roman, Helvetica;

font-size: 30px;

font-weight: normal;

padding:10px 10px 10px 0px;

color: #CC0000;

margin: 0px 0px 10px;

text-transform:

}



Testa att ändra padding till:

padding:10px 10px 10px 10px;



De fyra måtten för padding är mått uppifrån, högerifrån, nerifrån och vänsterifrån, och som det är nu har du det inställt på 0px vänsterifrån.



Beroende på hurdana mått du har på dina andra tabeller och grejer (har inte kollat genom din stilmall så noga) så behöver man olika mått på padding. Men testa att byta den från 0px till 10px. Hoppas det fixar biffen! :)

2010-02-27, 00:05:46 - URL: http://losan.blogg.se/
>> felicia

hej! jag har en fråga, hur ändrar man färgen på en länk som man har gjort själv i ett inlägg? om du kollar på min blogg ser du att länken är grön då man håller muspekaren över, hur fixar man till svart eller grå? tacksam för svar i bloggen!

2010-07-20, 21:20:51 - URL: http://mylifeasfelicia.blogg.se/
>> ester

commentmeta a:hover är dessvärre fel. färgen funkar inte när man drar över länkarna. ursäkta men där hade du fel.

2010-08-15, 20:53:06 - URL: http://liikemee.blogg.se/
>> LOSAN

Svar till Ester: Nej, det är - tro det eller ej - faktiskt rätt. Funkar det inte för dig så har du gjort något galet.

2010-08-16, 14:32:11 - URL: http://losan.se
>> dina - foto, design, tips ♥

Hur gör du sådär "tipsa en vän om bloggen:" ?

Tacksam för svar I MIN BLOGG, för det blir så svårt för mig att hitta det bland alla dessa kommentarer

2011-01-31, 20:24:15 - URL: http://dinasfoto.blogg.se/
>> JOsefin :d

Hejsan! jag undrar hur man flyttar texten/inläggen, t.ex. mer till höger, eller mer till vänster, eller hur man byter menyn till höger/vänster sida ? :D

2011-02-05, 13:41:35 - URL: http://josefindaahl.blogg.se/
>> Josefin =)

Hejsan, jag igen. jag hittade svaret på förra frågan. men nu har jag en till ^^

jag fixade nyss en ny design till min blogg, men helt plötsligt är det stor text i menyn, hur ska jag ändra det ? ser ut som att jag "skriker" ut det jag skrev. det är som att capslock är aktiverat, men när jag kollar på det jag skriver är det liten text. :o :(

2011-02-23, 23:54:51 - URL: http://josefindaahl.blogg.se/
>> Josefin

Hejhej ! jag igen. Jag behöver verkligen hjälp. Min text är i stora bokstäver, och jag vet inte vad jag har gjort!

skrivit detta en gång innan, men ser inte min komentar. kom på nu att det kan vara för att du inte sett den än. därför skickar jag en till, om du kanske har missat min komentar. men det slog mig nu att dyu kanske inte bara har kollat på bloggen. Hehehe, sorry om jag är värsta stalkern, men behöver verkligen hjälp! =D

2011-02-25, 15:29:25 - URL: http://josefindaahl.blogg.se/
>> LOSAN.se

Svar till JOSEFIN: Gå in på stilmallen och leta upp ".entrybody". Ändra "text-transform: uppercase;" till "text-transform: none;" så ser texten i dina inlägg ut precis så som du skriver den med avseende på gemener och versaler :)

2011-02-25, 19:02:40 - URL: http://www.losan.se
>> Anna

Tack så mycket för hjälpen :P Bra beskrivit och förhoppningsvis lär det underlätta framöver ! Tack! Kram, anna

2011-02-26, 18:14:08 - URL: http://forestman.blogg.se/
>> Wilma Teresia

Jättebra att det finns ett sånt här ställe där man kan läsa vad allt i html betyder och så.

Jag undrar, hur gör man en meny i html och var ska man sätta in den i en blogg.se-mall?

Hur fixar man en snygg hover?



//Wilma Teresia

2011-04-30, 22:33:16 - URL: http://wilmateresiae.blogg.se/
>> Mathilda Eliasson

Hejsan. Min blogg har hamnat i vänser kanten på bildskärmen, jag vet inte vad jag gjort för fel! Kan du hjälpa mig? :) Svara gära via mail också (a) Tack på förhand.

2011-05-29, 20:16:10 - URL: http://meliasson.blogg.se/
>> Sofia Andersson

Tack så jätte mycket för det här inlägget, så jäkla bra..använder den här hela tiden :D

2011-09-06, 19:26:08 - URL: http://alsolian.blogg.se/
>> Anonym

superfin beskrivning av allt, har verkligen hjälpt mig riktigt mycket! Kolla gärna in bloggen :)

2011-10-08, 20:52:35 - URL: http://lalulas.blogg.se/
>> Mira

Hej!

Gud vilket bra inlägg, det hjälpte mig verkligen jättemycket! Man förstår enkelt vad du skriver och det blir inget krångel. Tack så jättemycket! ♥

2012-01-07, 18:39:42 - URL: http://mirasplace.blogg.se/
>> Isabella

Jag undra om du kunde hjälpa mig med att få tillbaka mitt kommentarsfält, jag vet inte vad som har hänt.



tacksam för svar

2012-02-23, 20:55:49 - URL: http://isabellaaeriksson.blogg.se/
>> Lowa

Jättebra förklaringar!

Jag undrar hur man får där det står "kommentarer" trackbacks" osv, vill jag att det ska stå i mitten. INTE till vänster eller höger utan i mitten! Kan du hjälpa mig, vore jättesnällt! :)

Svar: Du gör på samma sätt som du gjort med rubrikerna! :)
losan.blogg.se

2013-01-19, 11:52:05 - URL: http://lowaek.blogg.se
>> Lowa

Nu kommer jag igen ;)

Jag undrar hur man får bloglovin ikonen i headern? liksom att bloglovin ikonen sitter i själv headern?

Hur får man bilderna större i inläggen? om du kickar in på min blogg så ser du att dem är rätt små, hur får jag dem större?

Jättesnällt om jag får svar, tackar för svaret om "kommentarerna" tack, kram! :)

2013-01-21, 07:52:28 - URL: http://lowaek.blogg.se
>> emma

Vilket supebra inlägg med VÄLBEHÖVLIG hjälp. Detta kommer att underlätta mycket. Tack!

2013-02-23, 01:01:01 - URL: http://emmaforslunds.blogg.se

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar: