Designhjälp för din blogg

Bakgrundsfärg bakom kommentarerna.

Kategori: Kommentarerna



Många har undrat över hur man får kommentarerna i små rutor som på bilden här ovan. Jag har gjort mitt bästa för att ni ska förstå :) Såhär gör ni:


1. Klicka på fliken "Design" och sedan vidare till "Redigera stilmall".

2. Leta upp .commentheader {

3. Lägg till background-color:#dinfärgkod; efter .commentheader {

Där det står dinfärgkod, skiriver du in färgkoden till den färg du vill ha som bakgrundsfärg.
Tex: background-color:#cccccc; om du vill ha ljus grå bakgrundsfärg.


Såhär:




4. Gör nu likadant, och lägg till background-color:#dinfärgkod; efter:
.commenttext {


.commenttext {

.commentmeta {

.commentmeta a {


.commentmeta a:hover {
.commentmeta {
.commentmeta a {
.commentmeta a:hover {



5. När du har lagt till background-color:#dinfärgkod; efter alla dem så sparar du stillmallen!


6. Om du nu tittar på din blogg har du fått bakgrundsfärg bakom dina kommentarer.
Om det inte ser så bra ut är för att du måste ändra på margin och/eller padding.

7. Under styckerna:

.commentheader {

.commenttext {

.commentmeta {

.commentmeta a {


.commentmeta a:hover {


tar du bort alla margin: XX px;


8. När du gjort det lägger istället till margin-right:30px; margin-left:30px; under alla stycken du tog bort ifrån nyss.

9. Lägg även till margin-top:10px; under .commentheader {

10. Spara stilmall.

11. Förhoppningvis ser det bättre ut nu, om inte så får ni testar er fram genom att ändra på margin/padding under de styckena jag har skrivit om.

Ändra utseende på texten vid kommentarsrutan.

Kategori: Kommentarerna


Vill du ändra utseende på texten som står framför kommentarsrutorna dvs namn, e-post osv ...?


1.
Klicka på fliken "Design" och sedan vidare på "Redigera stilmall".

2. Nu scrollar nu ned en lång bit till:

.commentform {

font-family: verdana;
text-transform: uppercase ;
font-size: 11px;
font-weight: normal;
color: #000000;
margin: 0px 0px 0px 0px;
padding:20px;

}



3. Där är det bara att ändra till hur du vill att det ska se ut :p


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

Ditt typsnitt:
font-family: verdana;
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 } om de inte redan finns!


4. "Spara stillmall".

Ändra texten över alla kommentarer.

Kategori: Kommentarerna



I detta inlägg hittar du hur du ändrar vad det står över dina kommentarer och hur du ändra utseende på den texten.

Ändrar vad det står över dina kommenatarer:


1. Gå in på fliken "Design" och därefter "Kodmallar".

2. Välj nu "Inläggssidan" istället för "Framsidan" i det högra hörnet.




3.
Nu letar du upp det som jag har markerat på bilden under.



4. Där det står "Kommentarer" är det bara att ändra till tex "Kommentarer till detta inlägg" eller så. Vill du inte att det ska stå någting alls kan du ta bort allt det jag markerat ovan!

5.
"Spara kodmall".


Om du vill ändra utseende på texten gör du såhär istället:

1. Gå in på filken "Design" och klicka sedan vidare på "Redigera stilmall"

2. Leta upp .default och där under är det bara att du ändrar på det du vill ändra på...




Om du inte riktigt vet vad du ska ändra:

Font-size: 19px; <- Här ändrar du vill storlek texten ska ha.
Text-align: center; <- Här ändrar du vart texten vara. center / left / right
Font-family: arial; <- Vilket typsnitt du ska ha på texten.
Understrucken text: text-decoration:underline;
Inte understrucken text: text-decoration:none;
Tjock text: font-weight: bold;
Textfärg: color: #000000;


3. "Spara stilmall"!


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