testing layout!!!

BOLD!

ITALIC!

UNDERLINE!

script layout:
<script type="text/javascript"> document.title = "i was a dork way before being a dork was cool" window.status = "i guess i'm just a natural dork!!!" </script> <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 48px; TEXT-TRANSFORM: uppercase; COLOR: #99ccff; LINE-HEIGHT: 30px; FONT-FAMILY: georgia; LETTER-SPACING: -4px">i can't help being a dork</FONT><br><FONT style="FONT-WEIGHT: italic; FONT-SIZE: 45px; TEXT-TRANSFORM: lowercase; COLOR: #00ff99; LINE-HEIGHT: 30px; FONT-FAMILY: times new roman; LETTER-SPACING: -4px">it just comes naturally!</FONT><br><br> <style type="text/css"> /*Natural Dork KC*/ /*by jEssica*/ /*kc_designz@xanga.com*/ body { background-color: #ffffff; background-image: url(http://tinypic.com/ad2tt2.jpg); background-repeat: no-repeat; background-position: top right; background-attachment: fixed; scrollbar-arrow-color: #00ff00; scrollbar-track-color: #000000; scrollbar-shadow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #00ff00; scrollbar-darkshadow-color: #00ff00; scrollbar-3dlight-color: #ffffff; cursor:crosshair; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 10px trebuchet ms; line-height:10px; color: #000000; letter-spacing:0px; text-align:left; } .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #6699ff; } 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: trebuchet ms; text-transform:uppercase; font-size:16px; line-height:16px; font-weight:bold; filter: alpha (opacity=100, finishopacity=0, style=1); height: 2px; background-color:#000000; color:#00ff00; letter-spacing:2px; text-align: center; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color: #000000; font:normal 10px trebuchet MS; line-height:10px; text-decoration: none; cursor: nw-resize; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color: #99ccff; font:normal 10px trebuchet MS; line-height:10px; text-decoration: line-through; cursor: nw-resize; } a:hover { /* edits when user mouseovers the links */ color:#00ff99; font:normal 10px trebuchet ms; letter-spacing: -1px; line-height: 20px; text-decoration: none; text-decoration: underline overline; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 3px solid #666666; font:normal 10px trebuchet ms; background-color: transparent; letter-spacing:0px; color: #000000; } table.left { /* this edits the menu module */ border: 3px solid #666666; width:175px; background-color: transparent; } table.blogbody { /* this edits the other the place where the blog is */ border: 3px solid #666666; background-color: transparent; width:400px; background-image: url(URL); } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: #000000; background-image: url(URL); font: bold 12px trebuchet MS; color: #99ccff; border: none; letter-spacing: 0px; text-align: center; font-weight: bolder; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: transparent; background-image: url(URL); color: #99ccff; border: 0px solid #666666; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: transparent; border: 3px solid #666666; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: none; } table.navigation, table.main { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 3px solid #666666; } </style> <script language=JavaScript> <!-- //blink boxes - xanga.com/add_ons //by sean f <a href='http://www.xanga.com/seanmeister' target='_blank'>http://www.xanga.com/seanmeister</a> //fixed to work with new security measures by //hotaru_01 <a href='http://www.xanga.com/hotaru_01' target='_blank'>http://www.xanga.com/hotaru_01</a> // customize by changing the values below // these are the various colors, in quotes, seperated by commas var blinkColors = new Array("#99ccff","#00ff99","#ffffff"); // the border color var blinkBorderColor = "#000000" // the border width, in pixels var blinkBorderWidth = 1; // the # of rows var blinkRows = 2; // the # of columns var blinkCols = 100; // the width of the entire box, in pixels or % var blinkWidth = 568; // the height of each row, in pixels var blinkRowHeight = 5; // speed of blinking, in milliseconds var blinkRate = 6; // 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>

in order for this layout to work properly, you have to change the page width & alignment (this is found @ the very top of your xanga's look & feel page) to look like this:

Page Width & Alignment (?)

Width: Percent Pixels  full screen Alignment: left center

don't forget to change the alignment to left. otherwise the blog module will cover kelly.

end of test!