Beställningsdesign NR 2

Klicka på bilden så kommer ni direkt till Izabelle´s blogg




Gratis design NR 3




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






FRAMSIDAN (Front Page)







Design NR.6

Vem vill ha denna designen?

Klicka på bilderna så blir dom större





Vill du ha den här designen för endast 100 kr?

Då skickar du ett email till design.hjalp@live.se

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

Vem vill ha den här designen?









Vill du ha den här designen för endast 100 kr?

Då skickar du ett email till design.hjalp@live.se

Där skriver du att du vill ha Design NR.5 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 DESIGN INGÅR:

♥ 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

Vem vill ha denna designen







klicka på bilderna så blir dom större

Vill du ha den här designen för endast 100 kr?

Då skickar du ett email till design.hjalp@live.se

Där skriver du att du vill ha Design NR.4 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 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.




Så varsågod och låna=)

STILMALLEN





FRAMSIDAN (Front Page)

GENOMGÅNG AV STILMALLEN

En lättare förklaring till vad din stilmall innehåller.

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



(Klicka på bilden ovan för att komma till hennes sida)

Ägaren till designen blev Grymma Bella

Design NR.3

Denna design finns tillgänglig.


 

Vill du ha den här designen för endast 100 kr?

Då skickar du ett email till design.hjalp@live.se

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

Hur skapar en 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>


LYCKA TILL!!



Följ mig via bloglovin så behöver du inte missa när det kommer upp några fler tips


bloglovin


Beställningsdesign NR 1

Mooas design på plats.



Klicka på bilden så kommer ni direkt till hennes sida


Vinnare utav en bloggdesign

Nu har VINNAREN Maandiisss fått sin design.

Klicka på bilden så kommer ni direkt till hennes blogg.

Så här blev det


Syftet med denna sidan

Syftet med denna sida:
Ä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


Du får mer än gärna lägga till mig på bloglovin för att hålla koll på det senaste hos mig.


bloglovin


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
Egosidan


Och så köpte jag 2 tidningar:

Bloggtidningen
Skapa en bättre webbplats - Lär dig HTML från Allt om PC


UPPREPNING/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 design.hjalp@live.se

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 design.hjalp@live.se

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.

 


Följ min blogg

Följ min blogg med bloglovin

RSS 2.0