CSS Layouts

So I see that you're interested in a premade CSS layout! You've definately come to the right place, as here you can get this great quality CSS layout to use on your website or neopets petpage. It's simple to use aswell; just copy the code and paste into desired area. Just remember that CREDIT IS MANDATORY and may not be removed under any circumstances.

body {
background-color:#f3f3f3;
overflow:auto;
color:#5e5e5e;
font:7.5pt/12pt Times New Roman;
}

a.nav {
display:block;
background-color:#7ae34c;
font:12px tahoma;
color:#FFF;
font-weight:bold;
margin:2px;
padding:10px;
text-decoration:none;
}

a.nav:hover {
background-color:#F3F3F3;
color:#7ae34c;
}

h3 {
font:30px century gothic;
background-color:#3B3B3B;
color:#FFF;
padding:5px;
margin-top:0px;
margin-bottom:1px;
}

#main {
position:absolute;
left:350px;
background-color:#FFF;
width:500px;
padding:5px;
}

i{
color:#bee34c;
}

b{
color:#7ae34c;
}

a{
color:#dae34c;
}

a:visited{
color:#dae34c;
}

a:hover:{
color:#e1e1e1;
}
</style />

<body>
<div id="main">
<table> <td width=100 valign=top>
<a href="/link.php" class=nav>link .01</a>
<a href="/link.php" class=nav>link .02</a>
<a href="/link.php" class=nav>link .03</a>
<a href="/link.php" class=nav>link .04</a>
<a href="http://www.neopets.com/~miniemaria" class=nav>credits</a>
</td>

<td width=400 valign=top>
<div class=d>
<h3>key limes</h3>
<br>
<img src="http://www.splatteredcanvas.com/indent.PNG" align="left">
So I see that you're interested in a premade CSS layout!  You've definately come to the right place, as here you
can get this great quality CSS layout to use on your website or neopets petpage.  It's simple to use aswell; just
copy the code and paste into desired area.
<br>
<br>
<img src="http://www.splatteredcanvas.com/indent.PNG" align="left">
This layout in particular was inspired by the sheer awesomeness of limes; how sour and colorful they are and how
they simply represent summer.  Even that being said, feel free to edit the color scheme.  <b>DO NOT</b> remove the
credit, and don't delete anything you're not sure about.  The last bit isn't mandatory, but it will save yourself
the headaches.
<br>
<br>
<center>
<a href="http://www.splatteredcanvas.com" target="blank">
GO BACK TO SPLATTEREDCANVAS?
</a>
</center>
</div>
</td>
</table>
</div>
</body>

body {
background-color:#272727;
overflow:auto;
color:#5e5e5e;
font:12pt/12pt Times New Roman;
}

a.nav {
display:block;
background-color:#FFF;
font:12px tahoma;
color:#FFF;
font-weight:bold;
margin:2px;
padding:10px;
text-decoration:none;
}

a.nav:hover {
background-color:#F3F3F3;
color:#7ae34c;
}

h3 {
font:30px century gothic;
color:#7ae34c;
padding:5px;
margin-top:0px;
margin-bottom:0px;
}

h4 {
font:45px Impact;
color:#c70e59;
padding:2px;
margin-top:0px;
margin-bottom:0px;
}

#main {
position:absolute;
left:450px;
background-color:#FFF;
width:400px;
padding:5px;
}

i{
color:#70c405;
}

b{
color:#c2b605;
}

a{
color:#bea19a;
}

a:visited{
color:#bea19a;
}

a:hover:{
color:#e1e1e1;
}
</style />

<body>
<div id="main">
<width=400 valign=top>
<div class=d>
<center>
<h4><b>{</b>  what if i told you  <b>}</b></h4>
<h3>i'm not like the others?</h3>

</center>
<br>
<img src="http://www.splatteredcanvas.com/indent.PNG" align="left">
So I see that you're interested in a premade CSS layout!  You've definately come to the right place, as here you
can get this great quality CSS layout to use on your website or neopets petpage.  It's simple to use aswell; just
copy the code and paste into desired area.
<br>
<br>
<img src="http://www.splatteredcanvas.com/indent.PNG" align="left">
This layout in particular was inspired by the song, '<i>The Pretender</i>' by the Foo Fighters.  It's one of my 
favorite songs, although the color scheme doesn't exactally match the song (msusic video especially!), the lyrics matched the color scheme.
  Even that being said, feel free to edit the color scheme.  <b>DO NOT</b> remove the
