Blogg

När du skriver ett inlägg så kan du välja om du vill ha en text eller ett ord i fet, kursiv, eller understruken stil. Det väljer du på bokstäverna ovanför där du skriver ditt inlägg



Men om du vill göra det i t.ex. menyn så ska du använda dig utav följade:

<b>Din text här</b> ger fet text                                      Din text här
<u>Din text här</u> ger understruken text                    Din text här
<i>Din text här</i> ger kursiv text                                  Din text här

Om du vill ändra själva texten i inlägget så leta upp denna kodrad i din stilmall, nedan följer några beskrivningar:

/** Post's body text **/
.entrybody {
font-family: Verdana, Arial, Helvetica, sans-serif; <------ Textsnittet
font-size: 12px; <--------------------------------------- Stolek på texten
font-weight: normal;
color: #000000; <-------------------------------------- Färg på texten
line-height: 150%;
margin: 0px 0px 10px;
background-color: #FFFFFF; <--------------------------- Bakgrundsfärg för inlägget
padding: 10px;
}


(det handlar om texten i den röda rutan)

Leta upp detta stycke i din stilmall så förklarar jag vad det betyder.

/** Entry headers **/
h3 {
background: #FFFFFF;   <--------------- Detta är bakgrundsfärgen för själva rubriken
font-family: Courier New, Helvetica; <--  Detta visar vilket typsnitt rubriken har
font-size: 16px;  <---------------------- Det är storleken på själva texten
font-weight: bold;
padding:10px 10px 10px 10px;
color: #000000; <---------------------- Detta är textens färg
margin: 10px 0px 10px;
text-align: left; <------------------------ Detta visar om du vill ha texten till vänster, center, eller höger
border-bottom: 1px dotted #000000; <-- Detta är den undrelinjen (förklaring sen)
}

Nu lite noggrannare förklaringar:

Textens placeringar:
right - höger
left - vänster
center - centrerad

Kod för linje:
border-top:       (övre linjen)
border-bottom: (undre linjen)
border-right:     (högra linjen)
border-left:       (vänstra linjen)

Linjens utseende:
Dotted ..........
Dashed --------
Solid ______

Bara stora bokstäver
text-transform: uppercase;


Här är det lite exempel på hur man kan göra. Vill ni kopiera koderna så varsågod, kopiera hela koden och klistra över den på din stilmall.


/** Entry headers **/
h3 {
background: #c8c8c8;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding:10px 10px 10px 0px;
color: #000000;
border-bottom: 1px dashed #000000;
text-align: center;
margin: 0px 0px 10px;
}



/** Entry headers **/
h3 {
background: #ADD8E6;
font-family: Courier New, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
padding:10px 10px 10px 0px;
color: #4B0082;
border-bottom: 1px solid #4B0082;
text-align: right;
margin: 0px 0px 10px;
}



/** Entry headers **/
h3 {
background: #E9967A;
font-family: Edwardian Script ITC, Helvetica, sans-serif;
font-size: 30px;
font-weight: bold;
padding:10px 10px 10px 0px;
color: #FFFFFF;
border-bottom: 2px dashed #DC143C;
border-top: 2px dashed #DC143C;
text-align: center;
margin: 0px 0px 10px;
}