Lite enkla designtips!
Jag tänkte att jag kunde ge er lite tips så att ni kan piffa till era bloggdesigner! Jag börjar med något som jag vet att många vart ute efter, nämligen runda hörn med enbart CSS.
Nu tänkte jag visa hur man byter typsnitt på bloggen.
Tips på hemsidor;
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!