credit, and don't delete anything you're not sure about.  The last bit isn't mandatory, but it will save yourself
the headaches.
<br>
<br>
<center>
<a href="http://www.splatteredcanvas.com" target="blank">
GO BACK TO SPLATTEREDCANVAS?
</a>
</center>
</div>
</td>
</table>
</div>
</body>

body {
background-color:#f3f3f3;
overflow:auto;
color:#5e5e5e;
font:7.5pt/12pt Times New Roman;
}

a.nav1 {
display:block;
background-color:#A4A4A4;
font:20px tahoma;
color:#A4A4A4;
font-weight:bold;
height:65px;
}

a.nav2 {
display:block;
background-color:#CBCBCB;
font:12px tahoma;
color:#CBCBCB;
height:65px;
}

a.nav3 {
display:block;
background-color:#e1e1e1;
font:12px tahoma;
color:#E1E1E1;
height:65px;
}

h3 {
font:25px century gothic;
background-color:#3B3B3B;
color:#FFF;
padding:5px;
margin-top:0px;
margin-bottom:1px;
}

#main {
position:absolute;
left:350px;
background-color:#FFF;
width:500px;
padding:5px;
}

i{
color:#bee34c;
}

b{
color:#A4A4A4;
}

a{
color:#3b3b3b;
}

a:visited{
color:#3b3b3b;
}

</style />

<td width=400 valign=top>
<div class=d>
<h3>h elena</h3>
<br>
<img src="http://www.splatteredcanvas.com/indent.PNG" align="left">
So I see that you're interested in a premade CSS layout!  You've definately come to the right place, as here you
can get this great quality CSS layout to use on your website or neopets petpage.  It's simple to use aswell; just
copy the code and paste into desired area.
<br>
<br>
<img src="http://www.splatteredcanvas.com/indent.PNG" align="left">
This layout in particular was inspired by the song 'Helena' by My Chemical Romance. I know there's a lot more color
in the song and in the music video, but I tried to capture the whole funeral on a rainy day type of feel.
  Even that being said, feel free to edit the color scheme.  <b>DO NOT</b> remove the
credit, and don't delete anything you're not sure about.  The last bit isn't mandatory, but it will save yourself
the headaches.
<br>
<br>
<center>
<a href="http://www.splatteredcanvas.com" target="blank">
GO BACK TO SPLATTEREDCANVAS?
</a>
</center>
</div>
</td>

</table>
</div>
</body>

body {
font:9px verdana;
background-color:#1f0220;
}

a, a b, b, a:visited {
text-decoration:none;
font-weight:bold;
color:#64d100;
}

a:hover, a b:hover {
color:#FF7722;
}

h3, h2, h3, h4, h5 {
font:50px century gothic;
letter-spacing:-6px;
margin:0px;
}

h3 {
color:#1a2443;
}

h2 {
color:#36436f;
}

h3 {
color:#1a2443;
}

h4 {
color:#2d8e23;
}

h5 {
color:#64d100;
}

h6{
font:45px Times New Roman;
letter-spacing:-5px;
margin:0px;
color:#FFFFFF;
}

a.nav, a.nav2, a.nav3, a.nav4, a.nav5 {
font:100px century gothic;
length:200px;
padding:5px;
border-bottom:5px solid #FFFFFF;
text-decoration:none;
color:#FFFFFF;
}

a.nav {
background-color:#1a2443;
}

a.nav2 {
background-color:#36436f;
}

a.nav3 {
background-color:#004f4d;
}

a.nav4 {
background-color:#2d8e23;
}

a.nav5 {
background-color:#64d100;
}

a.nav:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover {
background-color:#DDD;
}

#d, #n {
position:absolute;
}

#d {
top:100px;
left:50px;
width:448px;
}

#n {
top:27px;
left:50px;
}

.d {
background-color:#FFF;
padding:5px;
}

.sf {display:none;}

</style />

