Länkpartners
Vill du bli länkpartner till NelliesDesign och därmed stå med här? Kontakta mig på [email protected].
Du kan även ansöka om att ha en reklamplats (banner) på första sidan.
e-handel Preemtech erbjuder kvalitetsmedvetna företag helhetslösningar för e-handel.
Gratissidan De bästa gratiserbjudandena på nätet
utbytet.com Gratis reklam för bloggen.
Hela kroppen webbshop - näring för kroppen, huden och håret
Annonser
Du kan även ansöka om att ha en reklamplats (banner) på första sidan.
e-handel Preemtech erbjuder kvalitetsmedvetna företag helhetslösningar för e-handel.
Gratissidan De bästa gratiserbjudandena på nätet
utbytet.com Gratis reklam för bloggen.
Hela kroppen webbshop - näring för kroppen, huden och håret
Annonser
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>
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å [email protected]
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å [email protected]
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; på 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å [email protected]
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; på 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å [email protected]
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.
Ändra font face till det typsnittet du vill ha
Ändra size till storleken på texten
Ändra color till den färgen texten ska vara
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.
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 [email protected]
#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 [email protected]
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:
Ä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>
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:
Ä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.
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 [email protected]
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 [email protected]
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.
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.
Designhjälp till Blogg esse
Här kommer jag lägga ut guider inom bloggdesign till blogg.se. Har du tips på något du vill ha en guide på, mejla [email protected]
GRUNDLÄGGANDE
» Sätt in en egen header på bloggen
» Ändra bakgrundsfärg eller lägg in en egen bakgrund
» Få fler besökare till din blogg
» Grundläggande HTML
» Vad betyder allt i stilmallen?
» Färgkoder
» Justera text (Center, höger, vänster)
BILDER & BAKGRUNDER
Kommer...
TEXT & TYPSNITT
Kommer...
ÖVRIGT INOM BLOGGDESIGN
» Få en nedräkning på bloggen
» Dela upp menyn i boxar
» Få runda hörn på bloggen utan bilder
GRUNDLÄGGANDE
» Sätt in en egen header på bloggen
» Ändra bakgrundsfärg eller lägg in en egen bakgrund
» Få fler besökare till din blogg
» Grundläggande HTML
» Vad betyder allt i stilmallen?
» Färgkoder
» Justera text (Center, höger, vänster)
BILDER & BAKGRUNDER
Kommer...
TEXT & TYPSNITT
Kommer...
ÖVRIGT INOM BLOGGDESIGN
» Få en nedräkning på bloggen
» Dela upp menyn i boxar
» Få runda hörn på bloggen utan bilder
Allmän Information
Här tänkte jag ta upp lite information om du är intresserad av att köpa en design.
- Betalningsalternativ ett går till så att jag börjar att göra designen lite smått, sedan betalar du in hälften av betalningen som handpenning. Sedan gör jag klart hela designen och då betalar du resten.
- En annat alternativ till betalning är att jag gör designen på en annan domän, sen visar jag dig den och när du är nöjd betalar du och sedan sätter jag in designen på din blogg. Om du är osäker på någon av metoderna, kontakta mig så får vi diskutera en alternativ metod.
- Om du är intresserad av att köpa en design så ska du mejla till [email protected] eller använda kontaktformuläret på hemsidan. I mejlet ska du skriva din bloggadress (om du redan har en blogg) och en detaljerad beskrivning av din design. Om du har möjlighet får du gärna skicka med en skiss. Jag vill även att du skickar med alla bilder du vill ha i headern, menyn etc etc.
- Alla priser är inkl. moms.
- Om du väljer en av gratis designerna som jag erbjuder och vill ha hjälp med att sätta in egna bilder, text och länkar så tar jag ut en avgift på 50 SEK.
- Om du vill ha en design utan en länk till Nellies Design tillkommer en extra avgift på 50 SEK.
- Uteblivet köp debiteras med halva avgiften enligt överenskommelsen.
- Vi erbjuder även en extra veckas service efter att designen är klar om det är något litet du vill ändra, sätta till eller ta bort.
- Tiden det tar att göra din design varierar beroende på svårighetsgrad etc. Vi strävar alltid efter att kunden ska bli så nöjd som möjligt därför kommer kunden och jag att ha en mejlkonversation under tiden jag gör din design så att du som kund kan vara med att påverka hur din design blir under arbetets gång.
- Har du frågor angående designhjälpsguiden ber jag mejla [email protected] så ska jag försöka hjälpa dig. Observera att jag endast kan hjälpa dig skriftligt via mejl. Inte praktiskt!
Om oss
Välkommen till Cornelia Webdesign (fd. Nellies Design). Företaget startades den 2 Februari 2011 med syftet att erbjuda företag och privatpersoner designer till deras hemsidor och bloggar. Vårt mål är att kunna erbjuda flera olika tjänster med högsta kvalité och service så att det passar alla. För oss är det viktigt att du som kund blir nöjd, därför är vi mycket öppna för dina egna förslag & önskemål. Vi erbjuder även en veckas extra service efter det att designen är klar ifall du som kund vill ändra något.
Vi erbjuder förutom designbeställningar, även designauktioner på redan färdiga designer, gratisdesigner, designhjälp via hemsidan eller mejl, designer till weebly.com etc. För mer info, klicka på "Tjänster" i menyn.
Vi erbjuder förutom designbeställningar, även designauktioner på redan färdiga designer, gratisdesigner, designhjälp via hemsidan eller mejl, designer till weebly.com etc. För mer info, klicka på "Tjänster" i menyn.