YOU MUST PUT ALL OF THESE CODE IN THE PROPER PLACES TO HAVE THIS COMPELTE LAYOUT!
THIS GOES IN YOUR HEADER AREA
<DIV align=center><br><center>
<FONT style="FONT-weight:bold; FONT-SIZE: 30pt; COLOR: #FF1493; LINE-HEIGHT: 15px; FONT-FAMILY: verdana; LETTER-SPACING: -4pt; text-transform: none">Maggie's</font></FONT><br><FONT style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; COLOR: #00BFFF; LINE-HEIGHT: 3px; FONT-FAMILY: times; LETTER-SPACING:4pt; text-transform: none">Random Thoughts</font><Br></center>
<a href="http://www.xanga.com/ehh_html" target="_new">ehh_HTML</a></font>
<style type="text/css">
/*ehh_html*/
body {
background-color:;
background-image: ( A href="http://tinypic.com/fu2ohw.png" target="_new">http://tinypic.com/fu2ohw.png);
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-face-color: #80DF20;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #20DFDF;
scrollbar-3dlight-color: #20DFDF;}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 8pt arial;
color:#666666;
line-height:15px;
text-align:center;
letter-spacing:0px;}
U {font-family: arial; color: #80DF20; letter-spacing:; font-size: 11px; font-style: border; border-bottom: 1pt solid #20DFDF;}
P {font-family:arial; color:#666666; font-size: 8pt; text-align:justify;}
B, STRONG {font-family:arial; font-weight: bold; color: #20DFDF; :none; font-size: 11px; letter-spacing:0pt}
i, EM {font-family:georgia; font-weight: bold; color: #80DF20; :none; font-size: 11px;};
div.blogheader, .caption
/*edits the dates*/ {
font-family: times new roman;
text-transform: lowercase;
font-size: 20px;
line-height:20px;
font-weight: none;
color:#20DFDF;
letter-spacing:0px;
background-color:#ffffff;
text-align:center;
padding-top:5px;
padding-bottom:8px;
border: 1px solid #000000;
border-bottom: none;
width:330px;}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #80DF20;
font:normal 8pt terminal;
text-transform: uppercase;
text-decoration: none;
cursor: nw-resize;
line-height: 13px;}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color: #80DF20;
font:normal 8pt terminal;
text-decoration: none;
text-transform: uppercase;
cursor: nw-resize;
line-height: 13px;
}
a:hover {
color:#80DF20;
letter-spacing: 0px;
cursor:none;
text-transform: uppercase;
font:normal 8pt terminal;
border: 1px solid #80DF20;
background-color:#20DFDF;
text-decoration: none;
line-height: 13px;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #20DFDF;
font:normal 8pt arial;
background-color: #ffffff;
color:#80DF20;}
table.blogbody {
background-color:#ffffff;
text-align:justify;
border: 1px solid #000000;
border-top: none;
width:330px;}
table.left {
/*this edits the menu module */
border: 1px solid #000000;
width:180px;
background-color: #ffffff;}
table.left th {
/* on your menu module, this edits the title part of it */
text-align: center;
text-transform:lowercase;
font:normal 20px trebuchet ms;
letter-spacing:0px;
color: #666666;
background-color:#ffffff;}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color:#ffffff;
border:none;
text-align: center;}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color:#ffffff;
border: 1px solid #000000;}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: none;}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 180px;}
</style>
<style type="text/css">
table.navigation, table.footer { display:none; }
</style>
THEN THIS GOES IN YOUR JAVA SCRIPTS
<style type="text/css">
body {
scrollbar-arrow-color: #687588;
scrollbar-dark-shadow-color: #ffffff;
scrollbar-track-color: #687588;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #687588;
scrollbar-highlight-color: #687588;
scrollbar-3d-light-color: #ffffff;
background:#ffffff; background-image: ( A href="http://tinypic.com/eb7dwz.jpg" target="_new">http://tinypic.com/eb7dwz.jpg);
background-position: BOTTOM RIGHT; background-attachment: fixed;
background-repeat: repeat;}
.left, .blogbody, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: 10px verdana;
font-weight: normal;
color: #99D8C3;
letter-spacing:2px;
text-align:center;
text-transform: uppercase;
}
.blogbody b, .standard b, p b, strong, b, em, u {
/* edits bolded text in your entry */
font-weight: bold;
color: #99D8C3;
}
/* edits underlined text in your entry */
font-weight: underline;
color: #99D8C3;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font-family:times new roman;
font-size:15px;
text-transform: uppercase;
line-height:22px;
font-weight:normal;
background: transparent;
color: #ffffff;
letter-spacing: 2px;
text-align: center;
background: #99D8C3;
border: 1px solid #ffffff;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
background: #99D8C3;
color: #ffffff;
font: 9px verdana;
font-weight: bold;
line-height:11px;
text-transform:uppercase;
text-decoration: none;
border: 1px solid #000000;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
background: #99D8C3;
color: #ffffff;
font: 10px verdana;
font-weight: bold;
line-height:11px;
text-transform:uppercase;
text-decoration: none;
border: 1px solid #000000;
letter-spacing: 2px;
}
a:hover {
/* edits when user mouseovers the links */
background: #2FBBCE;
color: #ffffff;
font: 8px verdana;
font-weight: bold;
line-height:11px;
text-transform:uppercase;
text-decoration: none;
border: 1px solid #000000;
letter-spacing: 2px;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #ffffff;
font:normal 11px verdana;
background: #99D8C3;
letter-spacing:0px;
color: #687588;
letter-spacing: 2px;
}
table.left { /* this edits the menu module */
border: 1px solid #ffffff;
width:150px;
background: #687588;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 1px solid #ffffff;
background-color: #FFFFFF;
width:345px;
text-align: center;
background-image: ( A href="http://img316.imageshack.us/img316/9913/copy6lc.jpg" target="_new">http://img316.imageshack.us/img316/9913/copy6lc.jpg);
letter-spacing: 2px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background: #B7E7C1;
font-family:times new roman;
font-size:11px;
text-transform: uppercase;
line-height:22px;
font-weight:normal;
color: #B7E7C1;
border: none;
letter-spacing: 2px;
text-align: center;
width:150px;
background-image: ( A href="http://img316.imageshack.us/img316/9913/copy6lc.jpg" target="_new">http://img316.imageshack.us/img316/9913/copy6lc.jpg);
}
table.left TD {
/* on your menu module, this edits the body part of it */
background: #FFFFFF;
border-top: 1px solid #ffffff;
text-align:center;
color: #777777;
background-image: ( A href="http://img316.imageshack.us/img316/9913/copy6lc.jpg" target="_new">http://img316.imageshack.us/img316/9913/copy6lc.jpg);
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background: #FFFFFF;
border: 1px solid #ffffff;
}
table.search TD, table.announcements TH {
/* this should be left alone */ /* unless you know what to do */
border: 0px solid #687588;
}
table.navigation, table.main {
/* the width of your blog with modules */
width: 500px;
text-align: center;
}
hr {
/* horizontal divider */
border: 1px solid #fffff;
}
.blogbody u, .standard u, p u, u {
font-weight: underline;
color: #c1cdcd;}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: normal;
color: #687588;
}
</style>
<style>
table.footer {display:none;}
</style>
AND FINALLY....
THIS GOES IN YOUR WEBSITE STATS
<table border="0" width="100%" cellpadding="0" cellspacing="0"><tr><td valign="bottom" align="right"><table border="0" width="100%" cellpadding="0" cellspacing="0"><tr><td valign="bottom" align="right"><!-- RIGHT SIDE MODULES PROVIDED BY XLC-->
<!-- Script by Paul Chen -->
<td id="customRight" style="display:none" vAlign="top" width="200">
<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="center">
<b>YOUR TEXT HERE</b>
</th></tr>
<tr><td class="left" vAlign="top">
<center>YOU CAN PUT WHATEVA YOU WANT TO HERE!!</center>
</td></tr>
</table>
<br/>
<!-- module:end -->
<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="center">
<b>just click</b>
</th></tr>
<tr><td class="left" vAlign="top">
<a href="http://edit.xanga.com/signout.aspx">hii//bye</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOUR USER NAME HERE">add me¿</a>
<br>
<a href="http://www.xanga.com/private/home.aspx">private</a>
<br>
<a href="http://www.xanga.com/CLAF/default.asp">c l a f</a>
<br>
<a href="http://www.xanga.com/private/subscriptions.aspx">subs</a>
<br>
<a href="http://www.xanga.com/ehh_html">layout makerr</a>
</td></tr>
</table>
<br/>
<!-- module:end -->
<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="center">
<b>PUT WHATEVA HERE</b>
</th></tr>
<tr><td class="left" vAlign="top">
<center><b>YOUR TITLE HERE</b></center>
<center>YOUR TEXT HERE</center>
<center><b>YOUR TITLE HERE</b><center>
<center>YOUR TEXT HERE</center>
</td></tr>
</table>
<br/>
<!-- module:end -->
</td>
<script>
extra=false;
j=document.getElementById('MoreoverModule1_lblModuleTitle')
if(j){extra=true}
index=0;
var mytds = document.getElementsByTagName('td');
var i = 0;
for(i=0;i<mytds.length-1;i++){
if(mytds[i].width=="200"){
index++;
if(index==(extra ? 2 : 1)){break;}}
}
var sidebar = (extra ? mytds[i]: mytds[i].parentNode)
var tsibpc = document.getElementById('customRight');
var rightSide = tsibpc.cloneNode(true);
rightSide.style.display = "block";
sidebar.appendChild(rightSide);
</script>
<!-- Email It Envelope Script by Sherrys_Designs-->
<script language="javascript">
<!--
var links = document.getElementsByTagName ('a');
for (var l = 0; l < links.length; l++) {
str = links[l].innerHTML;
if (str.match (/\d+:\d+ (am|pm)/i)) links[l]
else if (str.match (/email it/i)) links[l].innerHTML = str.replace (/email it/i, "<img src=http://img.photobucket.com/albums/v368/sherrys_designs/pixels/envelope.jpg border='0'>");
}//-->
</script>
</script>
<p align=center><font size=1><span style=background:white>
<script language="javascript">
var titletext="YOUR TEXT HERE"
var repeat= false; // SET TO true TO REPEAT, false TO "TYPE" OUT TITLE ONLY ONCE.
set=setTimeout;
var index=0;
function scrolltitle(){
if(index<=titletext.length){
document.title=titletext.substring(0,index);
index++;
set('scrolltitle()', 200);
}else{
index=0;
if(repeat)set('scrolltitle()',1000);
}}
window.onload=function(){
if(!document.layers)set('scrolltitle()',1000);
}
</script>
<script type='text/javascript'>
var xanga = "brokenwithin_a_song";
var from_url = escape(document['referrer']);
var links = document.getElementsByTagName('a');
for (var i=0; i<links.length; i++) {
if (links[i].href.match('http://www.xanga.com') && links[i].innerHTML.match('xanga') && (links[i+2].href.match('/logout.aspx') || links[i+2].href.match('/signin.aspx'))) {
document.write('<img src="http://www.xangatracker.net/process.php?xanga='+xanga.toLowerCase()+'&visitor='+links[i+1].innerHTML.toLowerCase()+'&url=' + +'&ref='+from_url +'" width="0" height="0">');
}
}
</script> | 