Söndagsluckan 1 - 2013

 
--------------------------------------------------------- DESIGNTIPS ---------------------------------------------------------

I första luckan kommer jag visa en enkel sak som jag får frågor om väldigt ofta, nämligen hur man ändrar brödtexten i inläggen så att man får den som man vill. Det är superenkelt!
 
1. Börja med att gå in på Design > Stilmall
 
2. Leta upp stycket .entrybody
 
 
3. Bakom font-family kan du ändra typsnittet. De vanligaste är times, arial, tahoma och georgia. Testa de fyra och sedan kanske något helt annat lite ovanligare, har du inte koll på olika typsnitt kan du gå in i word och kika på vad några heter. Glöm inte ; i slutet!
 
 
4. Bakom font-size ändrar du storlek. 12px är vanligast, testa fram tills du hittar en storlek du är nöjd med! Glöm inte ; i slutet!
 
 
5. Bakom color ändrar du färgen. Färgen anges i olika siffror och bokstäver. Några vanliga färger är vit: #ffffff, svart: #000000, ljusgrå: #cccccc och mörkgrå: #454545. Du hittar fler om du söker på "html färger" på google eller så kan du gå in på den här sidan. Kopiera koden som börjar på #. Glöm inte ; efter färgen!
 
 
Detta är bara de vanligaste sakerna man kan vilja ändra, är det något mer du undrar över så kommentera! 
Kika också in min katergori Designtips!

Publicerat: 2013-12-01 - 13:38:00  •  Kategorier: Designtips

Tipsinlägg: Koder till bloggdesign - Egen Rubrik

Tänkte tipsa om hur man kan få en egen font (typsnitt) på rubriken (eller annat), alltså någon annan font än de vanliga som arial, times och georgia. Min rubrik är till exempel fixad på detta sätt.
 
 

 
1. Gå först in på Design > Redigera Stimall och lär dig lite om rubrik-stycket
 
2. Leta upp stycket för din rubrik. Mitt ser ut såhär:
 
 
3. Kanske ser det rörigt ut, här kommer en förklaring:
font-family: Typsnittet på rubriken
font-size: storleken
font-weight: om rubriken är normal, fet eller kursiv osv.
padding: mellanrummet mellan texten och något annat tex såhär:
color: färgen på rubriken
text-transform: om det bara ska vara tex. stora bokstäver ( då skriver man uppercase; annars none; )
text-align: om rubriken ska vara till vänster, i mitten eller höger
background: om det ska vara någon färg bakom texten.
 
4. Nu kan du välja ut den font du vill ha, det gör du på google.com/fonts
 
5. Klicka på den lilla knappen som heter Quick-use under fonten (inringat i rött på bilden)
 
6. Då kommer du in på nästa sida. På de flesta fontarna kan du välja "stil" på texten, typ tjock/tunn. Det gör du nu om det är möjligt
 
 
7. Bläddra längst ner och kopiera koden jag har ringat in
 
 
8. Gå in på kodmallar på din blogg och klistra in koden precis innan </head>. Gör detta i alla kodmallar (start, inlägg, arkiv, kategorier)
 
 
 
9. Gå tillbaka till din fonts sida längst ner och kopiera nu nästa kod. 
 
 
10. Gå in på stilmallen på din blogg och bläddra fram din rubrik. Ta bort font-family och det som står efter och klistra in din kod istället.
Så att det ser ut såhär:
 
 
11. Klart!
 
Så iväg med er och fixa roliga rubriker nu! :D Frågor? Kommentera! :') 
(Är ju dock på läger just nu och detta är ett tidsinställt inlägg så svaren kan dröja ett tag)
 

Publicerat: 2013-06-17 - 10:00:00  •  Kategorier: Designtips

Tipsinlägg: Koder till bloggdesign - Boxar i menyn

Här kommer ett inlägg för er som vill veta hur man delar upp menyn i olika boxar! Har ni frågor är det bara att kommentera! Lycka till! :D
 

 
1) Gå in på Design > Redigera stilmall
 
