| *Note*
I've noticed in some people the tables from the left dont seem to work (transparent) so theres a way to solve this:
Go to look and feel
And where theres options to switch color in the bottom click in "transp" in every single box. And that should work.
-----------------------------------------------------------------------------
<center> <img src="http://www.myimagehub.com/userfiles/sd9/murderd.jpg"><BR><BR><font color="ff0000">MY_style_layout<BR><BR> </center>
<!-- 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("white","red"); // the border color var blinkBorderColor = "#000000" // 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 = 545; // 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> <style type="text/css"> body { background-color: #000000; background-image: url(http://www.myimagehub.com/userfiles/sd9/muderdolls11.PNG ); background-attachment: fixed; background-repeat: no-repeat; background-position: bottom left; scrollbar-base-color: black; scrollbar-shadow-color: black; scrollbar-highlight-color: black; scrollbar-3dlight-color: red; scrollbar-darkshadow-color: black; scrollbar-track-color: black; scrollbar-arrow-color: red; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 12 px comic sans ms; line-height:12px; color: red; letter-spacing:1px; 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; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ font:normal 12px tahoma; color:red; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ font:normal 13px arial; color:gray; text-decoration: none; } div.blogheader, .caption { /* edits the dates */ font-family:impact; font-size:27px; line-height:30px; font-weight:normal; background-color: transp; color:red; letter-spacing:0px; text-align: left; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 4px dashed gray; font:normal 12px comic sans ms; background-color: black; letter-spacing:0px; color: red; } table.left { /* this edits the menu module */ border: 7px dashed red; width:195px; background-color: transp; } table.blogbody { /* this edits the other the place where the blog is */ background-color: transp; width:300px; border: 7px dashed red; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: black; font: bold 13px tahoma; color: red; border: 5px solid gray; letter-spacing: 0px; text-align: center; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: transp; border: none; color: red; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: transparent; border: 5px dotted red; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid gray; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 300px; } hr { /* horizontal divider */ border: 7px dashed grey;} } <BODY style="border-bottom: red; 20t solid; border-top: red; 20t solid; border-left: gray; 20t solid; border-right: gray; 20t solid"></TBODY><script language=JavaScript> </script> </style> |