2 Box Layouts

Please Note: All text and scrollbars on the following layouts match the colour of the border :)

		//The Message*	box one
		// I'll keep on spinning until I find myself again

body{ font-face: verdana; font-size:9px; line-height: 12px;text-align: ;color:black;letter-spacing: 0pt; 
font-weight:normal} 
A:link{color: #E6A3FF; 
text-decoration: none;font-weight: bold;letter-spacing: 
0pt}A:visited{color: #E6A3FF; text-decoration: none; font-weight: normal;letter-spacing: 0pt}A:active{color: 
#E6A3FF; 
text-decoration: none; font-weight: normal;letter-spacing: 0pt} A:hover{color: gray;font-style:none;font-weight: normal;letter-spacing: 
0pt;text-decoration:none;position:relative;background: transparent;}
P,i{ color: 
#E6A3FF; 
font-size: 
9px; font-family:verdana; line-height: 12px;font-weight:italic;text-align: 
;color:#E6A3FF;font-style:normal;letter-spacing: 0pt} td{font-family: 
verdana; color: #888888; font-size: 9px; 
text-align: 
left;letter-spacing: 0pt}
 B { font-size: 9px;font-family: verdana; line-height: 12px; text-align: ;color: 
#E6A3FF; background: transparent; letter-spacing: 0pt;font-weight: heavy}font{ color: 
#888888;font-weight: heavy;font-size: 9px; 
font-family: 
verdana; line-height: 12px;letter-spacing: 0pt}body{background-color: #E6A3FF;}table { 
color: #E6A3FF;
font-family: verdana; font-size: small}

</STYLE>

<td>
<div id="scroll3" style="width:160;height:80;background-color:#FFFFFF;overflow:auto; border:1px solid #FFFFFF">
<b>//The Me<u>ssage*</u></b><br>
<MAIN><br>

<tr>
<td colspan=2>
<div id="scroll3" style="width:241;height:15;background-color:#FFFFFF;overflow:hidden; border:1px solid #FFFFFF">
// I'll keep on spinning until I find myself again
</tr>
</td>
</table>
<LINK 85485>
<br>

Heyy. x

Luv from Name. x

x o x o x o x o x o x o x o x o

About me <3
Write some stuff about yourself here.

<center>
<style><!--INPUT,TEXTAREA {font-size: 9px;background-color: #FF9C0F;color: 
#FF9C0F;border: #FF9C0F 1px solid; 
background-color: white;font-family: verdana; type="text/css">}</style>
body{ font-face: verdana; font-size:9px; line-height: 12px;text-align: ;color:FF9C0F;letter-spacing: 0pt; 
font-weight:normal} 
A:link{color: #FF9C0F; 
text-decoration: none;font-weight: normal;letter-spacing: 
0pt}A:visited{color: #FF9C0F; text-decoration: none; font-weight: normal;letter-spacing: 0pt}A:active{color: 
#FF9C0F; 
text-decoration: none; font-weight: normal;letter-spacing: 0pt} A:hover{color: gray;font-style:none;font-weight: normal;letter-spacing: 
0pt;text-decoration:none;position:relative;background: transparent;}
P,i{ color: 
#555555; 
font-size: 
9px; font-family:verdana; line-height: 12px;font-weight:italic;text-align: 
;color:555555;font-style:normal;letter-spacing: 0pt} td{font-family: 
verdana; color: #555555; font-size: 9px; 
text-align: 
left;letter-spacing: 0pt}
 B { font-size: 9px;font-family: verdana; line-height: 12px; text-align: ;color: 
#FF9C0F; background: transparent; letter-spacing: 0pt;font-weight: heavy}font{ color: 
#555555;font-weight: heavy;font-size: 9px; 
font-family: 
verdana; line-height: 12px;letter-spacing: 0pt}body{background-color: #FFFFFF;}table { 
color: #555555;
font-family: verdana; font-size: small}

</STYLE>

