Suggest a link
Recommend to friend
Create a site
bold
italic
underline
regular
Code for layout
<html><head><title>xsummer_socialite_layoutsx</title><style type="text/css"> Body {background-color: #FFFFFF; background-image: url("http://tinypic.com/6iwck7.jpg"); background-attachment: fixed; background-repeat: repeat; background-position: top left; text-align: center; font-family: Arial; color: #FF99CC; font-size: xx-small; text-decoration: none; } :link {color: #FF99CC; text-decoration: none; } a:link {color: #FF99CC; text-decoration: none; } a:visited {color: #99ff99; text-decoration: none; } a:active {color: #FF99CC; text-decoration: none; } a:hover {color: #FF99CC; text-decoration: none; } .nav.link {color: #FF99CC; text-decoration: none; } a.nav:link {color: #FF99CC; text-decoration: none; } a.nav:visited {color: #66CC66; text-decoration: none; } a.nav:active {color: #66CC66; text-decoration: none; } a.nav:hover {color: #FF99CC; text-decoration: none; } .navselected.link {color: #FF99CC; text-decoration: none; } a.navselected:link {color: #FF99CC; text-decoration: none; } a.navselected:visited {color: #66CC66; text-decoration: none; } a.navselected:active {color: #66CC66; text-decoration: none; } a.navselected:hover {color: #FF99CC; text-decoration: none; } .footernav.link {color: #FF99CC; text-decoration: none; } a.footernav:link {color: #FF99CC; text-decoration: none; } a.footernav:visited {color: #66CC66; text-decoration: none; } a.footernav:active {color: #66CC66; text-decoration: none; } a.footernav:hover {color: #FF99CC; text-decoration: none; } p, center {font-family: Arial; color: #FF99CC; font-size: xx-small; text-decoration: none; } .smalltext {font-size: xx-small; } LI {font-family: Arial; color: #FF99CC; font-size: xx-small; text-decoration: none; } UL {font-family: Arial; color: #FF99CC; font-size: xx-small; text-decoration: none; } TD {font-family: Arial; color: #FF99CC; font-size: xx-small; text-decoration: none; } TH {font-family: Arial; color: #FF99CC; font-size: xx-small; text-decoration: none; } HR {color: #FFFFFF;} table.banner { background-color: #ffffff; border: 1px solid #FFFFFF; background-image: none; } table.header { width: 100%; background-color: transparent; border: transparent; } table.header TH {font-family: Verdana; font-size: x-small; text-decoration: none; font-weight: normal; border: none; } table.header TD {font-family: Verdana; font-size: x-small; text-decoration: none; border: none; } table.navigation { width: 100%; border: none; } table.footer { width: 100%; border: none; } table.main { width: 100%; border: none; } table.main TD, table.main TR { border: none; } table.search { color: #FF99CC; background-color: transparent; border: 1px solid #FFFFFF; } table.search TH { color: #FF99CC; background-color: transparent; border: 1px solid #FFFFFF; background-image: none; } table.search TD, table.search TR { color: #30eae8; background-color: transparent; border: none; background-image: none; } table.left { border: 1px solid #FFFFFF; } table.left TH { color: #000000; background-color: transparent; text-align: left; border: none; background-image: none; } table.left TD, table.left TR { color: #000000; background-color: transparent; text-align: left; border: none; background-image: none; } table.right { border: 1px solid #FFFFFF; } table.right TH { color: #000000; background-color: transparent; text-align: left; border: none; background-image: none; } table.right TD, table.right TR { color: #000000; background-color: transparent; text-align: left; border: none; background-image: none; } table.announcements { border: 1px solid #FFFFFF; background-image: none; } table.announcements TH { border: 1px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; background-image: none; } table.announcements TD, table.announcements TR { border: none; background-image: none; } .button {font-family: Arial; border: 1px solid #FFFFFF; } .textfield {font-family: Arial; border: 1px solid #FFFFFF; } .pulldown {font-family: Arial; border: 1px solid #FFFFFF; } table.textad {border: 5px dotted #ff99cc;} table.textad TD, table.textad TR { color: #000000; background-color: #F9F9F9; border: none; background-image: none; } .textad:link {color: #FF99CC; text-decoration: underline; } a.textad:link {color: #FF99CC; text-decoration: underline; } a.textad:visited {color: #66CC66; text-decoration: underline; } a.textad:active {color: #66CC66; text-decoration: none; } .blogheader {font-family: Arial; color: #30eae8; font-size: xx-small; text-decoration: none; font-weight: bold; padding-bottom: 4pt; } </style></head><body><center><span><div style="height: 79px"></div><script language="JavaScript"> /* Flash Header Title Created & Fixed to work in XANGA by xanga.com/dorischu */ <!-- st=setTimeout; title_tmp1=document.title if (title_tmp1.indexOf(">>")!=-1){ title_tmp2=title_tmp1.split(">>"); title_last=" ?gt; "+title_tmp2[1]; title_last=title_last + " ?gt; " + title_tmp2[2]; }else{ if (title_tmp1.indexOf("?")!=-1){ title_tmp2=title_tmp1.split("?"); title_last=" ?gt; "+title_tmp2[1]; if (title_last==" ?gt; "){title_last=" ?gt; "}; if (title_last==" ?gt; "){title_last=" ?gt; "}; } } title_new="WRITE TITLE HERE" step=0 function flash_title(){ step++ } flash_title() --> </script> <script> var left=""; var right=""; var msg="WRITE TITLE HERE"; var speed=200; function scroll_title() { document.title=left+msg+right; msg=msg.substring(1,msg.length)+msg.charAt(0); ("scroll_title()",speed); } scroll_title(); </script> <style type="text/css"> table.footer, table.search, #rblEprops, hr {display: none;} BODY { scrollbar-face-color: #Ffffff; scrollbar-shadow-color: #FF99CC; scrollbar-highlight-color: #FF99CC; scrollbar-3dlight-color: #66CC66; scrollbar-darkshadow-color: #FF99CC; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #66CC66; background-color: #ffffff; font-family: arial; font-size:8pt; font-color: #666666; line-height:150%; text-align: center; } center, font{ font-family: arial; font-size: 8pt; font-color: #666666; line-height: 12px;} table.left { background-color: #ffffff; border:0px; } table.blogbody { /* this edits the other the place where the blog is */ background-color: #ffffff; border-top: 4px SOLID #FF99CC; border-left: 1px solid #FF99CC; border-right: 1px solid #FF99CC; border-bottom: 1px solid #FF99CC; width: 100%; width:360; text-align: center; } table.left TD { background-color: #ffffff; color: #666666; border: 0px; text-align: center; } div.blogheader, .caption { /* edits the dates */ background-color: #ffffff; line-height:20px; font-family:arial; text-transform: lowercase; font-size:25px; font-weight:normal; text-align: center; color: #66cc66; letter-spacing:0px; padding-top:1px; padding-bottom:0px; border-top: 2px solid #FF99CC; border-left: 2px solid #FF99CC; border-right: 2px solid #FF99CC; border-bottom: 4x solid #FF99CC; width: 360px; } .blogbody{ border-top: 1px solid #FF99CC; color: #666666; background-color: #transparent; } .blogbody td{ width: 0px; padding-left: 0px} input, select, menu, #htmleditor, textarea, .textfield, .button{ border: none; font-family:"arial"; font-size:8pt; font-color: #666666; line-height:150%; background-color: #ffffff; text-align: center; } .module, .module, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext{ font-family: arial; font-size: 8pt; color: #666666; text-align: center; } STRONG{ COLOR: #FF99CC letter-spacing: 0pt; cursor: crosshair;} A:link{ font-family:arial; text-decoration:none; font-size: 8pt; color: #FF99CC; } A:visited{ text-decoration:none; font-family:arial; font-size: 8pt; color: #FF99CC; } a:active{ font-size:8pt; color: #FF99CC;} A:hover{ /* edits when user mouseovers the links */ color:#FF99CC; border:1px dotted #FF99CC; font:normal 8pt arial; line-height:11px; cursor:no-drop; letter-spacing:-0px; height: 0; PADDING-TOP: 1px; PADDING-BOTTOM: 1px; PADDING-RiGHT: 1px; PADDING-LEFT: 1px; text-align: center; } .blogbody b, .standard b, p b, i, strong { /* edits bolded text in your entry */ font-weight: bold; color: #FF99CC; } .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} </style> <style type"=text/css> /* edit to your liking */ texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none} table.blogbody tr td {width:0px; padding: 0px;} table.module { border: 1px solid #66CC66; width:165px; background-color: #ffffff; } table.module th { font:8pt arial; color: #666666; border-top: 1px solid #000000; border-bottom: 4px solid #FF99CC; border-left: 0px solid; border-right: 0px solid; } table.module td { background-color: #ffffff; border-top: 4px solid #FF99CC; border-left: 0px solid #FF99CC; border-right: 0px solid #FF99CC; border-bottom: 0px solid #FF99CC; ;} U {font-family: arial; color: #66CC66; letter-spacing: 0pt; font-size:8pt; font-style: border; border-bottom: #FF99CC;} P {font-family:ARIAL; color: #666666; font-size: 8pt; text-align: center;} B, STRONG {font-family:ARIAL; font-weight: normal; color: #FF99CC; letter-spacing:none;font-size: 11px;} i, EM {font-family:ARIAL; color: #66CC66; letter-spacing:none;} <style></style></style> <!-- add this below all the CSS --> <table border=0 width="500"><tr><td valign="top" width="160"> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="center" class="module"> --<3 Whose that Girl?</th></tr><tr><td valign="top" class="module"> ADD SOME NEATO THINGS HERE(About yourself) </td></tr></table><br> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><font face=arial>Navigation</a></th></tr><tr><td valign="top" class="module"> <b>♥</b> <a href="http://www.xanga.com">xanga</A> <BR> <b>♥</b> <a href="http://www.xanga.com/signin.aspx">sign in</a> or <a href="http://www.xanga.com/logout.aspx"> sign out</a> <BR> <b>♥</b> <a href="http://www.xanga.com/Private">go home</A> <BR> <b>♥</b> <a href="http://www.xanga.com/CLAF/default.asp">get d0lled up</A> <BR> <b>♥</b> <a href="http://xanga.com/Private/SubscribeTo.aspx?user=USERNAME"> be my lover<i><3</i></a> <BR> <b>♥</b> <a href="http://www.xanga.com/private/subs.aspx">My Lovers</A> </td></tr></table><br> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="center" class="module"><font face=arial> MUSIC IS MY BOYFRIEND<3</a></th></tr><tr><td valign="top" class="module"> PUT MUSIC HERE(Such as playlist.) </script> </td></tr></table><br> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><font face=arial>Where'd you Get that Sexy Layout.</a></th></tr><tr><td valign="top" class="module"> This layout is <i>%100</i> © by <a href="http://www.xanga.com/xsummer_socialite_layoutsx">xsummer_socialite_layoutsx</a> </td></tr></table><br> </td><td width="500" valign="top" align="left"> <BODY style= "border-left:#ff99cc 7pt solid; border-right:#ff99cc 7pt solid; border-bottom:#ff99cc 7pt solid; border-top: #ff99cc 7pt solid;">