Beställningsdesign NR 2
Gratis design NR 3
* Det innebär att du får använda dem till din blogg, du får byta header om du vill (och skriva att du gjort endast headern).
* Du får inte på något vis tjäna pengar med hjälp utav mina mallar, t ex använda mallarna till att göra om lite och sedan sälja till någon annan.
Eller att hjälpa någon annan att lägga in designen mot betalning.
* Du får inte använda mina mallar till att lotta eller tävla ut i din blogg.
Kort sagt så är dessa mallar endast till för att användas på sin privata blogg.
Följer du inte reglerna skickar jag en anmälan och du riskerar att bli avstängd eller så följer något annat "straff".
Eftersom reglerna klart och tydligt står här så finns inga undantag, oavsett hur mycket du mailar och ber om ursäkt.
Design NR.6
Klicka på bilderna så blir dom större
Då skickar du ett email till [email protected]
Där skriver du att du vill ha design NR.6 så tar jag kontakt med dig om hur du betalar och om du vill lägga in designen själv eller om du vill att jag hjälper dig.
Design NR.5 SÅLD
♥ I den här designen ingår bla:
♥ Plats för egen bild i menyn
♥ Valfri text i headern + bloggadress
♥ Bloglovinknapp, Startsidanknapp,
♥ Bildikon vid Senast skrivet, kommentarer, arkiv
♥ Rss ikon
Horisontell meny med dropdown
Design NR.4
klicka på bilderna så blir dom större
I DENNA DESIGN INGÅR:
♥ Plats för egen bild i menyn
♥ Valfri text i headern + bloggadress
♥ Bloglovinknapp, Startsidanknapp
♥ Bildikon vid Kategorier, Senast skrivet, Arkivet
♥ Favikon i browsern
♥ Rss ikon
♥ Skugga vid menyn och headern
Gratis design NR 2
Gratisdesignerna får användas endast om du behåller "design by" i sidomenyn.
STILMALLEN
FRAMSIDAN (Front Page)
GENOMGÅNG AV STILMALLEN
BAKGRUNDEN
body {
background: #FFFFFF url(http://DinBildsUrlAdress.com/bild.jpg);
margin:0;
padding:0px 0 14px;
text-align:center;
color:#333;
}
FÄRGEN PÅ DINA LÄNKAR I INLÄGGEN
a {color: #000000;text-decoration:bold;}
a:hover {color: #fffffff;text-decoration:bold;}
#000000 står för färgen svart.
Vill du ha en annan färg, byter du bara ut #000000 mot en annan färgkod.
Koder kan du hitta HÄR.
BLOGGARKET, DET VITA SOM HEADER, INLÄGG, MENY LIGGER PÅ
#wrapper {
text-align: left;
width: 830px; <---------Här kan du ändra vilken bredd arket ska ha.
margin: 50px auto;
padding: 30px;
vertical-align: top;
border: 5px dotted #D9CCD0; <------Ramen runt arket.
background-color: #FFFFFF; <---------Färgen på arket.
}
Här är olika ramstilar
solid
dashed
dotted
double
groove
ridge
inset
outset
Om du inte vill ha någon ram runt arket så ändrar du bara så att border-färgen är samma som på bakgrund-color.
HEADER
#header {
background: #FFFFFF url(http://DinBildsUrlAdress.com/bild.jpg) no-repeat right center;
padding-left: 30px;
padding-bottom:15px;
padding-top:30px;
margin: 0px 0px 20px;
width: 700px; <------------Ändra width till 800px; om din header är 800 pixlar bred.
height: 200px; <-----------Ändra heigh till 400px; om din heder är 400 pixlar hög
SIDOMENYN
#side {
margin-right:0;
padding: 24px 12px 0px;
background: #ffffff; (Färg på bakgrunden i sidokolumnen)
width: 150px; (Bredden på sidokolumnen.)
margin-left: 620px;
}
INLÄGGSRUBRIKER
/** Entry headers **/
h3 {
font-family: papyrus; <------------Anger vilket typsnitt du vill ha på rubriken.
font-size: 20px; <---------------Anger vilken storlek det är på rubrikerna
font-weight: medium;
color: #000;
background:#ffffff; <--------------Om du vill ha en särskild bakgrundsfärg till rubrikerna så
padding:14px 10px 10px 15px; <------------ändrar du färgkoden.
margin: 0px 0px 10px;
height: 14px;
vertical-align: top;
text-align: left; <---------om du ändrar left till right så högerjusterar du rubriken.
}
RUBRIKERNA I SIDOMENYN (Kategorier,länkar, osv)
.navheader {
font-family: arial; <---------Typnitt på rubrikerna
font-size: 15px; <------------Storlek på rubrikerna
font-weight: bold; <---------kursiv, fetstil,
color: #000000; <---------Färg på rubrikerna
margin-bottom: 3px;
}
LÄNKARNA I SIDOMENYN
.nav a {
color: #000000; <--------------Normal färg på länken
text-decoration:none;
font-family:verdana; <-------------- Typsnitt på länkarna
font-size: 12px;
}
.nav a:hover { color: #999999;text-decoration:bold;} <--------Färg på länken när du håller pilen där.
INLÄGGSTEXTEN
/** Post's body text **/
.entrybody {
font-family: "Times New Roman", Times, serif; <-----------Typnitt på texten
font-size: 12px; <------------Storlek på texten
font-weight: normal;
color: #000000; <-------------Färg på texten
line-height: 130%;
text-align:justify;
padding:20px;
margin: 10px 0px 0px 0px;
}
Datum då inlägget postades:
/** 'Posted by' txt **/
.entrymeta {
font-family: century gothic; Typsnitt
font-size: 10px; Storlek
font-weight: normal;
color: #000000; Färg
padding:20px;
text-align:right;
}
FÄRG PÅ LÄNKARNA BREDVID DATUMET PÅ INLÄGGET (permalink, kommentarer osv.)
.entrymeta a { color: #ffffff; text-decoration:bold;}
.entrymeta a:hover { color: #fff;text-decoration:bold; }
TA BORT STRECK MELLAN INLÄGGEN
.separator {
border-top: 2px solid #000000; <--------------byt till samma färgkod som färgen på ditt ark.
border-bottom: 0px solid #000000;
margin: 14px 0px 14px 0px
bellas design på plats
Design NR.3
Vill du ha den här designen för endast 100 kr?
Då skickar du ett email till [email protected]
Där skriver du att du vill ha Design NR.3 så tar jag kontakt med dig om hur du betalar och om du vill lägga in designen själv eller om du vill att jag hjälper dig.
I DENNA INGÅR:
♥ Plats för egen bild i menyn
♥ Valfri text i headern + bloggadress
♥ Bloglovinknapp, Startsidanknapp
♥ Bildikon vid Kategorier, Senast skrivet, Arkivet
♥ Favikon i browsern
♥ Rss ikon
♥ Skugga vid menyn och headern
PERSONLIG MENY
Gå in i dina kodmallar:
Leta upp koden som ser ut så här:
<div class= "nav">
Det är nedanför denna kod som du ska skapa din meny nu.
Lägg in följande kod:
<div>Din rubrik</div><br />
Byt ut Din rubrik mot namnet på den rubriken du vill använda.
Om du vill ha längre avstånd neråt, så lägger du till <br />
Klicka på den kategori du vill länka till, kopiera adressen.
Lägg in länkarna där du vill ha dom i din meny, genom att kopiera följande kod:
<a href="länkadressen">Den klickbara länken</a>
♥ Där det står Länkadressen, lägger du in adressen som du kopierade.
♥ Där det står Den klickbara länken, där ska du ha själv länken som man ska klicka på.
Om du skulle vilja ha en bild framför din länkadress/kategori, så skriver du så här istället:
<img src="Adressen till din bild"> <a href="länkadressen">Den klickbara länken</a>
Följ mig via bloglovin så behöver du inte missa när det kommer upp några fler tips
Beställningsdesign NR 1
Klicka på bilden så kommer ni direkt till hennes sida
Vinnare utav en bloggdesign
Klicka på bilden så kommer ni direkt till hennes blogg.
Så här blev det
Syftet med denna sidan
Är att kunna hjälpa er som vill med att få koderna och fungera, men det kommer även finns mycket annat som:
Tävlingar Köpa färdig design Gratisdesigner Blogghjälp
Jag började och lära mig koder i höstas 2009
Det va då jag började och få kläm på det hela.
Det har varit många förvirrande timmar då man bara suttit och tittat på koderna och inte fattat nått.
Men skam den som ger sig=)
Nu när jag förstår koderna så tycker jag det är riktigt lätt , men såklart finns det mycket mer att lära.
Hur har jag då lärt mig det jag kan idag?
Jag har googlat allt som jag velat lära mig.
ex: Länkar CSS för att då kunna sålla ut onördiga sökresultat som inte rör just webbdesign.
De sidor jag tipsar om som har varit till STOR hjälp är:
Kaxigt Simones Blogg Bra guider Webdesignskolan Webbdesign24 Annica Tigers HTML skola Webdesigndirekt Tescho Design & Makeup EgosidanOch så köpte jag 2 tidningar:
Bloggtidningen Skapa en bättre webbplats - Lär dig HTML från Allt om PCUPPREPNING/FIXERA Bakgrunden
TA BORT UPPREPNING AV BAKGRUNDEN
För att bakgrundsbilden inte ska upprepa sig
Gå in i stilmallen och klistra in:
no-repeat;
Exempel:
background: #FFFFFF url(bildadress) no-repeat;
FIXERA BAKGRUNDEN
För att fixera bakgrunden så att den ligger stilla när man scrollar nedåt.
Då skriver man in följande kod i stilmallen:
background-attachment: fixed;
Exempel:
body {
margin: 0px;
padding:0px;
background: #373737 url(bildadressen);
background-attachment: fixed;
}
HUR MAN LÄGGER IN EN BAKGRUND
Hur man lägger in bakgrund
1. Skapa först en egen eller ta en du hittar på nätet.
Backgroundlabs
Bigoo
Patterncoller
2. Klicka på skapa, bild och ladda upp bilden, kolla hur stor bilden är
tex: 1000x800 då ska du ändra bredd till 1000 när du laddar upp bilden.
3. När du laddat upp bilden klicka på den och kopiera länken högst upp.
4. Gå in på stilmallen bläddra ner till
body {
background:url(Länken till bilden här); <-----Lägg in länken här
BYT FÄRG PÅ BAKGRUNDEN
Ändra färg på bakgrunden
Klicka på stilmallen och bläddra ner till:
body {
background:#ffffff; <----ändra färgen här
Vet du inte vilken färg du vill ha?
Klicka då på färgkartan [HÄR] eller [HÄR]
FLYTTA UPP DATUM
Flytta upp datum
GÖR SÅ HÄR:
1. Gå in i kodmallen och bläddra ner till content, leta upp koden som ser ut så här:
<h3>${EntryTitle}</h3>
<div>${EntryBody}</div>
<div>
${EntryDate} @ ${EntryTime}
2. Ta bort koden som ser ut så här:
${EntryDate} @ ${EntryTime}
3. Kopiera denna koden:
<div align="left"><font face="verdana" size="1" color="pink"> ${EntryDate} @ ${EntryTime}</font></div>
4. Klistra in koden under <h3>${EntryTitle}</h3>
Vill du ändra sida skriver du:
vänster=left
höger=right
mitten=center
Typsnitt ändrar du på:
font face="verdana"
Storlek på:
size="1"
Färg på texten:
color="#E0E0E0"
Färgkarta:
Bloggdesign
December
Canit
InternetGrafik
Gratis design NR 1
Gratisdesignerna får användas endast om du behåller "design by" i sidomenyn.
* Mallarna är endast till för PRIVAT BRUK.
* Det innebär att du får använda dem till din blogg, du får byta header om du vill (och skriva att du gjort endast headern).
* Du får inte på något vis tjäna pengar med hjälp utav mina mallar, t ex använda mallarna till att göra om lite och sedan sälja till någon annan.
Eller att hjälpa någon annan att lägga in designen mot betalning.
* Du får inte påstå att du gjort designen själv, hänvisning måste finnas till min blogg http://jennysbloggdesign.blogg.se
* Du får inte använda mina mallar till att lotta eller tävla ut i din blogg.
Kort sagt så är dessa mallar endast till för att användas på sin privata blogg.
Följer du inte reglerna skickar jag en anmälan och du riskerar att bli avstängd eller så följer något annat "straff".
Eftersom reglerna klart och tydligt står här så finns inga undantag, oavsett hur mycket du mailar och ber om ursäkt.
Så varsågod och låna=)
STILMALLEN
FRONT PAGE
Design NR.2
Denna design finns tillgänglig.
Byter namnet i headern till det du vill=)
Självklart så går det och lägga in en profilbild i menyn om man vill=)
Vill du göra andra ändringar är du välkommen att höra av dig :)
Vill du ha den här designen för endast 100 kr?
Då skickar du ett email till [email protected]
Där skriver du att du vill ha Design NR.2 så tar jag kontakt med dig om hur du betalar och om du vill lägga in designen själv eller om du vill att jag hjälper dig.
Design NR.1
Denna design finns tillgänglig.
Jag byter namnet i headern till det du vill att det ska stå=)
Självklart så går det och lägga in en profilbild i menyn om du skulle vilja=)
Vill du göra andra ändringar är du välkommen att höra av dig :)
Vill du ha den här designen för endast 100 kr?
Då skickar du ett email till [email protected]
Där skriver du att du vill ha Design NR.1 så tar jag kontakt med dig om hur du betalar och om du vill lägga in designen själv eller om du vill att jag hjälper dig.
