Bloggdesign
För att ändra i designen går du in under fliken design - stilmall.
Headbild
För att byta och sätta in en egen headbild ändrar du under #header. Här bestäms allt som har med headbilden, bilden längst upp på bloggen. Vill du byta bild sker det efter background: url(url-adressen) no repeat; För att bilden ska passa bra gäller det att du sparat den i rätt storlek när du skapat den i exempelvis Photoshop. För att se hur bred den max kan vara ser du under #wrapper, width/bredd anger där hur bred själv "bloggenpappret" är. Säg att du skapar en bild som är 200px hög, krävs det att du sätter höjden under #header till samma. Annars kommer inte hela bilden med.För att få in bilden krävs det att du först har lagt upp den på din blogg. När du gjort det högerklickar du på bilden, väljer egenskaper och kopierar bildadressen där. Det är urladressen du ska ange mellan parenteserna. Glöm inte att ta bort _tumbs om det står i adressen.
Så här ser det exempelvis ut under #header hos mig.
#header {
background: url(https://cdn2.cdnme.se/cdn/6-2/100632/images/2007/head_copy_1168968499_13840034.jpg) no-repeat;
margin:0px;
height: 150px;
background-align: center;
}
Bakgrund
Bloggens bakgrund ändrar du under body {Är inte bilden tillräckligt stor så den täcker hela bakgrunden kan du välja att inte skriva in no-repeat efter url-adressen. Bilder upprepar sig då, så den täcker hela fönstret. Vid upprepning kan det dock bli kanter mellan bilderna, ett tips är då att välja en bakgrund som passar sig för upprepning, där det inte syns att bakgrunden består av flera likadana bilder.
För att få upp bilden se beskrivning under headbild
Min body
body {
position: center;
background-image: url(http://gustafssonjenny.webblogg.se/images/bakgrund_1154793354.jpg)
}
Textsnitt, rubriker, färger m.m
De olika textformaten, färgerna och storlekarna ändras på olika ställen, beroende på vad det är för textformat som ska ändras.Lite övergripande:
För att ändra färg skrivs color: Färgkoden; Här finns det schema/koder över säkra webbfärger .
textstorlek, font-size: XXpx; (XX bytts ut mot storleken, vanlig textstorlek är 12)
teckensnitt, font-family: "teckensnittet"; några av de vanligaste är
"Times New Roman", Times, serif;
Verdana, Arial, Helvetica, sans-serif;
Georgia, "Times New Roman", Times, serif;
Nu till var du ändrar vad.
h1 är rubriken som är uppe vid headbilden
h2 är headbildens underrubrik
h3 är rubriken för blogginläggen
a, är länkar
a:hover, är så länkarna ser ut när du för musen över länken.
blogginläggens text ändras under #content.
Vill du ändra utseendet på raden där det står när inlägget publicerades, kommentarfunktionen m.m görs det under /** Post's by text **/
entrymeta , .entrymeta a och .entrymeta a:hover är raden under blogginläggen som visar när inlägget gjordes, kommentarer m.m samt raden under varje kommentar, som här visar tid för kommentar och ev, url från den som skrev kommentaren.
Klicka in dig så du ser dina bloggkommentarer.
.commentheader är raden där det står vem det är som postat kommentaren
.commenttext är kommentartexten
Jag hoppas detta är till lite hjälp.
Jag förstår hur du menar att jag ska göra när jag ska lägga in header bilden och så men när jag lägger upp den på min blogg blir den ju mindre än när jag sparade den på datorn så den passar inte i längden, eller vad de är. åt det hållet iaf ---> bredden säger man nog ^^. Jag har lagt upp två exempel på min blogg, du kanske kan se vad jag har gjort för fel? Kram/ Amanda
Jag ska hjälpa dig ikväll när jag kommer hem. Troligen har du bara lagt upp den i fel storlek när du lägger upp den på blogg.se Måste välja största storlek där.
Tack, vad du är snäll! Kram!
TACK SÅ JÄTTEMYCKET !!;)
Ninah: Det var så lite så.
Amanda: Kom hem lite senare än jag trodde. Har du MSN eller ICQ? Lättare att kommunicera och hjälpa där. Du kan väl maila mig din adress eller nummer. Hittade ingen adress på din sida.
åh tacktacktack :) ska försöka ändra lite senare i min blogg^^ TACK!
btw hur stor ska bilden däuppe vara för att den ska passa in?
anna: Det beror på hur långt den ska sträcka sig.
För att se hur bred den max kan vara ser du under #wrapper, width/bredd. Gör du bilden i denna storlek sträcker den sig över hela det vita - från höger till vänster. Vill du ha den så stor som din bild är nu ska bilden vara runt 600px skulle jag tro. Det bästa är att testa sig fram. Min är 720px.
okej, jag får väll testa! tack så mycket för infon :))
vilken bra guide! :-)
Vill ändra min bakgrund, men fattar inte hur jag ska göra :) Har en blogg på blogg.se. Skulle ud kunna hjälpa mig? Tack i så fall :)
Kelly: Tack så mycket.
Josefine: Självklart kan jag hjälpa dig. Vad är det som du inte förstår? Du kan ju maila mig dina frågor, så ska jag hjälpa dig. Har du MSN eller ICQ, får du gärna maila din uppgifter så kan jag hjälpa dig där över. Lite lättare att kommunicera. Min mailadress är: [email protected]
Hej, tack för väldigt bra hjälp! Jag har försökt ladda upp en ny header till min blogg. Den förra som jag hade var det någon annan som la upp så det ser annorlundare ut än på ditt exempel. När jag försöker göra som i ditt tips blir det bara min gamla header som "förändras". Varför blir det så ?
Okej om jag länktar till din sida på min blogg? Har också fått en hel del frågor om hur man gör designen.. Vill inte va otrevlig och härma det du skrev utan det kanske är kul för dig också om ja skriver ditt namn och blogg och sedan länkar till dig? Kramis /Irma
Irma: Snällt av dig att fråga. Det går jättebra att länka till min sida. Nää, det är ju inte så kul att bli härmad. Kram
Hej! Jag lyckades byta bakgrunden på min blogg, men hur får jag min blogg centrerad? :)
Malin: Vad jag kan se så är din blogg centrerad. Om du syftar på hela innehållet mot bakgrunden. Men det kan ju varier beroende på vilken upplösning man har på skärmen. Men hos mig ser det fint ut.
Tack för guiden, hade lite problem med headern men det löste sig med din hjälp =) Har dock fortfarande lite problem, mitt bloggnamn ligger i headern. Hur får jag bort det? Du kan väl ta en titt och säga var jag ska ändra (om du vet).
Har samma msn som e-mail så adda om du hellre vill ta det där.
Mvh Anna
Anna: Jag har lagt upp en ny beskrivning om hur man ändrar det. =) Hoppas det funkar för dig. Hör av dig annars.
Jag vet inte varför min bild inte blir längre på bredden (width) fast jag skriver högre px än 750?
såhär ser det ut för mej just nu:
#wrapper {
margin:0px auto;
background-color:#fff;
width:80%;
padding:10px;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header {
background:
url(http://xposed.blogg.se/images/mybanner2_1181003836.jpg)
no-repeat;
margin:0px;
height: 170px;
width: 750;
background-align: center;
}
vad är det jag gör fel?
en till fråga bara :P
Hur ska man göra så att man får en "box" som du har i vitt där inläggen skrivs, ovanpå själva bakgrunden?
För just nu så är min box transparent och bakgrunden syns igenom.tacksam om du kan hjälpa mig!<3
Tack så hemskt mycket! Din guide har hjälpt mig mycket :)
Linn: Varsegod. Kul att den varit till hjälp.
Ang hur man ändrar typsnittet på texten i inläggen. Jag har försökt hur länge som helst men får inte rätt på det. Jag har förstått att man ändrar textsnittet på inläggen under "#content". Kan man bara välja på arial, times new roman och de vanligaste? Jag vill ha något helt annat typsnitt.. låt säga attt jag vill ha Batang. Hur skriver jag då? Inte bara Batang väl? väldigt tacksam för hjälp :)
Hej Maja.
För att ända texten i inläggen måste du ändra under:
/** Post's body text **/
.entrybody {
Där skriver du efter font-family: "Batang";
Hoppas det fungerar för dig.
Hej! Nu kommer jag med en liten tråkfråga jag också. Förstår att du tien orkar svara på alla, men jag ger det en chans! :) hur sätter man in en profiltext under profilbilden? Har noll koll! Skit bra guide förresten!! :D Sånt är alltid så himla tacksamt att skriva! Kram!
tacktacktack! tack vare dig har jag äntligen förstått mer!
haha, tack så jävla mycket för guiden! jag spar den som ett bokmärke. började lite på egen hand men gav fan upp efter att ha kämpat med headern! ;) så TACK TAC TACK! :)
Den här hjälpen är den bästa man kan få för bloggen! TACK så mycket för allt du skriver.:) Det hjälper!.:D
Ha en bra dag!/ Bea.
Förresten! Bilden på en själv, hur får man den att bli större? Jättetacksam för all hjälp!
/Bea
Bea:
Jag kan inte se var man ändrar bilden. Har du testat att lägga in bilder med olika storleka?
Tyvärr kan jag nog inte hjälpa dig med den frågan.
Angående din fråga om headbilden, har du fått mail.
Nu har jag jävlats med bloggdesignen hela dagen. Men tack vare din fian guide här så gick det tillslut ;P TACKAR!
Tja.. Asså.. Antingen så är jag helt störd eller så fattar ja bara inte.. :) Bilden blir konstig å sidan blir bara allmänt ful.. hah. Är de skitkrångligt? Annars får du hemskt gärna hjälpa mig lite mer..? Take care
http://EverBlazing.blogg.se
HÄnger inte med helt vad du menar. Vad är det så ser konstigt och fult ut? Lite svårt att veta vad du vill ha hjälp med.
Jag lyckas inte ändra storlek på texten i inläggen (utan får istället göra det "manuellt"när jag skriver inläggen). Vad gör jag för fel? =D
tTck för hjälpen, verkligen. Nu bev jag nöjd.
Tack Jenny! Inte förrän jag läst dina instruktioner lyckades jag ändra headern. Stor kram och tack igen!
Hej!
Duhar skrivit en jätte bra konstruktion hur man gör men jag har problem ändå.. jag prova o kopiera din text rent utav, och då funka det men med min bild funka det inte :/ och den är jätte liten nu. tack för svar :)
Fashionstylist: Kul att den hjälpte dig. Kram på dig med.
Charlotte: Hej. Troligen så är det inte storleken på bilden som är fel utan koden. Något tecken som smygit sig in där det inte ska vara. Svårt att säga när jag inte ser koden. Hur ser din kod ut?
Hur fixar man en bild på sig själv , så som du har i hörnet ??
Måste bara säga att du är verkligen sjukt schyst och hjälpsam som lägger in allt sånthär :) har nämligen precis skaffat blogg och är inte så hajj ! xD
Tack på förhand !! Puss :*
tack för hjälpen. Undrar bara en liten sak.. Hur får man in bilder på sig själv där upp på de som hette 'headbild' . Tack om du svara! (a)
Hejsan! jag tänkte fråga dig om du har lust att hjälpa mig att fixa en snygg design till min blogg? den är ju sååå tråkig.
sköt om dig!
Tack för all hjälp det var värdefullt...en gröngöling som jag som försöker att knåpa så gott det går... men det är kul ...STORT TACK!!!
Ha en bra dag
jag hittar inte body { någonstans i min blogg...
Hjälp mig?
[email protected]
not bad
Tänkte bara tacka för din designhjälp, snacka om räddaren i nöden, satt och bankade skallen blodig över att min header aldrig syntes helt i heigt men ditt inlägg hjälpte mig och nu är min fina header äntligen som den ska!
Fattar ingenting, försöker lägga in bakgrund, men det funkar inte? kan du hjälpa?
Hej! Din blogg har varit till mycket hjälp, men en sak får jag verkligen inte till. Det är själva bakgrunden som jag vill ha till en bild, men blir flera. Jag har försökt på många sätt och olika html koder. hur gör man? Tack i förhand!
Don blogg verkar ha hjälpt många, men jag får det inte att funka.
Tycker om det du skrev! Skojigt att se lite fina grejer och inte endast det vanliga sakerna som man kan se om typ alltid. ;)
