| >>*Note Read this before putting your layout*<<
After you paste this in your "Look and Feel" under it click all the links that say " transparent" or your layout WONT WORK PROPERLY..>>End<<
<center> <img src="http://tinypic.com/ejem44.jpg" alt="Image hosted by TinyPic.com"></center><BR><BR><BR>
<font color="#BD0000">MY_style_layout</font>
<style type="text/css"> body { background-color: #000000; background-image: url(http://tinypic.com/ejem2t.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: top; scrollbar-arrow-color: #ff0000; scrollbar-track-color: #990000; scrollbar-shadow-color: #990000; scrollbar-face-color: #ff0000; scrollbar-highlight-color: #990000; scrollbar-darkshadow-color:#ff0000; scrollbar-3dlight-color: #ffffff; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px tahoma; line-height:15px; color:#ff0000; letter-spacing:0px; text-align:center; background color: transp; } table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; } .left B, { font: bold 11px tahoma; color: "#ff0000"; line-height: 16px;} .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #ff0000; background-color: transparent; } div.blogheader, .caption { /* edits the dates */ font-family: tahoma; width: 323px; text-transform:normal; font-size:20px; line-height:18px; font-weight:normal; height: 3px; color: #ff0000; letter-spacing: -1px; text-align: left; background-color: transp; BORDER-left: #ff0000 2px solid; BORDER-right: #ff0000 2px solid; BORDER-bottom: #ff0000 2px dashed; BORDER-top: #ff0000 2px solid; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#990000; text-decoration: none; font:normal 11px tahoma; line-height:16px; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color: #ff0000; text-decoration: none; font:normal 11px tahoma; line-height:16px; } a:hover { /* edits when user mouseovers the links */ color:#990000; text-decoration: none; font: 11px tahoma; line-height:16px; background-color: transp; BORDER-left: #ff0000 2px solid; BORDER-right: #ff0000 2px solid; BORDER-bottom: #ff0000 2px solid; BORDER-top: #ff0000 2px solid; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 2px dashed #ff0000; font:normal 11px tahoma; background-color: transp; letter-spacing:0px; color: #990000; } table.left { /* this edits the menu module */ border: 2px solid #990000; width:160px; background-color: transp; } table.blogbody { /* this edits the other the place where the blog is */ border: 2px solid #990000; background-color: transp; width: 323px; font:normal 11px tahoma; line-height:15px; color: #ff0000;
} table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: none; font: bold 12px tahoma; color: #ff0000; border: none; background-color: transp; BORDER-left: #990000 2px dashed; BORDER-right: #990000 2px dashed; BORDER-bottom: #990000 2px dashed; BORDER-top: #990000 2px dashed; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: none; background-color: transp; border: 2px solid #990000; font:normal 11px tahoma; line-height:15px; color: #ff0000; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: black; border: 1px solid #ff0000; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border:#ff0000; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px double #990000; }
</style> |