Trendy Trendy Trendy Trendy

THE LAYOUT CODE
( Custom Header )

<script>document.title=".´¯`» Beautiful Disaster";</script> <br><br><img src="http://img86.imageshack.us/img86/2208/hilaryduff43vy.png"><br> <div align="center"> <a href="http://www.xanga.com/USERNAME HERE">[ <b>REFRESH</b> ]</a> <a href="http://www.xanga.com">[ <b>HOME</b> ]</a> <a href="http://www.xanga.com/private">[ <b>YOURS</b> ]</a> <a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME HERE">[ <b>ADD?</b> ]</a> <a href="http://www.xanga.com/Private/subs.aspx">[ <b>SUBSCRIBERS</b> ]</a> <a href="http://www.xanga.com/CLAF">[ <b>L&F</b> ]</a> <a href="http://www.xanga.com/signin.aspx">[ <b>SIGN IN</b> ]</a> <a href="http://www.xanga.com/TrendyFashionx3">[ <b>CREDITS</b> ]</a> </CENTER></DIV> <style type="text/css"> /*LAYOUT BY TRENDYFASHIONX3*/ body { background-color: #FFFFFF; background-image: url(http://img451.imageshack.us/img451/934/hilaryduff4bg2tk.png); background-attachment: fixed; background-repeat: no-repeat; background-position: bottom left; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-face-color: #dcb140; scrollbar-highlight-color: #FFFFFF; scrollbar-darkshadow-color: #47262b; scrollbar-3dlight-color: #47262b; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* THE MAiN TEXT */ font:normal 11px arial; line-height:14px; color: #47262b; letter-spacing:0px; text-align:center; } b, strong {font-weight:bold; letter-spacing: 0px;color: #47262b; } u {font-weight:normal; letter-spacing: 0px; color: #dcb140; border-bottom: 1px solid #dcb140; font-family: tahoma; text-decoration: underline; } em,i {font-weight:bold;italize; lefter-spacing: -1px; font-family: georgia; color: eedbbc; }; /* THE FOOTER */ text-align: center; } div.blogheader, .caption { /* THE DATES */ font-family: times new roman; text-transform:; font-size: 28px; line-height: 32px; font-weight: bold; height: 1px; color: #47262b; letter-spacing: -2px; background-color: #ffffff; filter: gradient <div style="border:1px solid white; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr= #ffffff, endColorStr=#dcb140); width: 50px; height: 150px;"> </div>; text-align: center; width:375px; border-top: 2px solid #47262b; border-left: 2px solid #dcb140; border-right: 2px solid #dcb140; border-bottom: 3px solid #dcb140; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* ALL LiNKS */ font:normal 9px terminal; line-height:13px; text-decoration:none; text-transform:uppercase; color: #47262b; background-color: #FFFFFF; letter-spacing: 0px; border: 1px solid #dcb140; } a:visited, a.footernav:visited, { /* ViSITED LiNKS */ font:normal 9px terminal; line-height:13px; text-decoration:none; text-transform:uppercase; color: #47262b; background-color: #FFFFFF; letter-spacing: 0px; border: 1px solid #dcb140; } a:hover { /* HOVERED LiNKS */ font:normal 9px terminal; line-height: 11px; text-decoration:none; text-transform:uppercase; color: #FFFFFF; background-color: #FFFFFF; letter-spacing: 0px; filter: blur; filter:progid:dximagetransform.microsoft.gradient(gradienttype=1,startcolorstr=#dcb140, endcolorstr=#dcb140); height: 0; border: 1x solid #47262b; } input, select, textarea, .textfield, .button { /* THE BUTTONS, DROPDOWNS, ETC. */ border: 2px solid #dcb140; text-transform:uppercase; font:normal 7px small fonts; background-color: transparent; filter: gradient <div style="border:1px solid white; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr= #ffffff, endColorStr=#dcb140); width: 50px; height: 150px;"> </div>; color:#47262b; } table.left { /* THE MENU MODULE */ background-color: #FFFFFF; border: 2px solid #dcb140; font-weight: normal; text-align: right; width:185px; color: #47262b; } table.blogbody { /* THE BLOG AREA */ background-image: url(); background-attachment: fixed; background-repeat: no-repeat; background-position: bottom right; background-color: #FFFFFF; border-top: 3px solid #dcb140; border-bottom: 2px solid #47262b; border-left: 2px solid #dcb140; border-right: 2px solid #dcb140; width:375px; } table.left th { /* THE MENU MODULE TiTLE */ background-image: url(http://img451.imageshack.us/img451/5580/hilaryduff4modulebg6lq.png); background-attachment: fixed; background-repeat:no-repeat; background-position: right; font-family: arial; text-transform: uppercase; font-size: 11px; line-height:20px; font-weight: normal; letter-spacing: -3px; height: 1px; color: #dcb140; background-color: #FFFFFF; text-align: center; border-bottom: 3px double #47262b; border-top: 0px solid #47262b; } table.left TD { /* THE BODY PART OF THE MENU MODULE */ background-image: url(); background-attachment: fixed; background-repeat: repeat; background-position: top left; background-color: #FFFFFF; filter: gradient <div style="border:1px solid white; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr= #ffffff, endColorStr=#dcb140); width: 50px; height: 150px;"> </div>; border: 0px solid #47262b; font: arial; color: #47262b; text-align: center; border-top: 3px solid #47262b; } table.search TD, table.search, table.announcements { /* THE SEARCHBAR */ background-color: #FFFFFF; border: 2px solid #dcb140; } table.search TD, table.announcements TH { /* THE ANNOUCEMENTS TABLE */ border: 0px solid #dcb140; } table.navigation, table.main, table.footer { /* THE WIDTH OF YOUR BLOG WiTH MODULES */ width: 450px; } hr { /* THE HORiZONTAL DiViDER */ border: 2px solid #dcb140; } table.footer {display: none;}</style> <BODY style="border-bottom: #dcb140 10t solid; border-top: #47262b 10t solid; border-left: #dcb140 10t solid; border-right: #dcb140 10t solid"></TBODY> </style> <style type="text/css"> table.navigation, table.footer { display:none; } </style>