<tr>
<td>
<div id="scroll3" style="width:150;height:18;background-color:#FFFBBB;overflow:hidden; border:1px solid #FFFFFF">
<center>x o x o x o x o x o x o x o x o

<tr>
<td>
<div id="scroll3" style="width:150;height:60;background-color:#FFCE87;overflow:auto; border:1px solid #FFFFFF">
<b>About me <3</b>
<br>
Write some stuff about yourself here.

</tr>
</td>
</table>
<LINK 85485>

	Hello Goodbye. x
		box one

</STYLE>

<td rowspan=2>
<div id="scroll3" style="width:120;height:101;background-color:#999999;overflow:auto; border:0px solid #FFFFFF">
<b>Hello</b><br>
<MAIN>
<br><b>Goodbye. x</b>

<tr>
<td colspan=3>
<div id="scroll3" style="width:122;height:80;background-color:#999999;overflow:hidden; border:0px solid #FFFFFF">
box one

</tr>
</td>
</table>
<LINK 85485>

<center>
<style><!--INPUT,TEXTAREA {font-size: 9px;background-color: #9166B6;color: 
#9166B6;border: #9166B6 1px solid; 
background-color: white;font-family: verdana; type="text/css">}</style>
body{ font-face: verdana; font-size:9px; line-height: 12px;text-align: ;color:9166B6;letter-spacing: 0pt; 
font-weight:normal} 
A:link{color: #9166B6; 
text-decoration: none;font-weight: normal;letter-spacing: 
0pt}A:visited{color: #9166B6; text-decoration: none; font-weight: normal;letter-spacing: 0pt}A:active{color: 
#9166B6; 
text-decoration: none; font-weight: normal;letter-spacing: 0pt} A:hover{color: gray;font-style:none;font-weight: normal;letter-spacing: 
0pt;text-decoration:none;position:relative;background: transparent;}
P,i{ color: 
#9166B6; 
font-size: 
9px; font-family:verdana; line-height: 12px;font-weight:italic;text-align: 
;color:#9166B6;font-style:normal;letter-spacing: 0pt} td{font-family: 
verdana; color: #777777; font-size: 9px; 
text-align: 
left;letter-spacing: 0pt}
 B { font-size: 9px;font-family: verdana; line-height: 12px; text-align: ;color: 
#9166B6; background: transparent; letter-spacing: 0pt;font-weight: heavy}font{ color: 
#777777;font-weight: heavy;font-size: 9px; 
font-family: 
verdana; line-height: 12px;letter-spacing: 0pt}body{background-color: white;}table { 
color: #777777;
font-family: verdana; font-size: small}

</STYLE>

<td rowspan=5>
<div id="scroll3" style="width:100;height:124;background-color:#BFAFD4;overflow:auto; border:0px solid #000000">
//<b>Hello. x</b>
<br>
<MAIN>main message here
<br>
//<b>Luv from name. x</b>

<tr>
<td>
<div id="scroll3" style="width:100;height:37;background-color:#BFAFD4;overflow:auto; border:0px solid #000000">
//<b>About me</b><br>
Write stuff here

</tr>
</td>
</table>
<LINK 85485>

