Blogg

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;
}