4 box layouts

4 Box Layouts

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

<center>
<style><!--INPUT,TEXTAREA {font-size: 9px;background-color: FF2269;color: 
FF2269;border: FF2269 1px solid; 
background-color: FFFFFF;font-family: verdana; type="text/css">}</style>
body{ font-face: verdana; font-size:9px; line-height: 12px;text-align: ;color:FF2269;letter-spacing: 0pt; 
font-weight:normal} 
A:link{color: FF2269; 
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: 
FF2269; 
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: 
FF2269; 
font-size: 
9px; font-family:verdana; line-height: 12px;font-weight:italic;text-align: 
;color:FF2269;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: 
FF2269; background: FFCFE8; 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>

<b>box two</b>
<br><br>
stuff here.

<tr>
<td>
<div id="scroll3" style="width:100;height:75;background-color:#FFFFFF;overflow:auto; border:0px solid #FFFFFF">
<b>box two</b>
<br><br>
stuff here.

<tr>
<td colspan=4>
<div id="scroll3" style="width:211;height:50;background-color:#FFFFFF;overflow:auto; border:0px solid #FFFFFF">
<b>box three</b>
<br><br>
stuff here.

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

<center>
<style><!--INPUT,TEXTAREA {font-size: 9px;background-color: #FFBC65;color: 
#FFBC65;border: #FFBC65 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:FFBC65;letter-spacing: 0pt; 
font-weight:normal} 
A:link{color: #FFBC65; 
text-decoration: none;font-weight: normal;letter-spacing: 
0pt}A:visited{color: #777777; text-decoration: none; font-weight: normal;letter-spacing: 0pt}A:active{color: 
#FFBC65; 
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: 
#FFBC65; 
font-size: 
9px; font-family:verdana; line-height: 12px;font-weight:italic;text-align: 
;color:#FFBC65;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: 
#FFBC65; background: FFE8D3; 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 colspan=2>
<div id="scroll3" style="width:201;height:100;background-color:#FFFFFF;overflow:auto; border:0px solid #FFFFFF"><center>
<b>big box</b>
<br><br>
stuff here

<tr>
<td>
<div id="scroll3" style="width:100;height:100;background-color:#FFFFFF;overflow:auto; border:0px solid #FFFFFF"><center>
<b>box two</b>
<br><br>
stuff here

<td>
<div id="scroll3" style="width:100;height:100;background-color:#FFFFFF;overflow:auto; border:0px solid #FFFFFF"><center>
<b>box three</b>
<br><br>
stuff here

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

// Message here*	box 2	box 3
	box 4

<center>
<style><!--INPUT,TEXTAREA {font-size: 9px;background-color: #FF4DE8;color: 
#FF4DE8;border: #FF4DE8 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:FF4DE8;letter-spacing: 0pt; 
font-weight:normal} 
A:link{color: #FF4DE8; 
text-decoration: none;font-weight: normal;letter-spacing: 
0pt}A:visited{color: #FF4DE8; text-decoration: none; font-weight: normal;letter-spacing: 0pt}A:active{color: 
#FF4DE8; 
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: 
#FF4DE8; 
font-size: 
9px; font-family:verdana; line-height: 12px;font-weight:italic;text-align: 
;color:black;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: 
#FF4DE8; 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: #FFFFFF;}table { 
color: #777777;
font-family: verdana; font-size: small}

</STYLE>

<td rowspan=3>
<div id="scroll3" style="width:100;height:141;background-color:#FFEFCF;overflow:auto; border:1px solid #FFFFFF">
//<b> Message h<u>ere*</u></b><br>
<MAIN>

<td>
<div id="scroll3" style="width:80;height:70;background-color:#FFEFCF;overflow:auto; border:1px solid #FFFFFF">
box 2

<td>
<div id="scroll3" style="width:80;height:70;background-color:#FFEFCF;overflow:auto; border:1px solid #FFFFFF">
box 3

<tr>
<td colspan=2>
<div id="scroll3" style="width:161;height:70;background-color:#FFEFCF;overflow:auto; border:1px solid #FFFFFF">
box 4

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

<center>
<style><!--INPUT,TEXTAREA {font-size: 9px;background-color: 3EC289;color: 
3EC289;border: 3EC289 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:3EC289;letter-spacing: 0pt; 
font-weight:normal} 
A:link{color: 3EC289; 
text-decoration: none;font-weight: normal;letter-spacing: 
0pt}A:visited{color: #777777; text-decoration: none; font-weight: normal;letter-spacing: 0pt}A:active{color: 
3EC289; 
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: 
3EC289; 
font-size: 
9px; font-family:verdana; line-height: 12px;font-weight:italic;text-align: 
;color:3EC289;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: 
3EC289; 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>
<div id="scroll3" style="width:100;height:100;background-color:#FFFFFF;overflow:auto; border:2px solid #FFFFFF">
<center>
<b>box two</b>
<br><br>
stuff here

<tr>
<td rowspan=2>
<div id="scroll3" style="width:100;height:100;background-color:#FFFFFF;overflow:auto; border:2px solid #FFFFFF">
<center>
<b>box three</b>
<br><br>
stuff here

<td>
<div id="scroll3" style="width:100;height:83;background-color:#FFFFFF;overflow:auto; border:2px solid #FFFFFF">
<center>
<b>box four</b>
<br><br>
stuff here

<tr>
<td>
<div id="scroll3" style="width:100;height:16;background-color:#FFFFFF;overflow:hidden; border:2px solid #FFFFFF">
<center>
<i>cute quote here

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

<STYLE TYPE="text/css">
body{ font-family: tahoma;font-size:11px; line-height: 10px;text-align: ;color: white;letter-spacing: 0pt; font-weight:normal;}
td{font-family: tahoma; color: white; font-size:11px; text-align:justify;letter-spacing:0pt; line-height:11px}
b{font-family: tahoma; color: white; font-weight:bold; font-size: 11px; text-align:;letter-spacing: 0pt; background:; border-bottom:0px solid 
white; border:0px dashed black;}
body{background-color: white;}
font{ color:white;font-weight:normal;font-size: 11px;font-family: tahoma;line-height: 11px;LETTER-SPACING:0pt}
-->

<!--BODY{
scrollbar-face-color:  black;
scrollbar-highlight-color: gray;
scrollbar-3dlight-color: FFB5DE ;
scrollbar-darkshadow-color: white;
scrollbar-shadow-color: White;
scrollbar-arrow-color: FFB5DE;
scrollbar-track-color: white;
}
</style>

<center><table border="1" bordercolor="#FFFFFF" cellpadding="1" cellspacing="0">
<tr><td colspan=2 bgcolor=#000000><div style="auto;width:160;height:15"><marquee>Ticker Tape!</marquee></td></tr>
<td rowspan=3 bgcolor=#848484><div style="auto;width:80;height:150"><center><PIC 548478> Hello <PIC 548478> <br><br><MAIN><br><br>Love Name x</td>
<td bgcolor=#FFB5DE><div style="overflow:auto;width:80;height:60"><PIC 548478> About Me? <PIC 548478></td></tr>
<tr><td bgcolor=#000000><div style="overflow:auto;width:80;height:60"><PIC 548478> Links? <PIC 548478></td></tr>
<tr><td bgcolor=#FFB5DE><div style="overflow:auto;width:80;height:60"><PIC 548478> Pics? <PIC 548478></br></td></tr>
</table><Br><center><LINK 85485>

					Box	Hey Bye x
					Box	Box

		Box	Hey Bye x
		Box	Box

// Heyy. x Main here. //Luv from NAME x	// About me. x write about you in this box.	// Friends. x list mates here
		// Links. x Put links here

<center>
<br>
<style><!--INPUT,TEXTAREA {font-size: 9px;background-color: #F868D4;color: 
#F868D4;border: #F868D4 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:black;letter-spacing: 0pt; 
font-weight:normal} 
A:link{color: #F868D4; 
text-decoration: none;font-weight: normal;letter-spacing: 
0pt}A:visited{color: #F868D4; text-decoration: none; font-weight: normal;letter-spacing: 0pt}A:active{color: 
#F868D4; 
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: 
#F868D4; 
font-size: 
9px; font-family:verdana; line-height: 12px;font-weight:italic;text-align: 
;color:black;font-style:normal;letter-spacing: 0pt} td{font-family: 
verdana; color: #F868D4; font-size: 9px; 
text-align: 
left;letter-spacing: 0pt}
 B { font-size: 9px;font-family: verdana; line-height: 12px; text-align: ;color: 
#F868D4; background: transparent; letter-spacing: 0pt;font-weight: heavy}font{ color: 
#F868D4;font-weight: heavy;font-size: 9px; 
font-family: 
verdana; line-height: 12px;letter-spacing: 0pt}body{background-color: #F868D4;}table { 
color: #F868D4;
font-family: verdana; font-size: small}

</STYLE>

<td rowspan=3>
<div id="scroll3" style="width:100;height:101;background-color:#FFC0FF;overflow:auto; border:0px solid #000000">
//<b> Heyy. x</b>
<br><br>
<MAIN>
<br><br>
//<b>Au revoir. x</b>

<td rowspan=3>
<div id="scroll3" style="width:100;height:101;background-color:#C0FFC0;overflow:auto; border:0px solid #000000">
<b>// About me. x</b><br>
<br>write about you in this box.

<td>
<div id="scroll3" style="width:100;height:50;background-color:#C1E8FF;overflow:auto; border:0px solid #000000">
<b>// Friends. x</b><br>
<br>list<br> mates<br> here

<tr>
<td>
<div id="scroll3" style="width:100;height:50;background-color:#FFffc0;overflow:auto; border:0px solid #000000">
<b>// Links. x</b>
<br><br> Put links here

</table>