Gratis design

Gratis design nr 16!

Gratis design 14 til blogg.no

Gratis design 9: To sidemenyer

Last ned Hjelp til å sette inn designet

Designet har to sidemenyer, en meny hvor du kan legge til egne lenker, søkeboks og stort profilbilde.

Sette inn header

I stilsettet er det noen koder som ser slik ut:
#header {
height: 50px;
width: 1122px;
background-color: transparent;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
border: 0px;
padding: 0px;
margin: 0px auto 0px auto;
}

Etter url(' skal du lime inn url-adressen til headeren din. Du kan laste den opp på tinypic.com for å få en url-adresse til headeren. Les tinypic-guiden min hvis du ikke skjønner deg på det. Headeren bør være 1122 piksler bred.
Etter height står det 50px. Endre 50 til den høyden du vil ha på headeren.

Legge til linker i menyen

Slik ser html-kodene til menyen ut:
<a href="#">Forsiden </a>
<a href="#">Om meg</a>
<a href="#">Bilder</a>
<a href="#">Videoer</a>
<a href="#">Kontakt meg</a>

Hver linje av koden er en link i menyen. Du kan bytte ut "Forsiden", "Om meg", "Bilder" osv med det du vil skal stå der. For å komme inn på en side når du klikker på linkene, må du fjerne dette tegnet # foran navnet på linken og legge til en url-adresse i stedet. Klikk her for å lese hvordan du finner url-adressen til innlegg og kategorier på bloggen din.

Sette inn profilbilde

1: Last opp bildet ditt opp på tinypic.com. Les Tinypic-guiden min om du ikke skjønner.
2: Gå inn i malene dine og søk etter denne url-adressen: http://i53.tinypic.com/rrvbma.jpg
3: Kopier URL-adressen til bildet du lastet opp, og erstatt url-adressen i steg 2 med den.

Gratis design 8: Classy

Classy preview

Last ned Hjelp til å sette inn designet

Bytte header

Headeren burde være 935 piksler bred. Last headeren din opp på tinypic.com. Les hvordan du gjør det her.
Bytt ut url-en som er markert med rosa med url-en til headeren din.
Endre høyden som er markert med rosa om nødvendig.

Linker i menyen

Gå inn på maler. Der er det en kode som ser sånn ut:
<div id="meny">
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
</div>


Bytt ut # med adressen til siden du vil linke til og Link med navnet på linken. Du kan fjerne eller legge til så mange linker du vil.

Fjerne reklamen

Hvis du syns reklamen er irriterende, så kan du følge denne guiden for å fjerne den.

 

Gratis design 7: Live, laugh, love


Last ned
Hjelp til å sette inn designet


For å få dine egne linker i menyen
må du gå inn på maler. Der er det en kode som ser sånn ut:
<div id="meny">
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
</div>


Bytt ut # med adressen til siden du vil linke til og Link med navnet på linken. Du kan fjerne eller legge til så mange linker du vil.

Fjerne reklamen
Hvis du syns reklamen er irriterende, så kan du følge denne guiden for å fjerne den.


Fylle inn interesser og e-mail

Bytt ut det jeg har markert med rosa med interessene dine og e-mailen din.

Gratis design 6


Last ned
Hjelp til å sette inn designet

 

Fjerne reklamen

Hvis du syns reklamen er irriterende, så kan du følge denne guiden for å fjerne den.


Fylle inn interesser og e-mail

Bytt ut det jeg har markert med rosa med interessene dine og e-mailen din.

 


Sette inn egen header

Bytt ut url-en som er markert med rosa med url-en til headeren din.
Endre høyden som er markert med rosa.

 

 

Fjerne bloggnavn i header

Legg til display: none;
under h1 { i stilsettet.

Gratis Design 5: My everyday

Du kan velge mellom mange forskjellige headere. Bla lenger ned for å se dem.




Last ned
Hjelp til å sette inn designet

For å få dine egne linker i menyen må du gå inn på maler. Der er det en kode som ser sånn ut: 
<div id="meny">
<a href="#"> /link </a>
<a href="#"> /link & link </a>
<a href="#"> /links </a>
<a href="#"> /link link </a>
<a href="#"> /linklink </a>
<a href="#"> /link123 </a>
</div>

Bytt ut # med adressen til siden du vil linke til og Link med navnet på linken. Du kan fjerne eller legge til så mange linker du vil.

Sette inn en annen header
Under #header i stilsettet står det
background-image: url('http://i33.tinypic.com/jrp5rq.jpg');

Bytt ut url-en som står der med url-en til headeren du vil ha.
Du kan bruke en av disse headerne eller lage en selv. URL-en står under headeren.
fashionblå
URL: http://i38.tinypic.com/2uqfc.jpg
fashionrosa
URL: http://i34.tinypic.com/2r2xf1v.jpg fashionsvart
URL: http://i36.tinypic.com/20aosxy.jpg everydayblå
URL: http://i33.tinypic.com/4tjzns.jpg everydayrosa
URL: http://i33.tinypic.com/jrp5rq.jpg everydaysvart
URL: http://i35.tinypic.com/2j0micx.jpg photoblå
URL: http://i38.tinypic.com/8yx847.jpg photorosa
URL: http://i36.tinypic.com/2posaw2.jpg photosvart
URL: http://i33.tinypic.com/15rmoo3.jpg


Har du problemer med designet? Ta kontakt. Jeg kan legge designet inn for deg om du vil det. Bare send brukernavn og passord på mail :)
NB: Ikke fjern linken tilbake til siden min.

Gratis Design 4: Butterflies



Last ned
Hjelp til å sette inn designet

Legge inn linker i menyen

Gå inn på maler. Der er det en kode som ser sånn ut: 
<div id="meny">
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
</div>

Bytt ut # med adressen til siden du vil linke til og Link med navnet på linken. Du kan fjerne eller legge til så mange linker du vil.

Sette inn din egen header

Noen linjer under #header i stilsettet står det background-image: none;
Fjern det og sett inn dette i stedet:

background-image: url('URL-en til headeren her');
background-repeat: no-repeat;


Under der igjen står det
padding: 210px
bytt ut 210 med høyden på headeren.


Har du problemer med designet? Ta kontakt. Jeg kan legge designet inn for deg om du vil det. Bare send brukernavn og passord på mail :)
NB: Ikke fjern linken tilbake til siden min.

