Hey,

The Code below is for the layout on this site. the layout does NOT come with the chatterbox but if u would like one please tell me. i enjoyed making this layout so i hope the person who it was made for greatly aprreaciates it. here is the code. copy and paste in ur header HTML. dont jock and LEAVE my credits on this layout as a token of GRATITUDE. if u dont then i will show u my token of graditude for jockers. well here is the code. ENJOY!!

<a href="http://www.xanga.com/home.aspx?user=best_site_designer"><img src="http://img70.imageshack.us/img70/3148/cscontests1di.png" border="0" width="450" alt="Image Hosted by ImageShack.us" /></a> <!-- begin code provided by createblog.com --> <!-- begin code provided by createblog.com --> <style type=text/css><!-- body{border-right:#A7A718 35px solid;border-left:#A7A718 35px solid;border-top:#000000 35px solid;border-bottom:#000000 35px solid} //--></style> <!-- end code provided by createblog.com --> <!-- end code provided by createblog.com --> <!-- Blink Boxes : Provided by Blogring.net --> <script language=JavaScript> <!-- //blink boxes - xanga.com/add_ons //by sean f http://www.xanga.com/seanmeister //fixed to work with new security measures by //hotaru_01 http://www.xanga.com/hotaru_01 // customize by changing the values below // these are the various colors, in quotes, seperated by commas var blinkColors = new Array("A7A718","white","black"); // the border color var blinkBorderColor = "#ffffff" // the border width, in pixels var blinkBorderWidth = 1; // the # of rows var blinkRows = 1; // the # of columns var blinkCols = 40; // the width of the entire box, in pixels or % var blinkWidth = 500; // the height of each row, in pixels var blinkRowHeight = 10; // speed of blinking, in milliseconds var blinkRate = 8; // do not edit below this line st=setTimeout; document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>"); for (r = 0; r < blinkRows; r++){ document.write("<TR>"); for (c = 0; c < blinkCols; c++){ document.write("<TD height='" + blinkRowHeight + "'></TD>"); } document.write("</TR>"); } document.write("</table>"); // ... and this makes it blink function blinkIt() { changecell = Math.floor(Math.random() * (blinkCols * blinkRows)); changecolor = Math.floor(Math.random() * blinkColors.length); bb = document.getElementById("blinkbox"); bbtd = bb.getElementsByTagName("td"); bbtd[changecell].style.backgroundColor = blinkColors[changecolor]; st('blinkIt()', blinkRate); } blinkIt(); //--> </SCRIPT> <!-- End Script by Blogring.net --> <a href="http://xanga.com/best_site_designer" target="_blank">Shreya's Layouts</a><br /> <style type="text/css"> /* Shreya's Layouts */ body { background-color: #000000; background-image: url(); background-attachment:fixed; background-repeat:repeat; background-position:bottom right; scrollbar-arrow-color: #A7A718; scrollbar-track-color: #000000; scrollbar-shadow-color: #A7A718; scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-darkshadow-color: #A7A718; scrollbar-3dlight-color: #A7A718; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:10px; color:#A7A718; letter-spacing:0px; text-align:center; } 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:BlackChancery; text-transform:uppercase lowercase; font-size:22px; line-height:10px; font-weight:bold; color:#A7A718; letter-spacing:0px; background-color: #CCFFCC; text-align: center; border-bottom: 0px solid #FBEC5D; background-image: url(http://tinypic.com/a59fer.gif); } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color: #A7A718; font-family: trebuchet MS; border-top: 0px solid #; border-bottom: 0px dotted #ffffff; border-left: 0px solid #; border-right: 0px solid; font:normal 11px terminal; line-height:12px; text-decoration: none; letter-spacing: 0px; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#ffffff; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#A7A718; font:normal 11px terminal; line-height:18px; text-decoration: none; text-transform:uppercase; cursor: crosshair; background-color:#000000; border:1px solid #000000; letter-spacing: 2px; } .blogbody b, .standard b, p b, strong { font-weight: bold; color: #A7A718; } .blogbody i, .standard i, p i, em { font-weight: underline; color: black; font:normal 11px arial; } u { color: black; font-family: arial; border-bottom: 5px solid #ef2c74; letter-spacing: -1px; font-weight: Underline; text-transform: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #c0c0c0; font:normal 11px arial; background-color: #000000; letter-spacing:0px; color: #A7A718; } table.left { /* this edits the menu module */ border: 1px solid #c0c0c0; width:160px; background-color: #000000; } table.blogbody { /* this edits the other the place where the blog is */ border: 0px solid c0c0c0; background-color: #000000; width:400px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(http://tinypic.com/a59fer.gif); background-color: #000000; font: bold 14px BlackChancery; text-transform:uppercase lowercase; color: #A7A718; border: 3px groove #A7A718; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: url(http://url.com/to/the/site/image.gif); background-color: #000000; border: 3px groove #A7A718; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #000000; border: 1px solid #A7A718; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 1px solid #A7A718; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 3px groove #A7A718; } </style> <!-- begin code provided by createblog.com --> <style type="text/css"> table.footer { display:none; } </style>

               *~*Shreya*~*