Website layouts

<head><title>Mijn site --- Titel hier</title><head>

body {
background:url(http://i28.tinypic.com/292wac7.png) fixed;
font: 10px tahoma;
color: #004820;
scrollbar-base-COLOR:E7E43B;
}

a { 
font:10px tahoma; 
text-decoration: none; 
color:#004820; 
}

a:hover {
font:10px tahoma; 
text-decoration: none; 
color:#7F9A1A; 
}

#ing {
position:absolute;
left: 100px;
top: 0px;
border:1px solid black;
}

.r1 {
position:absolute;
overflow: auto;
left:100px;
top: 203px;
width:150px;
height:600px;
border:1px solid black;
background-color: #C9DC81;
}

.r2 {
position:absolute;
overflow: auto;
left:252px;
top: 203px;
width:499px;
height:600px;
border:1px solid black;
background-color: #7F9A1A;
padding-left: 2px;
padding-right: 2px;
}

.r3 {
position:absolute;
overflow: auto;
left:753px;
top: 203px;
width:150px;
height:600px;
border:1px solid black;
background-color: #C9DC81;
}

.bottom {
position:absolute;
overflow: auto;
left:750px;
top: 203px;
width:150px;
height:625px;
}

h1 {
font: 18px tahoma;
color: #004820;
text-align: center;
background: #E1EEAF;
border-bottom: 4px solid #ffffff;
}

h2 {
font: 18px tahoma;
color: #004820;
text-align: center;
background: #ffffff;
border-bottom: 4px solid #7F9A1A;
}

</style>

<div class="r1">
<center>
<h2>Site</h2>
Hier kun je alle links neerzetten die te maken hebben met de site.
Dus bijvoorbeeld informatie, credits enzovoort.

<h2>Navigatie</h2>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>

</center>
</div>

<h1>Welkom</h1>
Hoi,<br>
Heel leuk dat je deze layout hebt uitgekozen!!<br>
Met deze layout kan je heel veel doen<br>
een webbie maken.. misschien wel een eigen graphicssite<br>
In ieder geval veel plezier ermee:)<br>
Je kan door dit tekstje hier goed zien hoe de layout eruit ziet als je er tekst op hebt gezet<br>
In dit vlak kun je bijvoorbeeld het nieuws van je website zetten<br><br>

In de beide zijvlakken kun je je links bijvoorbeeld neerzetten<br>
Je kan de titeltjes van stukjes tekst veranderen door een nieuwe titel te maken en deze tussen < h1 > (is de titel van het middenvlak mee gedaan)  en </ h1> te zetten (zonder spaties!!) of door de titel tussen < h2> en < /h2 > te zetten ;)<br> Deze laatste tags horen bij de titeltjes van de beide zijvlakken.<br><br>

</div>

<div class="r3">
<center>
<h2>Links</h2>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a>

<h2>Titel hier</h2>
tekst hier<br>
tekst hier<br>
tekst hier<br>
tekst hier<br>
tekst hier<br>
tekst hier<br>

</center>
</div>
<div class="bottom"></div>

<head><title>Mijn site --- Titel hier</title><head>

body {
background:url(http://i8.tinypic.com/6f66io0.png) fixed;
font: 10px tahoma;
color: #fd0069;
scrollbar-face-COLOR:ffa3ca;
scrollbar-shadow-color:fd0069;
scrollbar-highlight-color:fd0069;
scrollbar-3dlight-color:white;
scrollbar-darkshadow-color:white;
scrollbar-track-COLOR:ffa3ca;
scrollbar-arrow-color:fd0069
}

a { 
font:10px tahoma; 
text-decoration: none; 
color:#fd0069; 
}

a:hover {
font:10px tahoma; 
text-decoration: none; 
color:#FF0000; 
}

#ing {
position:absolute;
left: 50px;
top: 0px;
border:1px solid black;
}

#ing2 {
position:absolute;
left: 50px;
top: 804px;
border:1px solid black;
bottom: 50px;
}

.r1 {
position:absolute;
overflow: auto;
left:50px;
top: 203px;
width:155px;
height:600px;
border:1px solid black;
background-color: #ffe3ef;
}

.r2 {
position:absolute;
overflow: auto;
left:206px;
top: 203px;
width:590px;
height:600px;
border:1px solid black;
background-color: white;
}

.r3 {
position:absolute;
overflow: auto;
left:797px;
top: 203px;
width:155px;
height:600px;
border:1px solid black;
background-color: #ffe3ef;

}

h1 {
font: 25px tahoma;
color: #fd0069;
border-bottom:1 dashed #ffa3ca;
text-align: right;
}

h2 {
font: 18px tahoma;
color: #fd0069;
border-bottom:1 dashed #fd0069;
text-align: right;
}

</style>

<div class="r1">
<center>
<h2>Site</h2>
Hier kun je alle links neerzetten die te maken hebben met de site.
Dus bijvoorbeeld informatie, credits enzovoort.

<h2>Staff</h2>
Hier kun je de staff van je website neerzetten ;)
Hoe je dat doet mag je natuurlijk helemaal zelf weten

<h2>Link mij</h2>
<a href="http://www.neopets.com/~mickiiii" border=0px>
<img src=" http://i7.tinypic.com/5yhyt0i.gif" border=0px></a>
<    TEXTAREA  cols=15     >
<a href="http://www.neopets.com/~mickiiii" border=0px>
<img src=" http://i7.tinypic.com/5yhyt0i.gif" border=0px></a>
<    /TEXTAREA    >
<br>
Verander dit natuurlijk wel in je eigen bannertjes ;):P
</center>
</div>