Design 3: Din header


Last ned
Hjelp til å sette inn designet

 

Legge inn header

Etter du har limt inn alle kodene, laster du den headeren du vil bruke (bredde: 650 pixels) opp på blogg.no, tinypic.com eller noe sånt. Kopier url-en og lim den inn i stilsettet der det står den skal være. Skriv inn den riktige høyden på headeren. Du kan velge å ha den litt høyere om du vil ha litt mellomrom under den. For å få sidemenyen til å være like langt oppe som headeren, skriver du det samme etter margin-top under #side som du har skrevet etter høyde på headeren.

#header {
height: 260px; /* Her endrer du høyden på headeren. */
width: 650px;
background-color: transparent;
background-image: url('http://i49.tinypic.com/nzaf4.jpg'); /* URL-en til headeren */


NB: Ikke fjern linken tilbake til siden min. Ikonene under bloggtittelen har jeg også laget, så om du bruker dem, link tilbake til min blogg.

Design 2: Hestehov



Last ned
Hjelp til å sette inn designet

Legge inn linker i menyen

Gå inn på maler. Der er det en kode som ser sånn ut:

<a href="#" class="meny">link</a>
<a href="#" class="meny">link</a>
<a href="#" class="meny">link</a>
<a href="#" class="meny">link</a>
<a href="#" class="meny">link</a>

Bytt ut # med adressen til siden du vil linke til og Link med navnet på linken. Du kan fjerne eller legge til så mange linker du vil.

Sette inn profilbilde

Gå inn i malene dine. Du må legge til profilbildet i alle de 4 malene.
Bytt ut URL-en jeg har markert med rosa med URL-en til bildet ditt. Du kan laste bildet opp på tinypic.com for å få URL-en. Trykk her for å lese Tinypic guiden.


Gratis design 1: bokeh



Last ned
Hjelp til å sette inn designet

Sette inn profilbilde

Gå inn i malene dine. Du må legge til profilbildet i alle de 4 malene.
Bytt ut URL-en jeg har markert med rosa med URL-en til bildet ditt. Du kan laste bildet opp på tinypic.com for å få URL-en. Trykk her for å lese Tinypic guiden.



Sette inn egen header

Bytt ut url-en som er markert med rosa med url-en til headeren din.
Endre høyden som er markert med rosa.

Fjerne bloggnavnet i headeren

Legg til display: none; under denne koden



Lisa

Lisa

21, Trondheim

Jeg har flyttet til www.nerdie.me/design



Kategorier

Arkiv

hits