<center>
<style><!--INPUT,TEXTAREA {font-size: 9px;background-color: #555555;color: 
#555555;border: #555555 1px solid; 
background-color: white;font-family: verdana; type="text/css">}</style>
body{ font-face: verdana; font-size:9px; line-height: 12px;text-align: ;color:555555;letter-spacing: 0pt; 
font-weight:normal} 
A:link{color: #555555; 
text-decoration: none;font-weight: normal;letter-spacing: 
0pt}A:visited{color: #555555; text-decoration: none; font-weight: normal;letter-spacing: 0pt}A:active{color: 
#555555; 
text-decoration: none; font-weight: normal;letter-spacing: 0pt} A:hover{color: gray;font-style:none;font-weight: normal;letter-spacing: 
0pt;text-decoration:none;position:relative;background: transparent;}
P,i{ color: 
#555555; 
font-size: 
9px; font-family:verdana; line-height: 12px;font-weight:italic;text-align: 
;color:#555555;font-style:normal;letter-spacing: 0pt} td{font-family: 
verdana; color: #555555; font-size: 9px; 
text-align: 
left;letter-spacing: 0pt}
 B { font-size: 9px;font-family: verdana; line-height: 12px; text-align: ;color: 
#555555; background: transparent; letter-spacing: 0pt;font-weight: heavy}font{ color: 
#555555;font-weight: heavy;font-size: 9px; 
font-family: 
verdana; line-height: 12px;letter-spacing: 0pt}body{background-color: white;}table { 
color: #555555;
font-family: verdana; font-size: small}

</STYLE>

<tr>
<td>
<div id="scroll3" style="width:75;height:75;background-color:#80A0DF;overflow:hidden; border:0px solid #000000">
//<b>box one</b><br>
stuff here

</tr>
</td>
</table>
<LINK 85485>

