ok, the layout code is below

ok, to make the "Baby Sue" in Yellow you need to change the font color on you L&F page to FFFF66 and the font to w/e u want

<a href="http://xanga.com/sunny_day_layz">sunny_day_layz</a><br /> Baby Sue<BR> <img src= http://www.sacredart-murals.co.uk/800x600%20Site/images/Mural%20Rooms/Winnie%20the%20Pooh%206/winnie_the_pooh_6_(6).jpg > <style type="text/css"> /* <span class='searchlite'>000000</span> Stylesheet */ /* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */ body { background-color: #000000; scrollbar-arrow-color: #FFFF66; scrollbar-track-color: #000000; scrollbar-shadow-color: #ffff66; scrollbar-face-color: #FF0000; scrollbar-highlight-color: #ffff66; scrollbar-darkshadow-color:#000000; scrollbar-3dlight-color: #ff0000; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 14px Garamond; line-height:16px; color: #FFFF66; letter-spacing:0px; text-align:justify; } 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: Garmond; text-transform:lowercase; background-color: #000000; border: 3px dashed #FF0000; font-size:25px; line-height:30px; font-weight:bold; height: 1px; color: #FFFF66; letter-spacing:1px; text-align: center; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#FFFF66; text-decoration: none; font:normal 14px Garamond; line-height:18px; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#FFFF66; text-decoration: none; font:underlined 15px Garamond; line-height:18px; } a:hover { /* edits when user mouseovers the links */ color: #FF0000; cursor: ne-resize; text-decoration: none; font:normal 16px Garamond; line-height:18px; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 3px dashed #FF0000; font: bold 14px Garamond; background-color: #000000; letter-spacing: 0px; color: #FFFF66; } table.left { /* this edits the menu module */ border: 3px dashed #FF0000; width: 160px; } table.blogbody { /* this edits the other the place where the blog is */ border: 3px dashed #FF0000; background-color: #000000; width:400px; font:normal 14px Garamond; line-height:16px; color: #FFFF66; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: none; background-color: #000000; font: bold 35px Garamond; line-height: 40px border: 3px dashed #FF0000; text-transform: normal; color: #FFFF66; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: none; background-color: #000000; font:normal 14px Garamond; line-height:16px; color: #FFFF66; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #000000; border: 3px solid: #FF0000; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 3px solid: #FF0000; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 5px dashed #FF0000; } </style> <!-- 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("#FF0000","#000000","#FFFF66"); // 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 = 6; // the width of the entire box, in pixels or % var blinkWidth = 500; // the height of each row, in pixels var blinkRowHeight = 4.5; // speed of blinking, in milliseconds var blinkRate = 2; // 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>

This is the code without "baby sue"

<a href="http://xanga.com/sunny_day_layz">sunny_day_layz</a><br /> <img src= http://www.sacredart-murals.co.uk/800x600%20Site/images/Mural%20Rooms/Winnie%20the%20Pooh%206/winnie_the_pooh_6_(6).jpg > <style type="text/css"> /* <span class='searchlite'>000000</span> Stylesheet */ /* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */ body { background-color: #000000; scrollbar-arrow-color: #FFFF66; scrollbar-track-color: #000000; scrollbar-shadow-color: #ffff66; scrollbar-face-color: #FF0000; scrollbar-highlight-color: #ffff66; scrollbar-darkshadow-color:#000000; scrollbar-3dlight-color: #ff0000; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 14px Garamond; line-height:16px; color: #FFFF66; letter-spacing:0px; text-align:justify; } 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: Garmond; text-transform:lowercase; background-color: #000000; border: 3px dashed #FF0000; font-size:25px; line-height:30px; font-weight:bold; height: 1px; color: #FFFF66; letter-spacing:1px; text-align: center; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#FFFF66; text-decoration: none; font:normal 14px Garamond; line-height:18px; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#FFFF66; text-decoration: none; font:underlined 15px Garamond; line-height:18px; } a:hover { /* edits when user mouseovers the links */ color: #FF0000; cursor: ne-resize; text-decoration: none; font:normal 16px Garamond; line-height:18px; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 3px dashed #FF0000; font: bold 14px Garamond; background-color: #000000; letter-spacing: 0px; color: #FFFF66; } table.left { /* this edits the menu module */ border: 3px dashed #FF0000; width: 160px; } table.blogbody { /* this edits the other the place where the blog is */ border: 3px dashed #FF0000; background-color: #000000; width:400px; font:normal 14px Garamond; line-height:16px; color: #FFFF66; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: none; background-color: #000000; font: bold 35px Garamond; line-height: 40px border: 3px dashed #FF0000; text-transform: normal; color: #FFFF66; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: none; background-color: #000000; font:normal 14px Garamond; line-height:16px; color: #FFFF66; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #000000; border: 3px solid: #FF0000; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 3px solid: #FF0000; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 5px dashed #FF0000; } </style> <!-- 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("#FF0000","#000000","#FFFF66"); // 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 = 6; // the width of the entire box, in pixels or % var blinkWidth = 500; // the height of each row, in pixels var blinkRowHeight = 4.5; // speed of blinking, in milliseconds var blinkRate = 2; // 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>

then on your look and feel page, go down to the search bar change options and change the trim and border to red or they will be what you currently have them as.

if you want to request changes to this leave a comment on the main site :)

I will make a title if anyone wants and put the image in the bottom right corner :)