Designhjälp för din blogg

Ändra länkarna under inläggen.

Kategori: Inläggsidan
 
Vill du ändra utseende på länkarna som finns under varje inlägg i din blogg? Dvs kommentarer och permalink och trackback om du inte har tagit bort de. Också kategori länken.
 
 
1. Gå in på "Design" och "Redigera stilmall".


2. Leta upp nedanstående text, (finns en liten bit under /** 'Posted by' txt **/) :
 
.entrymeta a { color: #000000; text-decoration:underline none;}
.entrymeta a:hover { color: #000000;text-decoration:underline none; background: #9BA3B7 ;}
.entrymeta a { color: #000000; text-decoration:underline none;}

.entrymeta a:hover { color: #000000;text-decoration:underline none; background: #9BA3B7 ;}
 
 
Det är alltså där du ändar dina länkar som finns efter varje inlägg i din blogg. Exempel: kommentarer, permalink mm.. Den första raden är i varje fall för hur länkarna ser ut bara. Medans den andra raden är hur länkarna ser ut när du håller musen på dem (mouseover).
Du ändrar utseende genom att ändra, lägga till eller ta bort text inom { och }
 
 
3. Det ska stå följande om du vill ha:
 
Understrucken text: text-decoration:underline;
Inte understrucken text: text-decoration:none;
Tjock text: font-weight: bold;
Bakgrundsfärg: background: #cccccc;
Textfärg:color: #000000;
Storlek på texten: font-size: 12px;
 
 
Lägg alltså till ovanstående mellan { och } !


4. "Förhandsgranska" eller "Spara"

Radbrytning i inläggen

Kategori: Inläggsidan
Hej! Endel av er kanske har märkt att det inte blir någon radbrytning (mellanrum nedåt) längre i era inlägg när de publiceras på bloggen fast att ni har gjort som så när ni skrev inlägget. Det beror nog på att ni använder Google Chrome som webbläsare... Men om man nu vill ha en radbrytning kan man göra så här istället:

1. När du har skrivit klart inlägget klickar du på "Ändra redigerare" som står med blått i högra hörnet när du skriver ett inlägg.

2. Nu ser det annorlunda ut där du skriver inlägget. Du ska nu skriva </br> där du vill ha ett mellanum nedåt!

3. Klicka på  "Ändra redigerare" igen för att få tillbaka den vanliga redigeraren.

4. "Spara och publicera" eller "Förhandsgranska"

Ändra länkarna i meny.

Kategori: Meny
.nav a { color: #000000;text-decoration:none;}
.nav a:hover { color: #000000;text-decoration:underline none; background: #9BA3B7 ;}
Såhär gör du om du vill ändra utseende på länkarna i menyn. Dvs alla länkar under Senaste inlägg, Arkiv, Länkar och Kategorier.

1. Gå in på "Design" och "Redigera stilmall".


2. Leta upp nedanstående text, (finns en bit under /** Entry headers **/) :

.nav a { color: #000000; text-decoration:none;}

.nav a:hover { color: #000000; text-decoration:underline none; background: #9BA3B7 ;}


Det är alltså där du ändar dina länkar i menyn. De som står under "Senaste inlägg", "Arkiv" mm.. Den första raden är för hur länkarna ser ut bara. Medans den andra raden är hur länkarna ser ut när du håller musen på dem (mouseover).
Du ändrar utseende genom att ändra, lägga till eller ta bort text inom { och }


3. Det ska stå följande om du vill ha:

Understrucken text: text-decoration:underline;
Inte understrucken text: text-decoration:none;
Tjock text: font-weight: bold;
Bakgrundsfärg: background: #cccccc;
Textfärg: color: #000000;


Lägg alltså till ovanstående mellan { och } !


4. "Förhandsgranska" eller "Spara"





Hos blogghjalparn.blogg.se finner du textguider om HTML & CSS. Guiderna riktar sig till bloggare som vill ha hjälp med sin bloggdesign. Man kan själv läsa sig till hur man ska göra eller så kan man beställa sin egna design alternativt köpa en redan färdig design.

Copyright © 2017 Blogghjälparn

BLOGGHJÄLPARN


Senaste inläggen

Portaler & Listor
Webbdesign