Reminder:

Make sure all backgrounds colors are transparent in your look and feel in order for this layout to have full effect.

<style type="text/css"> /*dsd*/ body { background-color: #FFFFFF; background-image: url(http://tinypic.com/efscpf.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FF80BF; scrollbar-shadow-color: #FFFFFF; scrollbar-face-color: #FF80BF; scrollbar-highlight-color: #FFFFFF; scrollbar-darkshadow-color: #FF80BF; scrollbar-3dlight-color: #FF80BF; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /*`edits main text`*/ font:normal 8pt Georgia; line-height:18px; color: #FF80BF; 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: normal 22pt mistral; line-height:26pt; height: 1px; background-color: #FFFFFF; filter: alpha (opacity=100, finishopacity=0, style=3); color:#FF80BF; letter-spacing:0px; text-align: center; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color: #FF80BF; text-decoration: none; font:normal 8pt Georgia; line-height:18px; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color: #000000; text-decoration: line-through; font:normal 8pt Georgia; line height:18px; } a:hover { /* edits when user mouseovers the links */ color: #000000; text-decoration: none; border: 3px double #FF80BF; font:normal 12pt Mistral; line height: 12pt; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 4px double #FF80BF; font:normal 8pt Georgia; background-color: #FFFFFF; letter-spacing:0px; color: #FF80BF; } table.left { /* this edits the menu module */ width:170px; background-color: transperent; border: 4px double #FF80BF; color: #FF80BF; } table.blogbody { /* leave it alone unless you know what to do */ border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; { /* this edits the other the place where the blog is */ background-color: #transparent; background-image: url(http://tinypic.com/eg1gf7.gif); border: 4px double #FF80BF; width:400px; font:normal 8pt Georgia; line-height:16px; color: #FF80BF; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: #FFFFFF; filter: alpha (opacity=100, finishopacity=0, style=3); font: 14pt Mistral; text-align: center; color: #FF80BF; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: none; background-color: #transparent; background-image: url(http://tinypic.com/eg1gf7.gif); border: 4px double #FF80BF; font:normal 8pt Georgia; line-height:18px; text-align: center; color: #FF80BF; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #transparent; background-image: url(http://tinypic.com/eg1gf7.gif); border: 4px double #FF80BF; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px double #FF80BF; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 750px; } hr { /* horizontal divider */ border: 4px double #FF80BF; } </style> <a href="http://www.Xanga.com/DreamStarDesigns">..::||DreamStarDesigns||::..</a><br> <script language=JavaScript> <!-- //blink boxes made by dsd //Dream Star www.xanga.com/DreamStarDesigns // customize by changing the values bel0w // these are the various col0rs, in qu0tes, seperated by c0mmas var blinkColors = new Array("#FFFFFF","#000000","#FF80BF") // the border color var blinkBorderColor = "#FFFFFF" // the border width, in pixels var blinkBorderWidth = 1; // the # of rows var blinkRows = 3; // the # of columns var blinkCols = 100; // the width of the entire box, in pixels or % var blinkWidth = 700; // the height of each row, in pixels var blinkRowHeight = 3; // 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>