Justera text

Tänkte visa koderna som du ska använda om du vill justera text i kodmallen. (höger, vänster, centrera)

Centrera något <center>DIN TEXT</center>
Centrera på ett säkrare sätt <div style="text-align: center">DIN TEXT</div>

Vänsterjustera <div style="text-align:left">DIN TEXT</div>
Högerjustera <div style="text-align:right">DIN TEXT</div>





Få runda hörn på bloggen utan bilder

Tänkte förklara hur man gör om man vill ha runda hörn på bloggen utan att använda egengjorda bilder. Dock fungerar detta bara i Mozilla Firefox än så länge. Så de som har Explorer och tittar på din blogg kommer inte att se de runda hörnen.

Klistra in denna koden under #Wrapper i din stilmall.

-webkit-border-top-left-radius:15px;           
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px;

-khtml-border-radius-topleft:15px;
-khtml-border-radius-topright:15px;
-khtml-border-radius-bottomleft:15px;
-khtml-border-radius-bottomright:15px;

-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;


Om du vill ha mer runda hörn ändrar du till ett högre värde än 15px och vill du ha mindre runda hörn ändrar du till ett lägre värde.
Om du vill ha runda hörn någon annanstans , tex i menyn eller i inläggen så sätter du koden under #side eller #content

Var det något du inte förstod? Kommentera nedan eller mejla mig på nelliesdesign@live.se


Dela upp menyn i boxar

Jag ska förklara hur man gör för att dela upp menyn i boxar.

Börja med att klistra in den här koden under div#side i stilmallen.

#box {
width: 180px;
padding: 5px 5px 5px 5px;
background: #FFFFFF;
margin-top: -3px;
margin-bottom: -1px;
}


Sedan måste du ta bort Background: #ffffff;div#side eftersom du redan har background på #box.

Nu när du ska dela upp själva boxarna. Detta gör du i kodmallarna.

Klistra in denna koden under side i alla kodmallarna.

<div id="box">
innehållet i boxen här
</div><br />


Vill du ha fler boxar är det bara att använda koden igen. Ju fler <br /> du sätter efter koden desto mer mellanrum blir det mellan boxarna.

Vill du ha runda hörn på boxarna?

Då klistrar du in denna koden under #box i stilmallen.

-webkit-border-top-left-radius:15px;           
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px;

-khtml-border-radius-topleft:15px;
-khtml-border-radius-topright:15px;
-khtml-border-radius-bottomleft:15px;
-khtml-border-radius-bottomright:15px;

-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
}

Var det något du inte förstod? Kommentera nedan eller mejla mig på nelliesdesign@live.se

Få en nedräkning på bloggen

Vill du ha en nedräkning på bloggen. Tex. "154 dagar kvar till min födelsedag", "15 dagar kvar till julafton" osv?
Jag ska förklara hur man gör.

Gå in på http://www.startsidan.org/nedrakning.php och fyll i vad det ska stå i nedräkningen och vilket datum du vill räkna ned till.

Kopiera sedan koden som du får i rutan nedanför och klistra in den under #side i dina kodmallar (framsidan, inläggssidan, kategorisidan, arkivsidan)

Om du vill ha lite snyggare text kan du använda denna koden.

<font face="verdana" size="1" color="black">
Här lägger du själva koden för nedräkningen
</font>


Ändra font face till det typsnittet du vill ha
Ändra size till storleken på texten
Ändra color till den färgen texten ska vara

Färgkoder

Alla färger anges i färgkoder. #000000 står för svart och #FFFFFF står för vit.

Andra färgkoder hittar du här eller här.

Vad betyder allt i stilmallen?

Jag tänkte visa vad varje sak står för i stilmallen.

#body: Själva bakgrunden på bloggen
#wrapper: Hela pappersarket kan man säga, allt som inte är bakgrunden.
#side: Menyn som finns på antingen din vänstra eller högra sida på bloggen.
#content: Stället där du skriver inläggen på.
#header: Rutan längst upp på bloggen där man kan sätta till en egen bild.
#header a, h1, h2: detta står för rubrik texten längst upp på bloggen, om du vill ta bort den så ändra size till 0px.