<h3> header </h3>
<img src="/indent.PNG" align="left">
So I see that you're interested in a premade CSS layout! You've definately come to the right place, as here you can get this great quality CSS layout to use on your website or neopets petpage. It's simple to use aswell; just copy the code and paste into desired area. 
<br>
<br>
<img src="/indent.PNG" align="left">
This CSS layout was the fruit of my inspiration from Loce is Dead by Kerli, a beautiful and 'emo' song that I must have listened to a billion times on youtube
('cause right now my iTunes account is pretty much dry...) so yeah.  Even that being said, feel free to edit the color scheme. DO NOT remove the credit, and don't delete anything you're not sure about. The last bit isn't mandatory, but it will save yourself the headaches. 
<br>
<br>
<a href="http://www.splatteredcanvas.com" target="blank">GO BACK TO SPLATTEREDCANVAS?</a>

<h2> header </h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text  
<br><br>

<h4> header </h4>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<h5> header </h5>
THANKS <a href="http://www.neopets.com/~miniemaria" target="blank">SPLATTEREDCANVAS</a> FOR THE CSS!
</div>

body {
font:9px verdana;
background-color:#c4cfce;
}

a, a b, b, a:visited {
text-decoration:none;
font-weight:bold;
color:#3183bd;
}

a:hover, a b:hover {
color:#afb7bc;
}

h3, h2, h3, h4, h5 {
font:50px century gothic;
letter-spacing:-6px;
margin:0px;
}

h3 {
color:#418abd;
}

h2 {
color:#6198bf;
}

h3 {
color:#afb7bc;
}

h4 {
color:#7ea4bf;
}

h5 {
color:#9cafbd;
}

h6{
font:45px Times New Roman;
letter-spacing:-5px;
margin:0px;
color:#FFFFFF;
}

a.nav, a.nav2, a.nav3, a.nav4, a.nav5 {
font:100px century gothic;
length:50px;
width:150px;
padding:5px;
border-bottom:5px solid #FFFFFF;
text-decoration:none;
color:#FFFFFF;
}

a.nav {
background-color:#418abd;
}

a.nav2 {
background-color:#6198bf;
}

a.nav3 {
background-color:#7ea4bf;
}

a.nav4 {
background-color:#9cafbd;
}

a.nav5 {
background-color:#afb7bc;
}

a.nav:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover {
background-color:#DDD;
}

#d, #n {
position:absolute;
}

#d {
top:100px;
left:50px;
width:448px;
}

#n {
top:27px;
left:50px;
}

.d {
background-color:#e0efee;
padding:5px;
width:750px;
}

.sf {display:none;}

</style />

<div id=d>
<div class=d>
<table>
<td width=400 valign=top>
<h3> header </h3>
So I see that you're interested in a premade CSS layout! You've definately come to the right place, as here you can get this great quality CSS layout to use on your website or neopets petpage. It's simple to use aswell; just copy the code and paste into desired area. 
<br>
<br>
This CSS layout was created after my inspiration from the ocean.  I call this layout sea foam, as the colors reflect (well, somewhat) the waves crashing down
onto the shore and having the sea foam come up...
 Even that being said, feel free to edit the color scheme. DO NOT remove the credit, and don't delete anything you're not sure about. The last bit isn't mandatory, but it will save yourself the headaches. 
<br>
<br>
<a href="http://www.splatteredcanvas.com" target="blank">GO BACK TO SPLATTEREDCANVAS?</a>
</td>
<td width=300 valign=top>
<h4> header </h4>
text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text 
<br>
<br>
<h4> header </h4>
THANKS <a href="http://www.neopets.com/~miniemaria" target="blank">SPLATTEREDCANVAS</a> FOR THE CSS!
<br>
<br>
</td>
<td width=150 valign=top>
<a href="/link.php" target="blank" class=nav> </a>
<a href="/link.php" target="blank" class=nav2> </a>
<a href="/link.php" target="blank" class=nav3> </a>
<a href="/link.php" target="blank" class=nav4> </a>
<a href="/link.php" target="blank" class=nav5> </a>
</td>
</table>

</div>

all content (c) Alexandra E.U. [2008-2010] unless otherwise stated

CSS Layouts

Welcome

Navigate

The Girl

Affiliates