<center>
<style><!--INPUT,TEXTAREA {font-size: 7pt;background:ffffff;color:#B53F89;border:999999 1px solid;
background:ffffff;font-family: century gothic; type="text/css">}</style>
body {color:999999; font-size: 7pt; font-family: century gothic;line-height:8pt;color:#B53F89;letter-spacing: 0pt} 
A:link{color:#B53F89;height:10px;font-weight:normal;TEXT-DECORATION:none;font-weight:normal;
letter-spacing: 0pt;}
A:visited{color:#E90D99;height:10px;font-weight:normal;letter-spacing:0pt;text-decoration: none}
A:active{ color:#B53F89;height:10px;font-weight:normal;letter-spacing: 0pt} 
A:hover{color: #B53F89 ;height :7pt;font-weight:normal;cursor:crosshair;color:000000;letter-spacing: 1pt; background:ffccff} 
I{ color:
ffccff;
font-size:
7pt; font-family: century gothic; line-height: 11px;font-weight:italic;text-align:
;color:#B53F89;font-style:italic;letter-spacing: 0pt} td{font-family:
century gothic; color:#B53F89; font-size: 7pt;
text-align:
left;letter-spacing: 0pt} B {color:000000;height:10px;font-weight:normal; font-size:7pt; background:#FFFFFF}font{ color: #B53F89;font-weight:normal;font-size: 7pt; font-family:
ms serif; line-height: 11px;letter-spacing: 0pt;}body{background-color:ffffff; background: ffffff;}

U {color:
#FF69B4 ;
font-size:
7pt; font-family: century gothic; line-height: 11px;font-weight:bold;text-align:
;color:#FF69B4;font-style:underline;letter-spacing: 0pt}

option, select {background:ffffff; font-family: century gothic; font-size:7pt;color:#B53F89;font-weight:normal}input,textarea {font-size: 7pt;color:#B53f89;border:#B53F89 1px solid; background-color:ffffff;font-family:century gothic;}font{letter-spacing:0pt;font-family: century gothic;font-size:7pt}hr{color:#B53F89;width:40%;height:4;border:1px solid #B53F89;}
</style>

<table>
<table cellspacing="1" cellpadding="0" bgcolor="FFFFFF" style="border:1px solid #B53F89">
<tr>
<td><div id="scroll3" style="width:200;height:15;background-color:#FFFFFF;overflow:hidden;border:1px solid #B53F89"><marquee> <PIC 644513> Text Here <PIC 644513></marquee></td>
<td><div id="scroll3" style="width:200;height:15;background-color:#FFFFFF;overflow:hidden;border:1px solid #DE4F8D"><p align=right><PIC 644513> Hello <PIC 644513></td>
</tr>
<tr>
<td rowspan=2>
<table cellpadding="0" cellspacing="0">
<td><PIC 645225></td>
<td><PIC 645226></td>
<td><PIC 645227></td>
<td><PIC 645228></td>
<td><PIC 645229></td>
<td><PIC 645230></td>
<td><PIC 645231></td>
<td><PIC 645233></td>
<td><PIC 645234></td>
<td><PIC 645235></td></table>
<td><div id="scroll3" style="width:200;height:75;background-color:#FFFFFF;overflow:auto;border:1px solid #DE4F8D"><center><MAIN></td></tr>
<tr>
<td><div id="scroll3" style="width:200;height:75;background-color:#FFFFFF;overflow:auto;border:1px solid #DE4F8D"><PIC 644513> Box One <PIC 644513></td></tr></table><br><PIC 644517><br><LINK 85485>

<center>
<style><!--INPUT,TEXTAREA {font-size:

7pt;background:ffffff;color:#ABB5E0;border:#ABB5E0 1px solid;
background:ffffff;font-family: verdana; type="text/css">}</style>
body {color:FFFFFF; font-size: 7pt; font-family:

verdana;line-height:8pt;color:#ABB5E0;letter-spacing: 0pt} 
A:link{color:#ABB5E0;height:10px;font-weight:normal;TEXT-DECORATION:none;font-weight:

normal;
letter-spacing: 0pt;}
A:visited{color:#C3CBE9;height:10px;font-weight:normal;letter-spacing:0pt;text-decora

tion: none}
A:active{ color:#ABB5E0;height:10px;font-weight:normal;letter-spacing: 0pt} 
A:hover{color: #ABB5E0 ;height

:7pt;font-weight:normal;cursor:crosshair;color:000000;letter-spacing: 1pt;

background:C3CBE9} 
I{ color:
#C3CBE9;
font-size:
7pt; font-family: verdana; line-height: 11px;font-weight:italic;text-align:
;color:#ABB5E0;font-style:italic;letter-spacing: 0pt} td{font-family:
verdana; color:#ABB5E0; font-size: 7pt;
text-align:
left;letter-spacing: 0pt} B {color:000000;height:10px;font-weight:normal;

font-size:7pt; background:#C3CBE9}font{ color: #ABB5E0;font-weight:normal;font-size:

7pt; font-family:
verdana; line-height: 11px;letter-spacing: 0pt;}body{background-color:ffffff;

background: ffffff;}

U {color:
#ABB5E0 ;
font-size:
7pt; font-family: verdana; line-height: 11px;font-weight:bold;text-align:
;color:#ABB5E0;font-style:underline;letter-spacing: 0pt}

option, select {background:ffffff; font-family: verdana;

font-size:7pt;color:#ABB5E0;font-weight:normal}input,textarea {font-size:

7pt;color:#ABB5E0;border:#ABB5E0 1px solid;

background-color:ffffff;font-family:verdana;}font{letter-spacing:0pt;font-family:

verdana;font-size:7pt}hr{color:#ABB5E0;width:40%;height:4;border:1px solid #ABB5E0;}
</style>

<table>
<table cellspacing="1" cellpadding="0" bgcolor="FFFFFF" style="border:1px solid

#89A5E7">
<tr>
<td><div id="scroll3"

style="width:129;height:76;background-color:#FFFFFF;overflow:auto;border:1px solid

#89A5E7"><p align=right><PIC 645297></p align=right><br><MAIN><br><PIC 645296></td>
<td><div id="scroll3"

style="width:123;height:76;background-color:#FFFFFF;overflow:hidden;border:1px solid

#89A5E7"><PIC 645265></td></tr>
<td colspan=2>
<div id="scroll3"

style="width:253;height:73;background-color:#FFFFFF;overflow:auto;border:1px solid

#89A5E7"><center><PIC 645301><br><Br></td></tr></table><br><PIC 644517><br><LINK

85485>

You may have seen others around the site which are not on this page, this is because i have recently taken all my older, and worse ones, off the site. I will be adding more soon though (:
Louise xo