Fullpage templates

Hier vindt je enkele templates waar alles al gecodeerd is, en je alleen nog maar de plaatjes hoeft toe te voegen.
Overal staat een voorbeeld, de link naar het grote plaatje wat je dan kan bewerken, en de code staat er onder. Het enige wat je hoeft te doen is de kleuren te bewerken en je eigen layout-adres toe te voegen. Als je niet weet hoe je een layout moet uploaden, kijk dan hier.

Template 1:
fullpage template 2 thumbnail
Klik voor het grote plaatje

<style>
#main {border: none; background: none; margin-top: -185px; margin-left: 0; height: 1135px;width: 900px;}
#content {width: 200px;}
table, td {background: none;}
#header, #footer, .sidebar, .contentHeader {display: none;}
body {background-color: #FFFFFF;}
#img {background-repeat: no-repeat; background-position: top left;}
</style>
<body background="ADRESVANJEPLAATJEHIER" id="img">

<div style="position: absolute; top: 411px; left: 213px; width: 320px; height: 496px; overflow: auto;">

Welkom

</div>

<div style="position: absolute; top: 411px; left: 576px; width: 353px; height: 120px; overflow: auto;">

Nieuws

</div>

<div style="position: absolute; top: 545px; left: 576px; width: 353px; height: 358px; overflow: auto;">

Links

</div>

Template 2:
fullpage template 2 thumbnail
Klik voor het grote plaatje

<style>
#main {border: none; background: none; margin-top: -185px; margin-left: 0; height: 1135px;width: 900px;}
#content {width: 200px;}
table, td {background: none;}
#header, #footer, .sidebar, .contentHeader {display: none;}
body {background-color: #FFFFFF;}
#img {background-repeat: no-repeat; background-position: top left;}
</style>

<body background="ADRESVANJEPLAATJEHIER" id="img">
<div style="position: absolute; top: 411px; left: 195px; width: 392px; height: 526px; overflow: auto;">

Welkom

</div>
<div style="position: absolute; top: 411px; left: 600px; width: 341px; height: 262px; overflow: auto;">

Nieuws

</div>
<div style="position: absolute; top: 684px; left: 600px; width: 341px; height: 254px; overflow: auto;">

Links

</div>


Template 3:
fullpage template 3 thumbnail
Klik voor het grote plaatje

<style>
#main {border: none; background: none; margin-left: 0px; margin-top: -185px; height: 1285px; width: 900px;}
#content {width: 200px;}
table, td {background: none;}
#header, #footer, .sidebar, .contentHeader {display: none;}
body {background-color: #FFFFFF;}
#img {background-repeat: no-repeat; background-position: top left;}
</style>
<body background="ADRESVANJEPLAATJEHIER" id="img">

<div style="overflow: auto; position: absolute; top: 625px; left: 29px; width: 270px; height: 450px;">

Links

</div>
<div style="overflow: auto; position: absolute; top: 625px; left: 367px; width: 610px; height: 450px;">

Nieuws

</div>

Template 4:
fullpage template 3 thumbnail
Klik voor het grote plaatje

<style>
#main {border: none; background: none; margin-top: -185px; margin-left: 0; height: 1285px; width: 900px;}
#content {width: 200px;}
table, td {background: none;}
#header, #footer, .sidebar, .contentHeader {display: none;}
body {background-color: #FFFFFF;}
#img {background-repeat: no-repeat; background-position: top left; }
</style>
<body background="ADRESVANJEPLAATJEHIER" id="img">

<div style="position: absolute; top: 795px; left: 30px; width: 420px; height: 280px; overflow: auto;">
Vak 1


</div>
<div style="position: absolute; top: 682px; left: 231px; width: 740px; height: 70px; overflow: auto;">

Vak 2

</div>

<div style="position: absolute; top: 795px; left: 510px; width: 460px; height: 280px; overflow: auto;">

Tekst

</div>

Template 5:
fullpage template 3 thumbnail
Klik voor het grote plaatje

<style>
#main {border: none; background: none; margin-left: 760px; margin-top: -185px; height: 1185px; left: 773px; width: 180px;}
#content {width: 150px; }
table, td {background: none;}
#header, #footer, .sidebar, .contentHeader {display: none;}
body {background-color: #FFFFFF;}
#img {background-repeat: no-repeat; background-position: top left; }
</style>
<body background="ADRESVANJEPLAATJEHIER" id="img">

<div style="position: absolute; top: 405px; left: 10px; width: 210px; height: 640px; overflow: auto;">

Links

</div>

<div style="position: absolute; top: 515px; left: 250px; width: 500px; height: 520px; overflow: auto;">

Tekst

</div>

Template 6:
fullpage template 3 thumbnail
Klik voor het grote plaatje

<style>
#main {border: none; background: none; margin-top: -185px; margin-left: 0; height: 1185px; width: 900px;}
#content {width: 200px;}
table, td {background: none;}
#header, #footer, .sidebar, .contentHeader {display: none;}
body {background-color: #FFFFFF;}
#img {background-repeat: no-repeat; background-position: top left; }
</style>
<body background="ADRESVANJEPLAATJEHIER" id="img">
<div style="position: absolute; top: 171px; left: 221px; width: 560px; height: 201px; overflow: auto;">

Tekst

</div>

<div style="position: absolute; top: 418px; left: 503px; width: 492px; height: 287px; overflow: auto;">

Tekst

</div>

<div style="position: absolute; top: 747px; left: 241px; width: 383px; height: 337px; overflow: auto;">

Tekst<p>


</div>

Terug naar Stap 7: Breid je layout uit