Notes:
This layout has the LEFTMODULE DISABLED. Your navigation links are at the bottom of the page. You can upload a profile pic under the "Profile" link at botttom of page that will show up when commenting on other sites IF you hit the "choose" button before submitting comment. Then your profile pics will pop up for your selection.
Here is an icon for optional use. Save to your hard drive to upload as a Profile icon.
Also, if you post too wide a graphic in your blog, it will distort the left and right butterfly borders. If this happens, try resizing your graphic to a smaller width. The scroll bars in this entry would only appear if you use too wide a graphic (and in this case this entry is using wide url links).
Copy and Paste into Header/Input Own HTML:
<html>
<head>
<title>Free as a Butterfly Left and Right Borders</title>
</head>
<body background="http://x09.xanga.com/32db45436873342082459/w28603625.jpg" topmargin="0" leftmargin="0" rightmargin="0">
<table align="center" border="0" cellspacing="0" width="800" height="100%" bordercolor="#733B31" cellpadding="5">
<tr>
<td background="http://xde.xanga.com/798b24460403142086180/w28606215.jpg" align="right" valign="top" width="164"> </td>
<td align="center">
<div align="center">
<table border="0" cellpadding="10" cellspacing="0" width="100%" height="100%" bordercolor="#733B31">
<tr>
<td>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" bordercolor="#e793b5">
<tr>
<td align="center" valign="top">
<center> <img src="http://x7b.xanga.com/721b42450433042086186/w28606220.jpg">
<a href="http://www.xanga.com/profile.aspx?user=YOUREXACTUSERNAME"> About Me </a>
<a href="http://www.xanga.com/rayray714alayouts">Layout by RayRay</font></a>
<a href="http://www.xanga.com/senduser.aspx?user=YOUREXACTUSERNAME">Email Me</a>
<div align="center">
NOTE: Change code directly above and replace "YOUREXACTUSERNAME" with your Xanga User Name. These are your "About Me" and "Email Me" public links.
Continue with copy and paste into header:
<!-- keeps comment page from stretching -->
<style type="text/css">
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {
width: auto !important;
}</style>
<!-- end code provided by createblog.com -->
<style type="text/css">
table.header, table.main, table.footer, table.navigation{
/* edit width */
width:;
}
table.blogbody, div.blogheader, .caption{
width:;
}
td.maincenter {
text-align:center;
}
body {
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #e587ac;
scrollbar-shadow-color: #e793b5;
scrollbar-face-color: #f0bed2;
scrollbar-highlight-color: #f0bed2;
scrollbar-darkshadow-color: #e793b5;
scrollbar-3dlight-color: #e793b5;
font-family: arial;
font-size:11px;
background-image: url('http://x09.xanga.com/32db45436873342082459/w28603625.jpg');
background-repeat: repeat;
background-position: top right;
background-color:#CFAFBF;
}
texttable.left, td.mainleft, table.left, {
display: none;
}
.module, .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, .content, .smalltext {
/* edits main text */
font:normal 14px arial;
color: #ffffff;
text-align:;
}
table.blogbody tr td {
/* entry margins */
width:0px;
}
a:link{
/* edit the links */
color: #db598d;
text-decoration: none;
font:normal 11px arial;
}
a:visited{
/* edit visited links */
color: #db598d;
text-decoration: none;
font:normal 11px arial;
}
a:hover {
color:#ffffff;
font:normal 12px arial;
background-color: #e383a9;
background-image: url ('http://x06.xanga.com/4cfb634044c3242086188/w28604687.jpg');
border:1px solid #de5c90;
}
.blogbody td{
width: 100%;
padding-top: 10px
}
input, select, textarea, .textfield, .button{
/* this edits buttons, drop down menus etc. */
border: 1px solid #de5c90;
font:normal 12px arial #ffffff;
background-color: #f0bed2;
color:#ffffff;
}
form{
margin:0;
padding:0;
}
div.blogheader, .caption {
/* edits the date */
font-family: Times New Roman;
text-transform:none;
font-size:24px;
line-height:30px;
font-weight:normal;
color:#ffffff;
letter-spacing:-1px;
background-image: url('http://x06.xanga.com/4cfb634044c3242086188/w28604687.jpg');
background-color: #transparent;
border:1px solid #de5c90;
text-align: center;
padding-right:00px;
padding-bottom:0px;
}
table.blogbody {
/* edits your blog or entry space */
border: 0px;
background-color: #transparent;
border-bottom:0px solid #e587ac;
}
table.left {
/* this edits the menu module */
width:150;
background-color: #transparent;
border:0px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: transparent;
width:150;
font: 18px arial;
color: #993300;
border: 0px;
text-align: left;
font-weight:bold;
padding-top:0;
padding-bottom:0;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: #transparent;
background-image: ( /FONT>http://i2.tinypic.com/ou5i68.jpg);
color: #000000;
border: 0px;
width:150;
text-align:left;
border-top:1px solid black;
}
hr {
color: #e383a9;
}
table.search{
/* edits search bar */
border:#de5c90 solid 1px;
background-image: url('http://x09.xanga.com/32db42531123042086662/w28603625.jpg');
background-color:#;
}
table.search td{
background-image: url('http://x09.xanga.com/32db42531123042086662/w28603625.jpg');
background-color:#;
}
td.banner{
text-align:center;
}
</style>
Copy and Paste following into Website Stats:
</td>
</tr>
</table>
</div>
<!-- Xanga Navigation Links -->
<center><a href="http://edit.xanga.com/claf.aspx">Look&Feel</a>
<a href="http://www.xanga.com/Private/subs.aspx">Read Subs</a>
<a href="http://www.xanga.com/private/feedback.asp">Feedback</a>
<a target="_blank" href="http://upload.xanga.com/uploadphoto.aspx">Photo Manager</a>
<a href="http://www.xanga.com/private/Archives.aspx">Archive Blogs</a>
<a href="http://edit.xanga.com/blogrings.aspx">My Blogrings</a>
<a href="http://www.xanga.com/Private/profilebasic.aspx ">Profile</a>
<a href="http://www.xanga.com/Private/editaccount.aspx ">Account </a></center>
</td>
</tr>
</table>
</div>
</td>
<td background="http://x51.xanga.com/f68b564a0403142086182/w28606217.jpg" align="center" valign="top" width="154"> </td>
</tr>
</table>
</div>
</body>
</html>
<BODY style="border-bottom: #7db245
10t solid; border-top: #7db245
10t solid; border-left: #7db245
10t solid; border-right: #7db245
10t solid"></TBODY>
</style>
<!-- begin code provided by createblog.com -->
<style type="text/css">
.custom{
width: 400px;
height: ;
z-index:100;
overflow: auto;
border: 0x #cc0000 double;
background: #;
}</style>
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<script>
var tds = document.getElementsByTagName ('a');
for (var i = 0; i < tds.length; i++) {
timeString = tds[i].innerText;
if(timeString.match(/\d+:\d+ [ap]m\b/i)){
if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;}
table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode;
stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild;
inner = stuff.innerHTML
stuff.innerHTML="";
stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>');
}
}
</script>
<!-- end code provided by createblog.com -->
| 
