Gallerij layouts

Nightsteed

.sidebar {
    background:none; 
    visibility: hidden;
}
#main {
    background:none; 
    border: 0px; 
    display:inline;
    position:absolute;
    top:450px; 
    left: 50px; 
    width:469px;
}

#content {
    width:435px; 
    display: inline;
}

#nav {
    position: absolute; 
    overflow: auto;
    left:660px; 
    top:-280px; 
    width:200px;
}

#nav a, #nav a:visited {
    margin-top: 5px;
    background: #DADADA;
    color: #000000;
    width: 80px;
    display: block;
    text-align: center;
    padding: 5px 5px 0 0;
    border: 1px solid #000000;
    font-size: 10px;
    filter:alpha(opacity=70);
}

#nav a:hover {
    background: #FFFFFF;
    border: 1px solid #000000;
}

body {
background:url(http://i36.tinypic.com/2re7236.png);
   background-repeat: repeat-y;
   background-position: left top;
   background-color: #DADADA;
   scrollbar-base-color: #DADADA;
}

#plaatjebovenaan {
    position: absolute;
    overflow:auto;
    left:-50px;
    top:-450px;
    width:900px;
    height:450px;}

body, a, b, a:link, a:hover, a:visited, a:active, table, td, p, i, div, font{
color:#000000;}

</style />

<div id="nav">
<a href="/myaccount.phtml">My Account</a>
<a href="/petcentral.phtml">Pet Central</a>
<a href="/explore.phtml">Explore</a>
<a href="/games/arcade.phtml">Games</a>
<a href="/neoboards/index.phtml">Boards</a>
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a>
<a href="/video/index.phtml">Video</a>
</div>

<center>
Jouw tekst hier
</center>

Snowbunny

#content {
    width:435px; 
    display: inline;
}

#nav {
    position: absolute; 
    overflow: auto;
    left:660px; 
    top:-210px; 
    width:200px;
}

#nav a, #nav a:visited {
    background: #007CC4;
    color: #000000;
    width: 80px;
    display: block;
    text-align: center;
    padding: 5px 5px 0 0;
    border: 1px solid #000000;
    font-size: 10px;
    filter:alpha(opacity=70);
}

#nav a:hover {
    background: #94D8FF;
    border: 1px solid #000000;
}

body {
background:url(http://i32.tinypic.com/33bz41k.png);
   background-repeat: repeat-y;
   background-position: left top;
   background-color: #C7EAFF;
   scrollbar-base-color: #0077BC;
}

#plaatjebovenaan {
    position: absolute;
    overflow:auto;
    left:-50px;
    top:-450px;
    width:900px;
    height:450px;}

body, a, b, a:link, a:hover, a:visited, a:active, table, td, p, i, div, font{
color:#0077BC;}

</style />

<center>
Jouw tekst hier
</center>

Slorg

.sidebar {
    background:none; 
    visibility: hidden;
}
#main {
    background:none; 
    border: 0px; 
    display:inline;
    position:absolute;
    top:350px; 
    left: 50px; 
    width:469px;
}

#content {
    width:435px; 
    display: inline;
}

#nav {
    position: absolute; 
    overflow: auto;
    left:660px; 
    top:-310px; 
    width:200px;
}

#nav a, #nav a:visited {
    background: #DCDC02;
    color: #000000;
    width: 80px;
    display: block;
    text-align: center;
    padding: 5px 5px 0 0;
    border: 1px solid #000000;
    font-size: 10px;
    filter:alpha(opacity=70);
}

#nav a:hover {
    background: #DCDCDC;
    border: 1px solid #000000;
}

body {
background:url(http://i27.tinypic.com/25zjda9.png);
   background-repeat: repeat-y;
   background-position: left top;
   background-color: #DCDC02;
}

#plaatjebovenaan {
    position: absolute;
    overflow:auto;
    left:-50px;
    top:-350px;
    width:900px;
    height:350px;}

body, a, b, a:link, a:hover, a:visited, a:active, table, td, p, i, div, font{
color:#7C7C05;}

</style />

Poogles

#content {
    width:435px; 
    display: inline;
}

#nav {
    position: absolute; 
    overflow: auto;
    left:660px; 
    top:-410px; 
    width:200px;
}

#nav a, #nav a:visited {
    background: #E79DFF;
    color: #000000;
    width: 80px;
    display: block;
    text-align: center;
    padding: 5px 5px 0 0;
    border: 1px solid #000000;
    font-size: 10px;
    filter:alpha(opacity=70);
}

#nav a:hover {
    background: #DCDCDC;
    border: 1px solid #000000;
}

body {
background:url(http://i8.tinypic.com/8ad5pqr.png);
   background-repeat: repeat-y;
   background-position: left top;
   background-color: #F5D6FF;
}

#plaatjebovenaan {
    position: absolute;
    overflow:auto;
    left:-50px;
    top:-450px;
    width:900px;
    height:450px;}

body, a, b, a:link, a:hover, a:visited, a:active, table, td, p, i, div, font{
color:#6A008B;}

</style />

<center>
Jouw tekst hier
</center>

Beauty

body {background:url(http://i21.tinypic.com/2l91uyr.png);background-repeat: repeat-y;background-position: left top;background-color: #a6dcf4;
scrollbar-face-COLOR:#9700a9;
scrollbar-shadow-color:white;
scrollbar-highlight-color:white;
scrollbar-3dlight-color:f0a6f9;
scrollbar-darkshadow-color:f0a6f9;
scrollbar-track-COLOR:#9700a9;
scrollbar-arrow-color:white;} 
body, a, b, a:link, a:hover, a:visited, a:active, table, td, p, i, div, font, textarea {color:#9700a9;font-size:11px;font-family:arial;}
h2 {font:14px tahoma;color:#92341d;text-align: right;background:url("http://i20.tinypic.com/14v0588.gif");}

#ing {position: absolute;overflow: auto;left:145px;top:-390px;width:650px;height:400px;}
#navigatie {position: absolute;overflow: auto;left: 795px;top: -388px;width: 30px;}
#navigatie img {border: 0px;width:30px;height:43px;}
</style />
<img src="http://i23.tinypic.com/295ff4y.png" id="ing">
<div id="navigatie">
<a href="myaccount.phtml"><img src="http://i20.tinypic.com/16bfq13.png"></a>
<a href="petcentral.phtml"><img src="http://i24.tinypic.com/qobzfp.png"></a> 
<a href="explore.phtml"><img src="http://i20.tinypic.com/14b4yl4.png"></a> 
<a href="games/arcade.phtml"><img src="http://i22.tinypic.com/fdgajr.png"></a>
<a href="neoboards/index.phtml"><img src="http://i21.tinypic.com/j0f9f4.png"></a> 
<a href="objects.phtml"><img src="http://i20.tinypic.com/4q4rxf.png"></a>
<a href="nf.phtml"><img src="http://i21.tinypic.com/js1q83.png"></a>
<a href="video/index.phtml"><img src="http://i24.tinypic.com/1pv6mp.png"></a>
</div>	
<center>TEXT HIER</center>

Shoyru

Jubjub cloud

Girl stuff