Suggest a link
Recommend to friend
Create a site
Hello! Here is a variation of one of my layouts, using the left module. Hope you like it. Remember in the code for the Header, you must change PUTYOURUSERNAME with your user name for the navigation links to work.
Have fun!
Copy and Paste into Header/Input Own HTML - NOTE: For your navigation links to work, you must replace PUTYOURUSERNAME with your user name.
<body background="http://i4.tinypic.com/10ogqar.jpg" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0"> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" bordercolor="#733B31" id="table1"> <tr> <td align="center" valign="top" height="218" background="http://i4.tinypic.com/10zokmh.gif"> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" bordercolor="#733B31" id="table2"> <tr> <td align="left" valign="bottom"> </td> <td align="left" valign="bottom" width="490"> <font size="1" face="Arial" color="#FFFFFF"><a href="http://www.xanga.com/signin.aspx"> sign in</a> - <a href="http://www.xanga.com/private/yourhome.aspx"> home</a> - <a href="http://www.xanga.com/private/SubscribeTo.aspx?user=PUTYOURUSERNAME"> subscribe</a> -<a href="http://www.xanga.com"> xanga </a>- <a href="http://www.xanga.com/private/yourhome.aspx"> private </a>- <a href="http://www.xanga.com/logout.aspx"> log out</a>- <a href="http://www.xanga.com/rayray714alayouts">Layout by RayRay </a></font></td> </tr> </table> </div> </td> </tr> <tr> <td background="http://i4.tinypic.com/10zokt5.gif" align="center" valign="top"> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" bordercolor="#733B31" id="table3"> <tr> <td align="center" valign="top"><p>
Copy and Paste into Website Stats:
</td> </tr> </table> </div> </body> </html> <center> <style type="text/css"> #rblEprops, #pnlEnabled table, #pnlEprops table { width: auto !important; } 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: #5eb0fe; scrollbar-track-color: #b0d343; scrollbar-shadow-color: #b0d343; scrollbar-face-color: #b0d343; scrollbar-highlight-color: #b0d343; scrollbar-darkshadow-color: #; scrollbar-3dlight-color: #; } font-family: arial; font-size:11px; background-image: url('http://i4.tinypic.com/10ogqar.jpg'); background-repeat: repeat; background-position: top right; background-color:#5eb0fe; } texttable.left, td.mainleft, table.left, { display: ; } .module, .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, .content, .smalltext { /* edits main text */ font:normal 12px arial; color: #ffffff; text-align:; } b, strong {font-weight:bold; letter-spacing:0px; color: #ffffff;} u {font-weight:normal; letter-spacing: 0px; color: #ffffff; em,i {font-weight:bold;italize; letter-spacing: 0px; font-family: script mt bold; color:#ffffff; } table.blogbody tr td { /* entry margins */ width:0px; } a:link{ /* edit the links */ color: #ffffff; text-decoration: none; font:normal 11px arial; } a:visited{ /* edit visited links */ color: #ffffff; text-decoration: none; font:normal 11px arial; } a:hover {/* edits mouseover links */ height: 0px; font: normal 12px arial; background: url('http://i4.tinypic.com/10ogqar.jpg'); background-color: #HEX COLOR; border: 1px solid #5eb0fe; color: #ffffff; text-decoration: none; } .blogbody td{ width: 430px; padding-left: 30px } input, select, textarea, .textfield, .button{ /* this edits buttons, drop down menus etc. */ border: 1px solid #ffffff; font:normal 11px arial #ffffff; background: url('http://i4.tinypic.com/10ogqar.jpg'); background-color: #b0d343; } form{ margin:0; padding:0; } div.blogheader, .caption { } /* edits the date */ div.blogheader, .caption { background-image: url(''); background-repeat: repeat; background-position:center; font-family: French Script MT; text-transform:none; font-size:42px; line-height: 42px; font-weight: normal; color:#5eb0fe; letter-spacing: 0px; width: px; background-color: #; text-align:center; border-top: px solid #b3717f; border-left: px solid #b3717f; border-right: px solid #b3717f; } table.blogbody { /* edits your blog or entry space */ background-image: url(''); border: px solid #b3717f; width: 400px; background-color: #; margin-left: 0px; } table.left { /* this edits the menu module */ width: 180; margin-left: 10 background-color: #; border:0px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(''); background-repeat: repeat; background-position:center; background-color: transparent; width:px; font: 24px French Script MT; line-height: 24px; color: #ffffff; border-top: px solid #b3717f; border-left: px solid #b3717f; border-right: px solid #b3717f; text-align: center; font-weight:normal; padding-top:0; padding-bottom:0; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: url(''); background-color: transparent; color: #ffffff; border: px solid #b3717f; text-align:center; } hr { color: #ffffff; display:; } .search, .searchbarborder, .footer, hr, banner{ display: none; } .navigation { display: none; font-weight: none !important; width: 100% !important; font-size: 10px;} .navigation * div { display: none; float: right; font-weight: none !important} } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 730px; align: right; } td.banner{ text-align:center; } </style> <!--Provided By http://www.thehtmlhelpsite.com--> <style type="text/css"> table.footer, table.footernav {display: none;}; } .navigation { display: none; font-weight: none !important; width: 100% !important; font-size: 10px;} .navigation * div { display: none; float: right; font-weight: none !important} </style> <!--Provided By http://www.thehtmlhelpsite.com--> </center> <!-- begin code provided by createblog.com --> <style type="text/css"> .custom{ width: 400px; height: px; z-index:100; overflow: auto; border: px #000000 solid; 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 -->