Fixa en egen design på din stylesheet

01 apr kl 23:00, 2009

Skrivet av bloggskolan under kategorin Design | 20 Kommentarer | Permalink

Så här gör du för att ordna ett eget utseende på din blogg.
 

Skapa en bild som du vill ha i toppfönstret på din blogg (även kallad header) i ett bildredigeringsprogram som t ex Paint (som PC-användare har i sin dator), Photoshop eller något av följande gratis program:

Picasa

Pixenate

Picnik

Fotoflexer
Splashup

Du kan även använda ett illustrationsprogram som t ex Illustrator.

Vi rekommenderar dig att spara bilden i något av dessa format: PNG, GIF eller JPG.
 
Du kan välja vilket bloggtema du vill men våra anvisningar här gäller temat Mystic Wolf så vi rekommenderar dig att välja det.
 

 

Mystic Wolfs header är 760x187 pixlar så vi föreslår att du göra din bakgrundbild lika stor.
Ladda upp bilden i din blogg. Här kan du läsa hur du gör.
Kopiera bildens adress och gå in på Utseende.
 
 
Klicka på Stylesheet. Gå in på Här ändrar du bloggens huvudbild eller header om du har valt ett annat tema än Mystic Wolf (se inringat område nedan).
Skriv in nedanstående kod mellan ”måsvingarna” d v s dessa tecken {   }.
 
background-image:url(”din bilds adress”);

 


 Klicka på Spara. Sedan bör det vara klart.

Om det inte funkar, kolla att citattecknen är korrekta. Kanske behöver du ta bort dem och skriva in dem igen.

« Förslag på styleshee... | Hem | Stylesheet »

Kommentarer:

jag har gjort som det står det funkar inte

Skrivet av Terese(Tessan) den 24 februari, 2009 kl. 19:00 #

Hej Terese
Skriv ner din kod här i en kommentar så kan jag titta på den.

Skrivet av Sara på Passagen den 25 februari, 2009 kl. 09:22 #

#intro #pageHeader
{
/* background: url(http://blogg.passagen.se/start/resource/testbild.jpg) repeat-x; */
}

http://blogg.passagen.se/erotik19/resource/tillbloggen/head.jpg

ovan är den adress bild jag vill ha

tack

Skrivet av Terese(Tessan) den 25 februari, 2009 kl. 09:47 #

Hej
Här är några orsaker till att det inte funkar:

De här tecknen...
*/ /*
...använder du när du vill göra anteckningar för dig själv i koden. Det som skrivs mellan dem syns inte, så ta bort dem.

Du har glömt att skriva bildens namn inom citationstecken.

Du har skrivit repeat-x - är det verkligen tänkt att bilden ska upprepas?

Klistra istället in den här koden och se om det funkar

{
background:url("http://blogg.passagen.se/erotik19/resource/tillbloggen/head.jpg");
}

Lycka till!

Skrivet av Sara på Passagen den 25 februari, 2009 kl. 10:13 #

hej och tack!
en fråga till bara vad är det för kod om man ska ändra bloggens bakrund?

Skrivet av Terese(Tessan) den 25 februari, 2009 kl. 10:53 #

Hej, jag länkar till ett inlägg som jag skrivit om att ändra bloggens bakgrund http://blogg.passagen.se/bloggskolan/entry/designa_din_bakgrund
Lycka till!

Skrivet av Moa på Passagen den 25 februari, 2009 kl. 11:10 #

hur får jag fram bildens adress?

Skrivet av k den 06 mars, 2009 kl. 15:07 #

Vänsterklicka på bilden och välj Visa bakgrundsbild eller egenskaper. Lycka till!

Skrivet av Moa den 06 mars, 2009 kl. 16:24 #

Hej!!

stylesheet....????
tema....???

nilla

Skrivet av nilla den 15 mars, 2009 kl. 21:29 #

Hej.
Jag har gjort en egen bloggbild som jag lyckats få dit, men då står ordinarie "Sheridanz Blogg" i vitt mitt uppepå min bild så det ser gräsligt ut;)
Kan man ta bort den texten?

Skrivet av Sheridanz den 30 mars, 2009 kl. 09:51 #

Sheridanz:
I det här inlägget finns instruktioner för hur du gör.

Skrivet av Sara på Passagen den 06 april, 2009 kl. 10:09 #

Hej! Jag undrar hur jag gör för att få in en egen header i de gammla teman? Var någonstan i inställningarna ska jag sätta in min kod?
MVH/Kajsa

Skrivet av Kajsa den 09 november, 2009 kl. 19:15 #

Hej, jag försökte ändra huvudbilden på temat tastelessy - men den #intro #pageheader texten finns inte (såvitt jag kan se) i stylesheet när jag går in där. Är det jag som inte tittar på rätt ställe - eller hur ska jag göra? Tacksam för tips...

Skrivet av Sussie den 16 februari, 2010 kl. 13:35 #

Hej
Alla instruktioner ovan gäller temat Mystic Wolf.

Skrivet av Sara på Passagen den 22 februari, 2010 kl. 16:48 #

Går det inte att få lite instruktioner på lite andra teman också... tex tastelessy som är en ganska neutral layout...?
Pleeeease ;)

Skrivet av Sussie den 02 mars, 2010 kl. 13:30 #

Du ändrar huvudbilden (headern) på samma plats som på Mystic Wolf-temat. Under rubriken "#intro #pageHeader" i stylesheet. Viktigt att tänka på är att ha rätt adress till den uppladdade bilden. Se ovan. Måtten på bilden i Tastelessly är 978*263 px.
Så här skulle det kunna se ut:
{
background: url(HÄR SKA DEN FULLSTÄNDIGA BILDADRESSEN KLISTRAS IN) background-repeat:no-repeat;
}

Tänk på att inte använda ÅÄÖ då kan det strula med bildsökvägen.

Skrivet av Martin på Passagen den 02 mars, 2010 kl. 15:55 #

Problemet är bara att jag inte hittar den texten #intro#pageHeader i stylesheetet för det temat... texterna stämmer inte alls...

Får ge upp för tillfället...
Tack ändå :)

Skrivet av Sussie den 02 mars, 2010 kl. 16:13 #

hur får jag fram bildens adress?

Skrivet av k den 06 mars, 2009 kl. 15:07 #

Vänsterklicka på bilden och välj Visa bakgrundsbild eller egenskaper. Lycka till!

Skrivet av Moa den 06 mars, 2009 kl. 16:24 #

Du menar väl ändå högerklicka?

Skrivet av Ann den 24 mars, 2010 kl. 16:27 #

hur får jag fram bildens namn? faördtåg inte svaret ovan... jag använder picasa :)

Skrivet av emelie den 05 oktober, 2010 kl. 18:04 #

Det beror på vilken webbläsare du använder samt om du använder PC eller Mac. Om du har PC, prova att högerklicka på bilden och välj "Egenskaper".

Skrivet av Sara på Passagen den 08 oktober, 2010 kl. 09:37 #

Skriv en kommentar:
Kommentarer är avstängda för detta inlägg