2) Leta upp #wrapper
Se till så att färgen inte är vit. Alltså #FFFFFF (vit). Du kan ta #7a7a7a som exempel.
Detta gör man för att menyn och inläggspalten ska "få ett mellanrum mellan sig". Har man vit wrapper, meny och inläggspalt (content) så syns inte mellanrummet, därför ska wrapper ha en annan färg!
 
 
3) Nu ska du kopiera denna kod:
#box {
width: 200px;
border: ;
padding: 0px 0px 0px 0px;
background: #ffffff;
}
 
4) Klistra in i stilmallen under #side
 
 
5) Se till så att #side och #box har samma width!
Till exempel width: 200px;
 
 
6) Till sist måste du ta bort bakgrundfärgen på #side så att boxarna syns. Leta upp background på #side och radera det som står efteråt.
 
 

 
9) Nu är stilmallen klar! Gå till redigera kodmallar.
Leta upp <div id="side">
 
10) Nu ska du dela upp dina boxar. Där du vill att boxen börjar sätter du <div id="box"> och där du vill att boxen slutar sätter du </div><br>
(Ps. glöm inte att göra detta i alla kodmallar!)
 

11) När du är klar kommer du har boxar i menyn, liknande det här:
 

Publicerat: 2013-05-16 - 15:24:00  •  Kategorier: Designtips

Önskeinlägg: Bloggdesign

Det här inlägget har legat i utkast ett bra tag nu, har liksom inte blivit av att jag har skrivit något svar på frågan. För att svara lite kort på frågan så var det ju aldrig så att jag lärde mig allt inom kodning och design sådär bums, klart! Nej, jag lär mig lite hela tiden, varje gång jag pysslar lär jag mig något nytt ungefär. Det började med att jag lärde mig sätta in en header. Sedan hur man la in en bloglovin-ikon, hur man la in bilder och skrev i menyn. Detta lärde jag mig genom att söka på google helt enkelt! :')
 
Sedan kom det allt eftersom, typ: "Jag vill ha en drop-down-meny på nya bloggdesignen, jag söker på google och ser vad jag får upp!" eller "Jag vill ha egna typsnitt i rubriken, let's check google..." ;)
 
Att designa handlar mycket om att våga exprimentera, söka och leta upp saker. Blanda, testa osv. 
 
Så svaret på hur jag har lärt mig alla koder skulle jag säga är att jag har velat veta hur man gör en sak i designen och sedan letat upp det och inte gett mig förrän det har sett ut som jag vill! :')
 
Jag tänkte skriva några tipsinlägg med olika koder som ni kan använda er av, men det för bli i nya inlägg. Här får ni först och främst bra sidor att ta hjälp av:
bloggstyle.se
designadinblogg.se
tescho.se
 
Har ni speciella önskemål på vad ni vill ha koder till? :')

Publicerat: 2013-05-12 - 16:00:00  •  Kategorier: Bloggdesign, Designtips, Tips

Sätta in en header på horseworld.se

 
1. Gå in på Utseende > Sidhuvud
 
 
2. Leta upp "Välj en bild på din dator" som finns ganska högt upp på sidan. Klicka på Välj fil och leta upp din header.
 
 
3. Spara längst ner på sidan! :D

Publicerat: 2013-05-12 - 13:24:00  •  Kategorier: Designtips



Frida • 16 • Göteborg
1998 föddes en tjej vid namn Frida. Jag är en glad person som lever för hästarna, familjen och vännerna. Jag har ett stort intresse för foto och design som märks väl i bloggen.

Fotar med: Nikon D3100
Favoritobjektivet: 50mm f/1.8G
Bloggar om: Foto, vardag, hästar, design
Kontakt: fridaz.lindqvist[snabel-a]gmail.com

Läs mer om...
... mig
... min kamerautrustning
... min fotohemsida
... mitt fotosamarbete


Follow on Bloglovin

finns även här

bloggdesign
Gör ej designer för tillfället.



Länkbyten


övrigt


Bloggranking