Utseende och teman

01 apr kl 23:59, 2009

Skrivet av bloggskolan under kategorin Design | 3 Kommentarer | Permalink

På Passagen Blogg finns ett antal teman eller mallar att välja mellan när du vill byta utseende på din blogg. Alla teman hittar du under fliken Utseende. Varje tema visas i fönstret under menyn så att du vet vilka utseenden du väljer mellan. Du kan även välja en full förhandsgranskning av ett tema för att se hur din blogg kommer att se ut med det valda temat.
 


När du valt ett tema kan du sedan ändra temats stylesheet så att din blogg blir mer personlig. Obs! Tänk på att du kommer att förlora alla stylesheetändringar om du väljer ett nytt tema!
 

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å stylesheet

01 apr kl 22:30, 2009

Skrivet av passagen under kategorin Design | 0 Kommentarer | Permalink

Här har du en grundmall som du gärna får använda. Det enda du behöver göra är att trycka på länken så kommer du till koden. Kopiera och klistra in den i ditt eget stylesheet.
 

Koden

 

Du vill ju naturligtvis ändra huvudbilden du ser här nere. 

 

 

 

Här under ser du var du behöver ändra i ditt stylesheet för att få upp din egen bild. Först måste du ladda upp din huvudbild. Hur du gör detta ser du på denna länk

Och hur du sen inför det i ditt stylesheet ser du här

 


Rubriken i headern på Mystic Wolf-temat

01 apr kl 21:00, 2009

Skrivet av passagen under kategorin Design | 0 Kommentarer | Permalink

Med hjälp av denna kod får du bort rubriken i headern.

/* ------- Här ändrar du bloggrubriken ------- */
#intro #pageHeader h1
{
text-indent: -9999px;
}

 

Du ska alltså se till att ta bort nedanstående kod helt. Du hittar den ganska långt ner i stylesheet.


 /* ------- Här ändrar du utseendet på bloggrubriken ------- */
#intro #pageHeader h1 a
{
                             /* color: #FF0000; */
                             /* font-size: 14px; */
                             /* text-decoration: underline; */
                             /* font-weight: bold; */
                             /* text-align: right; */
}

För dig som har ett äldre, eget tema

06 jan kl 15:30, 2009

Skrivet av malla.s under kategorin Allmänt | 0 Kommentarer | Permalink

Till dig som har bloggat på Passagen ett tag.

Om du tycker att annonsen på din blogg är för bred eller får besked om att det inte går att anpassa det valda temats stylesheet, då kan problemet vara att du har ett "eget" tema. Med det menas att du har en egen version av ett tema som du sparat för länge sedan.

När Passagen gör uppdateringar på teman kan vi tyvärr inte göra det för dig som har ett "eget" tema. Vi kommer inte åt det.

Gör så här: välj ditt tema på nytt. Då kommer du att få en fräsch version och samtidigt få tillgång till stylesheeten.