Idag var det exakt en månad sedan så det tänkte jag fira med en ny design haha.
Jag tycker personligen att detta är en av mina bästa designer någonsin, men vad tycker ni? :)
Klicka f5 ifall du inte ser den! :D
De detaljer jag gillar är att man ser avataren (bilden man laddat upp som "profilbild" på blogg.se) på den som kommenterat om den kommeterat kommenterat (upprepat ord -.-) som "signerat som inloggad via blogg.se", att länkarna fadeas ut & hur det ser ut runt rubriken. Sedan att den är blå & grå & att Ian & Scherzo är med på den! Haha ah, älskar typ hela desigen men andra ord ;)
Fyfan vad jag velar mellan det här ska jag säga lätta saker eller svåra saker haha! Men jag tror jag gör lite varannan!
Börjar med att tipsa om tre praktiska saker:
1. Att alltid designa på en testblogg! Där kan prova sig fram mer eftersom det bara är du som kommer se den, jag gör alltid det och det är hur enkelt som helst att flytta koder mellan bloggarna. Du kopierar bara stilmallarna och kodmallarna från testbloggen och klistrar in på din nya blogg. Håll koll på kodmallarna bara! :)
2. Google is your best friend. Allting finns på google, färdiga koder, guider, hur man gör egna koder, allt!
3. Utgå ur stilmallen Fashion. Åtminstone jag tycker att den är lättast och tydligast att koda ifrån.
Okej, time för det rubriken talar om. Vart man ändrar färger, typsnitt osvosvosv.
Detta är basics och ett måste för att överhuvudtaget kunna ändra något i stilmallen.
h3 { background: #ffe7eb; <- bakgrundsfärg font-family: Trajan Pro, Cutive Mono, Georgia, Arial, Helvetica, sans-serif; <-typsnitt font-size: 25px; <- storlek på texten padding:2px 5px 0px 5px; color: #000000; <- färg på texten margin: 0px 0px 0px; text-align: left; <- vart ni vill att texten ska vara placerad font-weight: normal; <- tjock/smal text text-transform: uppercase; <- stora bokstäver eller små bokstäver }
Detta stycke, h3, styr rubriken och dess utseende. Men koderna ser likadana ut i varje stycke (background kan även heta background-color) och kan ni hur koderna lyder kan ni ändra i varje stycke! anledningen till att jag inte skrev något på padding & margin är för att det finns ett jättebra inlägg om det här, det är lite överkurs men som är bra att kunna!
En sak ni måste kunna för att kunna ändra färger är vad en färgkod är. Det är de siffror som står efter # på bakcground & color. Färgkoder hittar ni exempelvis här och vill ni byta färgkod så ska ni akta så att ni inte råkar ta bort # för om ni gör det funkar det inte!
Anledningen till att det står såpass många typsnitt är därför att om en dator inte kan läsa in det första så visas istället det andra, och om datorn inte kan läsa in det andra visas det tredje osv. Det är bra att ha en standard typsnitt i slutet så att man inte har massa avancerade typsnitt som bara ens egen dator kan se:P
Hur man ändrar storleken på texten är bara genom att ändra numret upp eller ner, och för att ändra vart texten ska vara placerad har ni tre val: left (vänster), center (i mitten) & right (höger). Vill ni ändra till tjock (bold) eller smal (normal) text skriver ni bara in det engelska (det inom parantes) istället för det som står där! För att ändra stora bokstäver till små ändrar ni "uppercase" till "normal" och för att ändra små bokstäver till stora gör ni tvärt om.
För att göra det ännu mer simpelt för er har jag även skrivit var man ändrar vad!:
body - bakgrund på hela bloggen
#wrapper - ändra tex. bredden på bloggen
#header - där ändrar ni headern
#side - menyn i helhet (tex. bredd på menyn)
#content - inlägg i helhet (tex. bredd på inläggen
h3 - rubriken på inläggen
.navheader - rubriken på menyn (senaste inlägg, kategorier, arkiv länkar)
.entrybody - typsnitt mm. på inläggen
.commentheader - rubriken på skriva kommentarer
.commenttext- tyspnitt på skrivna kommentarer
Nu blev det väldigt mycket text så jag tror jag avslutar här!
Sa ju förut att jag skulle ha någon typ "designskola" och jag har funderat ganska mycket på hur jag ska göra detta. Har nu funderat klart på detta och tänkte börja lägga ut tips istället, för alla grunder finns på internet!
Jag vet att ni ville att jag skulle berätta allt från början men nu blir det såhär!
Har redan planerat lite vad jag ska tipsa om, och jag tror att det kommer blir bra, but only time will tell!
Tänkte bara säga det här så att ni inte tror att jag glömt bort det helt haha, och så hörs vi med designtips så fort som möjligt!
Men nu blir det ett avsnitt av någon kul serie och sen ska jag faktiskt sova, är astrött.
Har hållt på med bloggdesignen hela kvällen, håller på att lära mig hur det funkar att skriva egna koder till stilmallen (alltså inga script eller sådan avancerad skit), det är fett kul och jag kommer utnyttja det till 100% i nästa design jag gör. Meeen iallafall, har gjort 3 egna koder (visserligen sådana som fanns om man googlade men det var kul att skriva ur huvudet xd) i designen jag just gjorde och när jag ändå håller på att prata om designen så kommer den komma upp imorgon eller på söndag! Åtminstone jag är jättenöjd, så vi får hoppas att ni tycker om den! :)
Jag har ingen aning om vart all min inspiration kommer ifrån, men det är kul iallafall haha!
Jag har haft förvånansvärt mycket besultsångest med denna design dock, så har fått göra om massa gånger osv, men nu jävlar! ska bara fixa detaljer så ska jag byta sen, om jag inte kommer på något mer att ändra.
har haft en väldigt chill eftermiddag, jag och Emma gick hem till mig för att se på en so-film men det slutade med att vi såg det nya pretty little liars-avsnittet & lite 90210, haha. Efter att hon gått tog jag äntligen tag i alla designbeställningar och blev klar med Sandras design!
Klicka på bilden för att se hur det blev :)
Nu ska jag duscha & sedan typ sova haha.. Jag är äckligt trött haha xd
Och ja, jag är 100% medveten om att den inte är jättevintrig men jag har tröttnat på vintern nu haha :b
update; ja jag har bytt bild, fick en kommentar som bekräftade mina egna tankar om bilden, jag såg fet ut haha.. trodde inte jag hade en annan bild men efter noggrant genomsökande hittade jag en annan!
nej men , jag tror jag gör den jag har nu i "christmas edition" och sedan byter jag tillbaka efter jul, sedan efter att skolan börjat byter jag till den jag just blev klar med för då har det gått en månad.. låter det bra? :D det tycker iaf jag och det är jag som bestämmer ;);)
men nu ska jag kolla de sista avsnitten i säsong 3 av the vampire diaries och gråta lite till dom och sedan blir det sova, så godnatt finisar så hörs vi imorgon! (:
Nu tänkte jag göra en liten "designskola" till alla intresserade! Men frågan är vad ni vill veta? :) Ska jag gå igenom grunder såsom hur man ändrar färger, typsnitt osv eller ska jag gå lite "djupare" och visa hur man gör tex boxar (exempel, kolla menyn), mouseover (exempel, inte så tydligt exempel men kolla hennes meny, håll musen över tex. facebook-ikonen och så ser du att den ändras när du håller musen över, det är mouseover!), slideshow i headern utan att behöva animera (exempel, headern)?
min idé verkade bättre i huvudet än var den var på skärmen, så jag gör om. men nu, mina vänner. nu har jag en idé som om den funkar.. det kommer bli så jäääääääkla bra ! så stay tuned bitches - A
;)
Förövrigt .. köpt nya skor idag! lägger upp bild på dem senare :)