...
14 years, 9 months & 22 days ago
28th Jan 2010 15:55 twilight layout
<style>
#mainlay {
width:600px;
border: black 1px solid;
background-color:#FF1F17;
background:url(http://m.pimpmyspace.org/pimp/1/c4/c42f70bee227aa4287df.jpg
);
}
.mainlay, .mainlay font, .mainlay p, .mainlay a, .mainlay td {
font-family:\'Lucida Grande\', \'Lucida Sans Unicode\', sans-serif;
font-size:10pt;
color:#F7F7F7;
}
#banner {
width:550px;
height:150px;
background-position:center;
}
#scroller {
width:550px;
font-size:14pt;
font-variant:small-caps;
font-weight:bold;
}
.holder {
width:550px;
height:150px;
}
.widebox, .halfboxleft, .halfboxright,
.thirdboxleft, .thirdboxcenter, .thirdboxright {
border:#000000 1px solid;
text-align:left;
overflow:auto;
padding:0px;
background-color:#0D0C0C;
}
a {
color:#000000;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#FF0000;
text-decoration:none;
}
.widebox {
width:550px;
height:150px;
}
.halfboxleft {
width:260px;
height:150px;
float:left;
}
.halfboxright {
width:260px;
height:150px;
float:right;
}
.thirdboxleft {
width:165px;
height:150px;
position:relative;
top:0px;
left:0px;
float:left;
}
.thirdboxcenter {
width:165px;
height:150px;
position:relative;
top:0px;
left:25px;
float:left;
}
.thirdboxright {
width:165px;
height:150px;
position:relative;
top:0px;
right:0px;
float:right;
}
.credit {
width:540px;
height:20px;
text-align:center;
margin-bottom:15px;
font-size:9pt;
}
.padbox {
padding:5px;
}
</style>
<div class='mainlay' id='mainlay'>
<center>
<br>
<img id='banner' src=http://www.marasight.com/clublayout/freebanner1.png
>
<br><br>
<marquee id='scroller'>
Scrolling text
</marquee><br><br>
<div class='holder'>
<div class='widebox'><div class='padbox'>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
</div>
</div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div>
<br><br>
<div class='credit'>
Created by me at <a href=http://www.marasites.com/?name=indygo>
www.marasight.com</a>
</div>
</center>
</div>
jacob layout
<style>
#mainlay {
width:600px;
border: black 1px solid;
background-color:#66BDFF;
background:url(http://www.polyvore.com/cgi/img-set/BQcDAAAAAwoDanBnAAAABC5vdXQKFmFycmcyWEZIM2hHVDRLbGUtRXRxb1EAAAACaWQKAXgAAAAEc2l6ZQ.jpg
);
}
.mainlay, .mainlay font, .mainlay p, .mainlay a, .mainlay td {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000000;
}
#banner {
width:550px;
height:150px;
background-position:center;
}
#scroller {
width:550px;
font-size:14pt;
font-variant:small-caps;
font-weight:bold;
}
.holder {
width:550px;
height:150px;
}
.widebox, .halfboxleft, .halfboxright,
.thirdboxleft, .thirdboxcenter, .thirdboxright {
border:#000000 1px solid;
text-align:left;
overflow:auto;
padding:0px;
background-color:#FFFFFF;
}
a {
color:#FF0000;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#FF0000;
text-decoration:none;
}
.widebox {
width:550px;
height:150px;
}
.halfboxleft {
width:260px;
height:150px;
float:left;
}
.halfboxright {
width:260px;
height:150px;
float:right;
}
.thirdboxleft {
width:165px;
height:150px;
position:relative;
top:0px;
left:0px;
float:left;
}
.thirdboxcenter {
width:165px;
height:150px;
position:relative;
top:0px;
left:25px;
float:left;
}
.thirdboxright {
width:165px;
height:150px;
position:relative;
top:0px;
right:0px;
float:right;
}
.credit {
width:540px;
height:20px;
text-align:center;
margin-bottom:15px;
font-size:9pt;
}
.padbox {
padding:5px;
}
</style>
<div class='mainlay' id='mainlay'>
<center>
<br>
<img id='banner' src=http://www.marasight.com/clublayout/freebanner3.gif
>
<br><br>
<marquee id='scroller'>
Scrolling text
</marquee><br><br>
<div class='holder'>
<div class='widebox'><div class='padbox'>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
</div>
</div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div>
<br><br>
<div class='credit'>
Created by me at <a href=http://www.marasites.com/?name=indygo>
www.marasight.com</a> Banner by EmEm25
</div>
</center>
</div>
better taylor l.
<style>
#mainlay {
width:600px;
border: black 1px solid;
background-color:#FF4FED;
background:url(http://farm4.static.flickr.com/3654/3329859426_20ec4b93ce.jpg
);
}
.mainlay, .mainlay font, .mainlay p, .mainlay a, .mainlay td {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000000;
}
#banner {
width:550px;
height:150px;
background-position:center;
}
#scroller {
width:550px;
font-size:14pt;
font-variant:small-caps;
font-weight:bold;
}
.holder {
width:550px;
height:150px;
}
.widebox, .halfboxleft, .halfboxright,
.thirdboxleft, .thirdboxcenter, .thirdboxright {
border:#000000 1px solid;
text-align:left;
overflow:auto;
padding:0px;
background-color:#FFFFFF;
}
a {
color:#FF0000;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#FF0000;
text-decoration:none;
}
.widebox {
width:550px;
height:150px;
}
.halfboxleft {
width:260px;
height:150px;
float:left;
}
.halfboxright {
width:260px;
height:150px;
float:right;
}
.thirdboxleft {
width:165px;
height:150px;
position:relative;
top:0px;
left:0px;
float:left;
}
.thirdboxcenter {
width:165px;
height:150px;
position:relative;
top:0px;
left:25px;
float:left;
}
.thirdboxright {
width:165px;
height:150px;
position:relative;
top:0px;
right:0px;
float:right;
}
.credit {
width:540px;
height:20px;
text-align:center;
margin-bottom:15px;
font-size:9pt;
}
.padbox {
padding:5px;
}
</style>
<div class='mainlay' id='mainlay'>
<center>
<br>
<img id='banner' src=http://www.marasight.com/clublayout/freebanner1.png
>
<br><br>
<marquee id='scroller'>
Scrolling text
</marquee><br><br>
<div class='holder'>
<div class='widebox'><div class='padbox'>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
</div>
</div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div>
<br><br>
<div class='credit'>
Created by me at <a href=http://www.marasites.com/?name=indygo>
www.marasight.com</a>
</div>
</center>
</div>
icecream layout
<style>
#mainlay {
width:600px;
border: black 1px solid;
background-color:#DA85FF;
background:url(http://www.worldonaplate.org/photos/uncategorized/2007/07/24/collage.jpg
);
}
.mainlay, .mainlay font, .mainlay p, .mainlay a, .mainlay td {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000000;
}
#banner {
width:550px;
height:150px;
background-position:center;
}
#scroller {
width:550px;
font-size:14pt;
font-variant:small-caps;
font-weight:bold;
}
.holder {
width:550px;
height:150px;
}
.widebox, .halfboxleft, .halfboxright,
.thirdboxleft, .thirdboxcenter, .thirdboxright {
border:#000000 1px solid;
text-align:left;
overflow:auto;
padding:0px;
background-color:#FFFFFF;
}
a {
color:#FF0000;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#FF0000;
text-decoration:none;
}
.widebox {
width:550px;
height:150px;
}
.halfboxleft {
width:260px;
height:150px;
float:left;
}
.halfboxright {
width:260px;
height:150px;
float:right;
}
.thirdboxleft {
width:165px;
height:150px;
position:relative;
top:0px;
left:0px;
float:left;
}
.thirdboxcenter {
width:165px;
height:150px;
position:relative;
top:0px;
left:25px;
float:left;
}
.thirdboxright {
width:165px;
height:150px;
position:relative;
top:0px;
right:0px;
float:right;
}
.credit {
width:540px;
height:20px;
text-align:center;
margin-bottom:15px;
font-size:9pt;
}
.padbox {
padding:5px;
}
</style>
<div class='mainlay' id='mainlay'>
<center>
<br>
<img id='banner' src=http://www.marasight.com/clublayout/freebanner1.png
>
<br><br>
<marquee id='scroller'>
Scrolling text
</marquee><br><br>
<div class='holder'>
<div class='widebox'><div class='padbox'>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
</div>
</div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div>
<br><br>
<div class='credit'>
Created by me at <a href=http://www.marasites.com/?name=indygo>
www.marasight.com</a>
</div>
</center>
</div>
shoes
<style>
#mainlay {
width:600px;
border: black 1px solid;
background-color:#B01015;
background:url(http://api.ning.com/files/GBgelmVR4PjxgyeCcxcFnNgx57Mgp8JU*JxHj63LgJ4_/Converse_shoes.jpg
);
}
.mainlay, .mainlay font, .mainlay p, .mainlay a, .mainlay td {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000000;
}
#banner {
width:550px;
height:150px;
background-position:center;
}
#scroller {
width:550px;
font-size:14pt;
font-variant:small-caps;
font-weight:bold;
}
.holder {
width:550px;
height:150px;
}
.widebox, .halfboxleft, .halfboxright,
.thirdboxleft, .thirdboxcenter, .thirdboxright {
border:#000000 1px solid;
text-align:left;
overflow:auto;
padding:0px;
background-color:#FFFFFF;
}
a {
color:#FF0000;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#FF0000;
text-decoration:none;
}
.widebox {
width:550px;
height:150px;
}
.halfboxleft {
width:260px;
height:150px;
float:left;
}
.halfboxright {
width:260px;
height:150px;
float:right;
}
.thirdboxleft {
width:165px;
height:150px;
position:relative;
top:0px;
left:0px;
float:left;
}
.thirdboxcenter {
width:165px;
height:150px;
position:relative;
top:0px;
left:25px;
float:left;
}
.thirdboxright {
width:165px;
height:150px;
position:relative;
top:0px;
right:0px;
float:right;
}
.credit {
width:540px;
height:20px;
text-align:center;
margin-bottom:15px;
font-size:9pt;
}
.padbox {
padding:5px;
}
</style>
<div class='mainlay' id='mainlay'>
<center>
<br>
<img id='banner' src=http://www.marasight.com/clublayout/freebanner3.gif
>
<br><br>
<marquee id='scroller'>
Scrolling text
</marquee><br><br>
<div class='holder'>
<div class='widebox'><div class='padbox'>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
</div>
</div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div>
<br><br>
<div class='credit'>
Created by me at <a href=http://www.marasites.com/?name=indygo>
www.marasight.com</a> Banner by EmEm25
</div>
</center>
</div>
i luv u
<style>
#mainlay {
width:600px;
border: black 1px solid;
background-color:#FFCD59;
background:url(http://www.coolfreeimages.net/images/loveu/love_you_03.gif
);
}
.mainlay, .mainlay font, .mainlay p, .mainlay a, .mainlay td {
font-family:\'Comic Sans MS\', cursive;
font-size:10pt;
color:#000000;
}
#banner {
width:550px;
height:150px;
background-position:center;
}
#scroller {
width:550px;
font-size:14pt;
font-variant:small-caps;
font-weight:bold;
}
.holder {
width:550px;
height:150px;
}
.widebox, .halfboxleft, .halfboxright,
.thirdboxleft, .thirdboxcenter, .thirdboxright {
border:#000000 1px solid;
text-align:left;
overflow:auto;
padding:0px;
background-color:#FFFFFF;
}
a {
color:#FF0000;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#FF0000;
text-decoration:none;
}
.widebox {
width:550px;
height:150px;
}
.halfboxleft {
width:260px;
height:150px;
float:left;
}
.halfboxright {
width:260px;
height:150px;
float:right;
}
.thirdboxleft {
width:165px;
height:150px;
position:relative;
top:0px;
left:0px;
float:left;
}
.thirdboxcenter {
width:165px;
height:150px;
position:relative;
top:0px;
left:25px;
float:left;
}
.thirdboxright {
width:165px;
height:150px;
position:relative;
top:0px;
right:0px;
float:right;
}
.credit {
width:540px;
height:20px;
text-align:center;
margin-bottom:15px;
font-size:9pt;
}
.padbox {
padding:5px;
}
</style>
<div class='mainlay' id='mainlay'>
<center>
<br>
<img id='banner' src=http://www.marasight.com/clublayout/freebanner3.gif
>
<br><br>
<marquee id='scroller'>
Scrolling text
</marquee><br><br>
<div class='holder'>
<div class='widebox'><div class='padbox'>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
</div>
</div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div>
<br><br>
<div class='credit'>
Created by me at <a href=http://www.marasites.com/?name=indygo>
www.marasight.com</a> Banner by EmEm25
</div>
</center>
</div>
smiley face
<style>
#mainlay {
width:600px;
border: black 1px solid;
background-color:#FFFFFF;
background:url(http://www.mentaljokes.com/images/happybk.gif
);
}
.mainlay, .mainlay font, .mainlay p, .mainlay a, .mainlay td {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#2D19E0;
}
#banner {
width:550px;
height:150px;
background-position:center;
}
#scroller {
width:550px;
font-size:14pt;
font-variant:small-caps;
font-weight:bold;
}
.holder {
width:550px;
height:150px;
}
.widebox, .halfboxleft, .halfboxright,
.thirdboxleft, .thirdboxcenter, .thirdboxright {
border:#000000 1px solid;
text-align:left;
overflow:auto;
padding:0px;
background-color:#FFFFFF;
}
a {
color:#FF0000;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#FF0000;
text-decoration:none;
}
.widebox {
width:550px;
height:150px;
}
.halfboxleft {
width:260px;
height:150px;
float:left;
}
.halfboxright {
width:260px;
height:150px;
float:right;
}
.thirdboxleft {
width:165px;
height:150px;
position:relative;
top:0px;
left:0px;
float:left;
}
.thirdboxcenter {
width:165px;
height:150px;
position:relative;
top:0px;
left:25px;
float:left;
}
.thirdboxright {
width:165px;
height:150px;
position:relative;
top:0px;
right:0px;
float:right;
}
.credit {
width:540px;
height:20px;
text-align:center;
margin-bottom:15px;
font-size:9pt;
}
.padbox {
padding:5px;
}
</style>
<div class='mainlay' id='mainlay'>
<center>
<br>
<img id='banner' src=http://www.marasight.com/clublayout/freebanner3.gif
>
<br><br>
<marquee id='scroller'>
Scrolling text
</marquee><br><br>
<div class='holder'>
<div class='widebox'><div class='padbox'>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
</div>
</div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div>
<br><br>
<div class='credit'>
Created by me at <a href=http://www.marasites.com/?name=indygo>
www.marasight.com</a> Banner by EmEm25
</div>
</center>
</div>
my fav..skulls
<style>
#mainlay {
width:600px;
border: black 1px solid;
background-color:#F838FF;
background:url(http://www.layoutlocator.com/graphics/dldimg/6b518493ca96f36b6a83fd7446043b10_colorful_skulls-2428.jpg
);
}
.mainlay, .mainlay font, .mainlay p, .mainlay a, .mainlay td {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#ED45E2;
}
#banner {
width:550px;
height:150px;
background-position:center;
}
#scroller {
width:550px;
font-size:14pt;
font-variant:small-caps;
font-weight:bold;
}
.holder {
width:550px;
height:150px;
}
.widebox, .halfboxleft, .halfboxright,
.thirdboxleft, .thirdboxcenter, .thirdboxright {
border:#000000 1px solid;
text-align:left;
overflow:auto;
padding:0px;
background-color:#FFFFFF;
}
a {
color:#FF0000;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#FF0000;
text-decoration:none;
}
.widebox {
width:550px;
height:150px;
}
.halfboxleft {
width:260px;
height:150px;
float:left;
}
.halfboxright {
width:260px;
height:150px;
float:right;
}
.thirdboxleft {
width:165px;
height:150px;
position:relative;
top:0px;
left:0px;
float:left;
}
.thirdboxcenter {
width:165px;
height:150px;
position:relative;
top:0px;
left:25px;
float:left;
}
.thirdboxright {
width:165px;
height:150px;
position:relative;
top:0px;
right:0px;
float:right;
}
.credit {
width:540px;
height:20px;
text-align:center;
margin-bottom:15px;
font-size:9pt;
}
.padbox {
padding:5px;
}
</style>
<div class='mainlay' id='mainlay'>
<center>
<br>
<img id='banner' src=http://www.marasight.com/clublayout/freebanner3.gif
>
<br><br>
<marquee id='scroller'>
Scrolling text
</marquee><br><br>
<div class='holder'>
<div class='widebox'><div class='padbox'>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
</div>
</div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div>
<br><br>
<div class='credit'>
Created by lenoralenora1998 at <a href=http://www.marasites.com/?name=indygo>
www.marasight.com</a> Banner by EmEm25
</div>
</center>
</div>
flowery
<style>
#mainlay {
width:600px;
border: black 1px solid;
background-color:#FFFFFF;
background:url(http://www.webdesign-elements.com/flowers-2-photos.png
);
}
.mainlay, .mainlay font, .mainlay p, .mainlay a, .mainlay td {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#6AEB8C;
}
#banner {
width:550px;
height:150px;
background-position:center;
}
#scroller {
width:550px;
font-size:14pt;
font-variant:small-caps;
font-weight:bold;
}
.holder {
width:550px;
height:150px;
}
.widebox, .halfboxleft, .halfboxright,
.thirdboxleft, .thirdboxcenter, .thirdboxright {
border:#8FC4F2 2px dotted;
text-align:left;
overflow:auto;
padding:0px;
background-color:#0F37FF;
}
a {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#65FF36;
text-decoration:none;
}
.widebox {
width:550px;
height:150px;
}
.halfboxleft {
width:260px;
height:150px;
float:left;
}
.halfboxright {
width:260px;
height:150px;
float:right;
}
.thirdboxleft {
width:165px;
height:150px;
position:relative;
top:0px;
left:0px;
float:left;
}
.thirdboxcenter {
width:165px;
height:150px;
position:relative;
top:0px;
left:25px;
float:left;
}
.thirdboxright {
width:165px;
height:150px;
position:relative;
top:0px;
right:0px;
float:right;
}
.credit {
width:540px;
height:20px;
text-align:center;
margin-bottom:15px;
font-size:9pt;
}
.padbox {
padding:5px;
}
</style>
<div class='mainlay' id='mainlay'>
<center>
<br>
<img id='banner' src=http://www.marasight.com/clublayout/freebanner3.gif
>
<br><br>
<marquee id='scroller'>
Scrolling text
</marquee><br><br>
<div class='holder'>
<div class='widebox'><div class='padbox'>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
</div>
</div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div>
<br><br>
<div class='credit'>
Created by me at <a href=http://www.marasites.com/?name=indygo>
www.marasight.com</a> Banner by EmEm25
</div>
</center>
</div>
love quotte
<style>
#mainlay {
width:600px;
border: black 1px solid;
background-color:#FFFFFF;
background:url(http://img.photobucket.com/albums/v40/mitsiki/dolliecrave/lovequotes/21.gif
);
}
.mainlay, .mainlay font, .mainlay p, .mainlay a, .mainlay td {
font-family:Georgia, serif;
font-size:10pt;
color:#000000;
}
#banner {
width:550px;
height:150px;
background-position:center;
}
#scroller {
width:550px;
font-size:14pt;
font-variant:small-caps;
font-weight:bold;
}
.holder {
width:550px;
height:150px;
}
.widebox, .halfboxleft, .halfboxright,
.thirdboxleft, .thirdboxcenter, .thirdboxright {
border:#5C135E 3px solid;
text-align:left;
overflow:auto;
padding:0px;
background-color:#B139B3;
}
a {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#FF0000;
text-decoration:none;
}
.widebox {
width:550px;
height:150px;
}
.halfboxleft {
width:260px;
height:150px;
float:left;
}
.halfboxright {
width:260px;
height:150px;
float:right;
}
.thirdboxleft {
width:165px;
height:150px;
position:relative;
top:0px;
left:0px;
float:left;
}
.thirdboxcenter {
width:165px;
height:150px;
position:relative;
top:0px;
left:25px;
float:left;
}
.thirdboxright {
width:165px;
height:150px;
position:relative;
top:0px;
right:0px;
float:right;
}
.credit {
width:540px;
height:20px;
text-align:center;
margin-bottom:15px;
font-size:9pt;
}
.padbox {
padding:5px;
}
</style>
<div class='mainlay' id='mainlay'>
<center>
<br>
<img id='banner' src=http://www.marasight.com/clublayout/freebanner3.gif
>
<br><br>
<marquee id='scroller'>
Scrolling text
</marquee><br><br>
<div class='holder'>
<div class='widebox'><div class='padbox'>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
</div>
</div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div>
<br><br>
<div class='credit'>
Created by me at <a href=http://www.marasites.com/?name=indygo>
www.marasight.com</a> Banner by EmEm25
</div>
</center>
</div>