__________________________________________

THE REMiNDER
Make sure that you replaced
"USERNAME" with your Xanga username.

__________________________________________

FLiP MODULES
( Website Stats )

<!-- RiGHTSiDE MODULES --> <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>The Glamour Girl</b> </th></tr> <tr><td class="left" vAlign="top"> <img src="http://img97.imageshack.us/img97/2183/hilaryduff4icon19oy.png"> <br><br> <div id="scroll3" style="width:100%;height:110; background-color:Transparent; overflow:auto"> <b>MiSS</b>NAME<br> <b>Beauty Queen of Only</b> AGE<br> <b>ROLLiN iN</b> STATE<br> <b>Screen Name::</b> SCREEN NAME<br><br> &hearts;<b> . </b>&hearts;<b> . </b>&hearts;<br> What you like to do during your free time whats your favorite food, celeb..anything about yourslef!!!&hearts; </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>The To-Do List</b> </th></tr> <tr><td class="left" vAlign="top"> <!-- Scrollbars --> <DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 180px; HEIGHT: 260px; BACKGROUND-COLOR: transparent"> <IMG SRC="http://img97.imageshack.us/img97/2183/hilaryduff4icon19oy.png"> <P><U>ToPIC</U> <BR>» What to do. <BR>» What to do. <BR>» What to do. <BR>» What to do. <BR>» What to do. </P> <img src="http://img97.imageshack.us/img97/2183/hilaryduff4icon19oy.png"> <P><U>ToPIC</U> <BR>» What to do. <BR>» What to do. <BR>» What to do. <BR>» What to do. <BR>» What to do. </P> <img src="http://img97.imageshack.us/img97/2183/hilaryduff4icon19oy.png"> <P><U>ToPIC</U> <BR>» What to do. <BR>» What to do. <BR>» What to do. <BR>» What to do. <BR>» What to do. </P> </div></div></div> </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>YoUR HEADER</b> </th></tr> <tr><td class="left" vAlign="top"> Anything you want to put here!!&hearts; </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> </table></td></tr></tr></td></table> <ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"> <ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"></script> <!-- AD REMOVER --> <script type="text/javascript">document.write('\u003c\u0063\u0065\u006e\u0074\u0065\u0072\u003e\u003c\u0061\u006c\u0069\u0067\u006e\u003d\u0062\u006f\u0074\u0074\u006f\u006d\u003e\u003c\u0061\u0020\u0074\u0061\u0072\u0067\u0065\u0074\u003d\u0022\u005f\u0062\u006c\u0061\u006e\u006b\u0022\u0020\u0068\u0072\u0065\u0066\u003d\u0022\u0068\u0074\u0074\u0070\u003a\u002f\u002f\u0078\u0061\u006e\u0067\u0061\u006e\u002e\u0064\u006f\u0072\u0069\u0073\u0063\u0068\u0075\u002e\u0063\u006f\u006d\u002f\u0074\u0075\u0074\u006f\u0072\u0069\u0061\u006c\u002f\u0078\u0061\u006e\u0067\u0061\u0061\u0064\u0072\u0065\u006d\u006f\u0076\u0065\u0072\u003e\u000d\u000a\u003c\u0069\u006c\u0061\u0079\u0065\u0072\u0020\u006e\u0061\u006d\u0065\u003d\u0022\u0022\u003e\u003c\u0064\u0069\u0076\u0020\u0069\u0064\u003d\u0022\u0022\u0020\u0073\u0074\u0079\u006c\u0065\u003d\u0022\u0077\u0069\u0064\u0074\u0068\u003a\u0031\u003b\u0020\u0068\u0065\u0069\u0067\u0068\u0074\u003a\u0031\u003b\u0020\u0042\u0041\u0043\u004b\u0047\u0052\u004f\u0055\u004e\u0044\u003a\u0020\u0023\u003b\u0020\u0046\u0049\u004c\u0054\u0045\u0052\u003a\u0020\u0061\u006c\u0070\u0068\u0061\u0028\u006f\u0070\u0061\u0063\u0069\u0074\u0079\u003d\u0030\u0029\u003b\u0020\u006f\u0076\u0065\u0072\u0066\u006c\u006f\u0077\u003a\u0061\u0075\u0074\u006f\u0022\u003e')</script>

__________________________________________

THE CREDiT iNFORMATiON

This layout was made by Jackie from TrendyFashionx3. 
so please no jocking or saying you made this layout
it is 100% made by TrendyFashionx3.