Denna kod för runda hörn funkar på wrapper, header, meny, inlägg, bilder m.m.
- Kopiera denna kod;
-moz-border-radius: 15px;
border-radius: 15px;
- Leta upp den del av bloggen du vill ända (pc ctrl+f/mac cmd+f)
Wrapper = #wrapper {
Header = #header {
Meny = #side {
Inlägg = #content {
Bilder = #image { (obs, att alla bilder i inläggen får runda hörn av denna kod)
- Klistra in koden längst ner i avsnittet. Nu kan det se ut såhär;
#header {
background: #FFFFFF;
height: 300px;
width: 800px;
-moz-border-radius: 15px;
border-radius: 15px;
}
- Vill du att hörnen ska vara rundare/spetsigare? inga problem, bara ändra 15 till mindre för spetsigare eller mer för rundare.
Nu tänkte jag visa hur man byter typsnitt på bloggen.
- Börja med att ta reda på vad ditt typsnitt heter.
- Leta upp det du vill ändra; (pc ctrl+f/mac cmd+f)
inlägg = /**post body text**/
rubriker = /**entry headers**/
- byt ut det typsnitt som står efter font-family: till det som du vill ha. exempel;
/**post body text**/
.entrybody {
font-family: Serif; Här byter du till ditt typsnitt
font-size: 15px; Här kan du ändra storlek
color: #000000; Här kan du ändra färg
}
Tips på hemsidor;
- designa din blogg - bra designtips!
- PicMonkey - skapa headers och collage
- PatternCooler - Massor av skarvlösa bakgrunder
- colorpicker - ger dig färgkoder
GLÖM INTE:
Ha alltid din stil- och kodmall i säkert förvar om något skulle gå fel.
Förhandsgranska alltid innan du sparar din stilmall.
Gör aldrig något om du inte har full kontroll på läget.
Hoppas ni gillade tipsen!
1