h3 eller *entry headers*: Står för rubrikerna till inläggen.
.navheader: Rubrikerna i menyn tex till senaste inläggen, kategorier mm.
.nav: Länkarna under senaste inlägg, kategorer mm.

entrybody: Den texten man skriver i inläggen.
entrymeta: länkarna under inläggen där det brukar stå kommentarer, trackbacks mm.

commentheader: Där det står postat av: namn vid kommentarerna.
commenttext: Texten i kommentaren
commentmeta: Där det står tid och datum och bloggadressen vid kommentarerna.
commentform: Själva rutan där man skriver din kommentar

separator: linje som skiljer inläggen åt.
form: sök i bloggen rutan

Det andra behöver man oftast inte bry sig om men är det något du undrar över så får du kommentera nedan eller mejla nelliesdesign@live.se

Grundläggande HTML

Tänkte gå igenom grundläggande HTML som är bra att kunna om man ska koda en design.

Fet stil: <B>Text här</B>
Kursiv stil: <I>Text här</I>
Lägga in en bild: <img src="Här skriver du adressen till bilden">
Lägga in en länk: <a href="adressen till sidan">Här skriver du texten som ska stå för länken</a>
Göra en bild till en länk: <a href="adressen till sidan"><img src="adressen till bilden" border="0"></a>
Ändra typsnitt på texten: <font face="namnet på typsnittet">Text här</font>
Ändra storlek på texten: <font size="Skriv in en siffra mellan 1-6">Text här</font>
Ändra färg på texten: <font color="Här skriver du färgkoden">Här skriver du texten</font>
Understruken text: <U>Text här</U>
För att göra en radbrytning: <br />
Centrera något: <center>Texten</center>
Överstruken text: <strike>Text här</strike>
Mellanslag: &nbsp;
Ändra både färg, typsnitt och storlek på texten: <font face="typsnittet" size="siffra 1-6" color="färgkoden"> Text här </font>
Större storlek på texten: <big>Text här</big>

Få fler besökare till din blogg

Om du vill ha fler besökare till din blogg, rekommenderar jag bloggtrafik.nu. Klicka här för att registrera dig direkt.
Det fungerar så att om du besöker 3 andra bloggar så får du 2 besök till din egen blogg. Det kallas att man gör ett trafikutbyte. Så är du inte redan medlem så tycker jag du ska bli det.

Ändra bakgrundsfärg eller lägg in en egen bakgrund

Klicka på 'design' och sedan 'redigera stilmall'
Leta upp avsnittet som heter:

body {
margin: 0px;
padding:0px;
background: #ffffff;
background-attachment: fixed;
}

Byt ut #ffffff (vit) mot den färg du vill ha.
Svart = #000000
Svartgrå = #333333
Grå = #666666
Ljusgrå =#CCCCCC

För att sätta in en egen bild som bakgrund byter du ut background: #ffffff; mot background: url(länk till din bild);

Något du inte förstod? Kommentera nedan eller för snabbare svar, mejla nelliesdesign@live.se

Sätt in en egen header

Börja med att ladda upp din header på din blogg. klicka sedan på bilden och kopiera länken uppe i adressfältet.

Klicka sedan på 'design' och sedan 'redigera stimall'.
Leta upp kodavsnittet som heter:
#header {
background: #ffffff;
padding-left: 0px;
padding-bottom:0px;
padding-top:0px;
margin-top: 0px;
margin: 0px 0px 0px;
width: 800px; Här skriver du bredden på din bild
height: 145px; Här skriver du höjden på din bild
}


Ersätt background med denna raden background: url(länken till din bild);
Spara sedan stilmallen.

Svårt att förstå? Kommentera nedan.

RSS 2.0