<div class="r2">
<center>
<h1>Welkom</h1>
Hoi,<br>
Heel leuk dat je deze layout hebt uitgekozen!!<br>
Met deze layout kan je heel veel doen<br>
een webbie maken.. misschien wel een eigen graphicssite<br>
In ieder geval veel plezier ermee:)<br>
Je kan door dit tekstje hier goed zien hoe de layout eruit ziet als je er tekst op hebt gezet<br>
In dit vlak kun je bijvoorbeeld het nieuws van je website zetten<br><br>

<h2>LET OP:</h2>
In deze layout staat nog wel een klein foutje, doordat de layout op dreamygraphics is gezet in een textarea<br>
De textarea bij 'link mij' kun je het weer laten doen door de spaties er tussen uit te halen ;)

</center>
</div>

<div class="r3">
<center>
<h2>Links</h2>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a>

<h2>Titel hier</h2>
tekst hier<br>
tekst hier<br>
tekst hier<br>
tekst hier<br>
tekst hier<br>
tekst hier<br>

</center>
</div>

<head><title>Mijn site --- Titel hier</title><head>

body {
background:url(http://i8.tinypic.com/4vofsq9.png) fixed;
font: 10px tahoma;
color: #3773bd;
scrollbar-face-COLOR:e9eff7;
scrollbar-shadow-color:3773bd;
scrollbar-highlight-color:3773bd;
scrollbar-3dlight-color:white;
scrollbar-darkshadow-color:white;
scrollbar-track-COLOR:e9eff7;
scrollbar-arrow-color:3773bd
}

a { 
font:10px tahoma; 
text-decoration: none; 
color:#3773bd; 
}

a:hover {
font:10px tahoma; 
text-decoration: none; 
color:#FF0000; 
}

#ing {
position:absolute;
left: 50px;
top: 0px;
border:1px solid black;
}

#ing2 {
position:absolute;
left: 50px;
top: 804px;
border:1px solid black;
bottom: 50px;
}

.r1 {
position:absolute;
overflow: auto;
left:50px;
top: 203px;
width:155px;
height:600px;
border:1px solid black;
background-color: #e9eff7;
}

.r2 {
position:absolute;
overflow: auto;
left:206px;
top: 203px;
width:590px;
height:600px;
border:1px solid black;
background-color: white;
}

.r3 {
position:absolute;
overflow: auto;
left:797px;
top: 203px;
width:155px;
height:600px;
border:1px solid black;
background-color: #e9eff7;

}

h1 {
font: 25px tahoma;
color: #3773bd;
border-bottom:1 dashed #a4c7f3;
text-align: right;
}

h2 {
font: 18px tahoma;
color: #3773bd;
border-bottom:1 dashed #054492;
text-align: right;
}

</style>

<div class="r1">
<center>
<h2>Site</h2>
Hier kun je alle links neerzetten die te maken hebben met de site.
Dus bijvoorbeeld informatie, credits enzovoort.

<h2>Staff</h2>
Hier kun je de staff van je website neerzetten ;)
Hoe je dat doet mag je natuurlijk helemaal zelf weten

</center>
</div>

<div class="r3">
<center>
<h2>Links</h2>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a>

<h2>Titel hier</h2>
tekst hier<br>
tekst hier<br>
tekst hier<br>
tekst hier<br>
tekst hier<br>
tekst hier<br>

</center>
</div>

<head><title>Mijn site --- Titel hier</title><head>

body {
background:url(http://i7.tinypic.com/4y63m9t.png) fixed;
font: 10px tahoma;
color: #568200;
scrollbar-face-COLOR:dbf5a8;
scrollbar-shadow-color:568200;
scrollbar-highlight-color:568200;
scrollbar-3dlight-color:white;
scrollbar-darkshadow-color:white;
scrollbar-track-COLOR:dbf5a8;
scrollbar-arrow-color:568200
}

a { 
font:10px tahoma; 
text-decoration: none; 
color:#568200; 
}

a:hover {
font:10px tahoma; 
text-decoration: none; 
color:#FF0000; 
}

#ing {
position:absolute;
left: 50px;
top: 0px;
border:1px solid black;
}

#ing2 {
position:absolute;
left: 50px;
top: 804px;
border:1px solid black;
bottom: 50px;
}

.r1 {
position:absolute;
overflow: auto;
left:50px;
top: 203px;
width:155px;
height:600px;
border:1px solid black;
background-color: #dbf5a8;
}

.r2 {
position:absolute;
overflow: auto;
left:206px;
top: 203px;
width:590px;
height:600px;
border:1px solid black;
background-color: white;
}

.r3 {
position:absolute;
overflow: auto;
left:797px;
top: 203px;
width:155px;
height:600px;
border:1px solid black;
background-color: #dbf5a8;

}

h1 {
font: 25px tahoma;
color: #568200;
border-bottom:1 dashed #b6e096;
text-align: right;
}

h2 {
font: 18px tahoma;
color: #568200;
border-bottom:1 dashed #568200;
text-align: right;
}

</style>

<div class="r1">
<center>
<h2>Site</h2>
Hier kun je alle links neerzetten die te maken hebben met de site.
Dus bijvoorbeeld informatie, credits enzovoort.

<h2>Staff</h2>
Hier kun je de staff van je website neerzetten ;)
Hoe je dat doet mag je natuurlijk helemaal zelf weten

<h2>LET OP:</h2>
In deze layout staat nog wel een klein foutje, doordat de layout op dreamygraphics in een textarea is gezet<br>
De textarea bij 'link mij' kun je het weer laten doen door de spaties er tussen uit te halen ;)

</center>
</div>

<div class="r3">
<center>
<h2>Links</h2>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a><br>
<a href="http://www.neopets.com">link</a>

<h2>Titel hier</h2>
tekst hier<br>
tekst hier<br>
tekst hier<br>
tekst hier<br>
tekst hier<br>
tekst hier<br>

</center>
</div>