Dekorere overskriften på innleggene.
- Gå inn på Design > Rediger.
- Lim denne koden inn i Stilsett (CSS), helt nederst.
h2 {
background-color: #ffffff; /* Bakgrunnsfarge */
color: #000000; /* Skriftfarge når du er inne på innlegget */
font-size: 10pt; /* Tekststørrelse */
font-family: arial; /* Skrifttype */
letter-spacing: 0px; /* Mellomrommet mellom hver bokstav */
text-align: left; /* Skriftplassering */
padding: 1px; /* Mellomrom rundt teksten */
font-weight: normal; /* Skrifttykkelse */
text-transform: uppercase; /* Små og store bokstaver */
border-bottom: 1px solid #000000; /* Tykkelse, type linje og farge på linjen under overskriften */
}
h2 a, h2 a:link, h2 a:visited, h2 a:active {
color: #000000; /* Skriftfarge når du er på forsiden */
font-weight: normal; /* Skrifttykkelse når du er på forsiden */
}
h2 a:hover {
color: #999999; /* Skriftfarge når du holder musepekeren på overskriften */
Slik skal det se ut
Tips:
- Hvis du ikke vil ha bakgrunnsfarge, endrer du #ffffff; til #transparent;.
- Text-align kan endres fra left til center eller right.
- Font-weight kan endres fra normal til bold.
- Text-transform kan endres fra uppercase til lowercase eller capital.
- Om du ønsker å ha ramme rundt hele overskriften, endrer du border-bottom til border.
- Under h2 a:hover { kan du legge inn alle slags linkeffekter.
Til hjelp:
- Hvordan finner jeg stilsett og maler? (kommer)
- Hva er linkeffekter, og hvordan fungerer det? (kommer)
