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, skeboks 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 skjnner deg p det. Headeren br vre 1122 piksler bred.
Etter height str det 50px. Endre 50 til den hyden 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 nr 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 skjnner.
2: G inn i malene dine og sk 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 vre 935 piksler bred. Last headeren din opp p tinypic.com. Les hvordan du gjr det her.
Bytt ut url-en som er markert med rosa med url-en til headeren din.
Endre hyden som er markert med rosa om ndvendig.

Linker i menyen

G inn p maler. Der er det en kode som ser snn 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 flge 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 snn 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 flge 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 flge 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 hyden 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 snn 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 str det
background-image: url('http://i33.tinypic.com/jrp5rq.jpg');

Bytt ut url-en som str der med url-en til headeren du vil ha.
Du kan bruke en av disse headerne eller lage en selv. URL-en str 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 snn 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 str 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 str det
padding: 210px
bytt ut 210 med hyden 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 snt. Kopier url-en og lim den inn i stilsettet der det str den skal vre. Skriv inn den riktige hyden p headeren. Du kan velge ha den litt hyere om du vil ha litt mellomrom under den. For f sidemenyen til vre like langt oppe som headeren, skriver du det samme etter margin-top under #side som du har skrevet etter hyde p headeren.

#header {
height: 260px; /* Her endrer du hyden 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 snn 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 hyden 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