Bloggdesigntips - Fixa med rubrikerna
Tänkte visa hur jag har fixat med mina rubriker:
Vi börjar med dom i menyn:
1. Leta upp navheader i din stilmall.
2. Nu ska du bara lägga lite koder där. Jag föreslår att du tar bort alla gamla koder i det avsnittet.
Det hät jag jag i mitt avsnitt
font-family: 'League Script', cursive;
font-size: 30px;
font-weight: bold;
color: #000;
border-bottom:1px solid #000;
margin-left:5px;
margin-bottom:7px;
margin-right:5px;
text-shadow: 2px 2px 3px #DB78D8;
font-family: 'League Script', cursive; <--- Typsnitt på texten men mitt typsnitt har jag fixat med google web fonts tror jag att det heter.
font-size: 20px; <--- Storlek på texten
color: #000; <--- Färg på texten
border-bottom:1px solid #000; <--- Linjen under texten
margin-left:5px; <--- Lite mellanrum på vänster sida så att inte linjen går ända ut
margin-right:5px; <--- Lite mellanrum på höger sida så att inte linjen går ända ut
text-shadow: 2px 2px 3px #DB78D8; <--- Text skugga med rosa färg
Sen om man vill kan man lägga till massa andra koder :)
Sen kan man göra samma sak fast på avsnittet h3.
0 KommentarerBloggdesigntips - Centrera där man kommenterar
Hej! Tänkte visa hur jag har gjort detta:
Alltså hur jag har fått det hela i mitten! Det är två grejjer man måste göra!
1. Gå in i din stilmall och klistra in denna längst ner.
input{
background-color: white;
border: 1px solid #000;
font-family:Century Gothic, applegothic;
color: #000000;
font-size: 13px;
text-align:center;
}
textarea{
background-color: white;
border: 1px solid #000;
font-family: Century Gothic, applegothic;
color: #000000;
font-weight: normal;
font-size: 13px;
text-align:center;
}
input{
text-align:center;
}
textarea{
text-align:center;
}
2. Leta upp "commentform" i din stilmall.
3. Lägg till denna koden i commentform avsnittet
Text-align:center;
Så att det ser ut såhär:
KLART!
Bloggdesigntips - Högerklicksskydd
Det är väldigt enkelt att lägga in högerklicksskydd! Lägg bara in denna: oncontextmenu="return false" i body koden så det ska se ut såhär: <body oncontextmenu="return false">. Glöm inte att göra i alla kodmallarna! :)
Bloggdesigntips - Ändra utseendet på "textarea"
Tänkte visa hur man ändrar från det här:
Bloggdesigntips - gör inläggen och menyn bredare
Hej jag tänkte visa er hur man gör inläggen bredare. Det är inte så svårt, kanske lite matte bara ;) Många på blogg.se väljer att börja med temat fashion. Vilket jag inte tycker är det enklaste temat. Jag väljer alltid själv till "Nature" för att jag tycker att det är enkelt.
1. Gå in i din stilmall och bläddra ner till "wrapper".
2. Ändra bredden (width: ) på wrapper avsnittet. (från början hade jag 800px) Wrappern är hela bloggen eller vad man ska säga, om man inte har tillräckligt stor wrapper så kan menyn åka ner under inläggen. Så den ska vara ganska stor, mellan 900-1000px tycker jag är ganska bra.
(Jag ändrade till 1000px)
3. Nu ska du gå ner till content. Jag ändrade till 750px
4. Nu ska du till side jag ändrade till 240 för då får jag 10px mellanrum. För content+side=wrappern Alltså ska båda talen tillsammmans i width på content och side vara lite mindre eller lika mycket som wrappern.
Spara och se hur det blev! Såhär blev det för mig:
Hoppas att det inte var för svårt att förstå! Kommentera om det är något som inte fungerar.
Bloggdesigntips - Text i kommentarsrutan
Tänkte visa hur man gjorde såhär:
och sen att om man trycker för att skriva kommentaren så går texten bort!
1. Gå in i dina kodmallar, inläggsidan!
2. Leta upp denna koden
3. Nu ska du skriva in din text som du vill ha. Det gör du mellan textarea och rows så det ska se ut såhär:
rows="7">HÄR SKA TEXTEN STÅ</textarea>
4. Nu ska du lägga in koden för att göra rent rutan, den här:
onFocus="this.value=''; this.onfocus=null;"
5. kopiera och klistra in precis efter "7" (väldigt viktigt!)
Så det ska se ut såhär! :D Hoppas att det fungerar för er!
Bloggdesigntips - skugga runt menyn och inläggen
Hej jag tänkte visa er hur man fixar en skugga runt menyn och inläggen. S som jag har nu. OBS: det kan se konstigt ut beroende på vad man har för header och bloggdesign. Kommentera om det är något som inte funkar.
Klistra in denna koden i side avsnittet
Du kan byta ut färgerna mot vad du vill :D Nu lägger du in den koden under content också! Det är viktigt att du också tar bort den tidigare padding koden (om du har ngn).
Bloggdesigntips - Visa mindre "senaste inläggen"
Tänkte visa hur man minskar antalet rubriker som syns i menyn under senaste inläggen.
Det här menar jag
Gå in i dina kodmallar. Leta upp recentlist. Efter står det limit="siffra"> siffran byter du ut mot det antal du vill ska visas, svårare än så är det inte. :)
Bloggdesigntips - Skugga på rubrikerna
Hej jag tänkte visa hur man får skugga bakom rubrikerna. :)
text-shadow: 2px 2px 3px #DB78D8;
Lägg till denna koden i avsnittet h3 det spelar ingen roll var i det avsnittet. I koden kan du även ändra vilken färg du vill ha på skuggan.Hej!
Jag glömde en sak i videon, om det står en färg som background så måste ni skriva transparent ist så det ser ut såhär:
hej
Typsnitt - tips
Lite avsnittshjälp
Grå=body
Gul=Wrapper
Hur man laddar ner penslar till gimp (mac)
Tryck -HÄR- för att komma till sidan där man laddar ner penslar.
Hur man laddar ner penslar till gimp på mac med google chrome :)
Hur man får rubrikerna centrerade
1. Gå in på din stilmall
2. Leta upp avsnittet som ser ut såhär:
3. Lägg till den här koden i slutet av avsnittet.
text-align: center;
så det ska se ut såhär:
4.Spara!
