HI Everyone!
-Updates-
k i took off some of the layouts that weren't working right. I'll fix them and when I do I'll put them back on. SCROLL DOWN TO THE BOTTOM, I ADDED A NEW LAYOUT I MADE.
~Much Love Jackie
My helper for this site is Ashley (her xanga: DiStOrTeDaNdLoVlY)
SCROLL DOWN FOR THE LAYOUTS AND SIGNS...
Here is the code for a welcome sign and down below are some you can choose from as images...paste this code at the very top of html header in look & feel:
<script type='text/javascript'> // Welcome page, brought to you by Blogring.net // PICTURE URL GOES HERE var picture = 'http://www.freewebs.com/Brunette_Baby/enter4.gif'; function enterSite() { document.getElementById('splash').style.display = 'none'; var brnet = document.getElementsByTagName("center"); for (var i=0; i<brnet.length;i++) { brnet[i].style.display = 'block'; } return false; } if (document.title.slice(-10) == 'Xanga Site') { document.write('</span></center><style type="text/css"> center {display:none;} .picture {border:none;} </style><table height="100%" width="100%" id="splash"><tr><td align="center" valign="middle" style="text-align:center !important;"><a href="#" onclick="return enterSite();"><img src="'+ picture +'" border=0 class="picture" alt="Click me"></a></td></tr></table><center><span>'); } </script>
LAYOUTS!:
Here is a happy bunny layout...the happy bunny is blue and saids cute but pyscho, paste this in look & feel...html header:
<style type="text/css"> /*Brunette_Baby @ xanga*/ body { border: 20px Solid #00CCFF; background:black url("http://www.geekgasm.net/images/1041831567_ebutpsycho.gif"); background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #00CCFF; scrollbar-highlight-color: #ffffff; cursor:crosshair; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 9px verdana; line-height:12px; color:#00CCFF; 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; } div.blogheader, .caption { /* edits the dates */ font-family: rabbit; font-size:36px; text-transform:Captial; line-height:12px; color: #ffffff; letter-spacing:3px; text-align: center; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#00CCFF; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#000000; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#FF0066; cursor: ne-resize; text-decoration: line-through; filter: blur(add=0, direction=90, strength=10.5); } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #00CCFF; font:normal 10px; background-color: ffffff; letter-spacing:1px; font: normal 10px verdana; color: #00CCFF; } table.left { /* this edits the menu module */ border: 1px solid #00CCFF; width:160px; font: normal 10px verdana; color: #00CCFF; } table.blogbody { /* this edits the other the place where the blog is */; border: 0px solid #00CCFF; width:400px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ font: bold 10px; color: #00CCFF; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ border: 1px solid #00CCFF; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #00CCFF; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #00CCFF; } </style>
Here's a layout that saids See my heart? It beats just for you. Its like a broken heart kinda like the one from the cartoon movie the Grinch. The colors are red and black:
<style type="text/css"> /* See This Heart? */ /* by Brunette_Baby @ xanga.com */ body { border: 20px Solid #ff0000; background:black url("http://www.geocities.com/ginasworld88/beats4u.gif"); background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color: #ff0000; scrollbar-face-color: #ff0000; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #ff0000; cursor: crosshair; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 9px verdana; line-height:14px; color:#ff0000; 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:Lucida Handwriting; text-transform:lowercase; font-size:20px; line-height:30px; font-weight:normal; filter: alpha (opacity=100, finishopacity=0, style=2); height: 1px; background-color:#ff0000; color:ffffff; letter-spacing:1px; text-align: center; } .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: regular; color: #ff0000; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#ff0000; font:normal 11px arial; line-height:10px; text-decoration: none; } a:visited, a.footernav:visited { /* edits the links that the user has visited */ color:#ffffff; font:normal 12px Lucida Handwriting; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ height: 2px;
font:normal 11px arial; line-height:11px; cursor: crosshair; filter: alpha (opacity=100, finishopacity=1, style=1); height: 6px; background-color:#ff0000; color: #ffffff; text-decoration: none; } input, select, textarea, iframe.htmleditor, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #ff0000; font:normal 11px comic sans ms; background-color: ffffff; letter-spacing:0px; } table.left { /* this edits the menu module */ border: 3px double #ff0000; width:160px; } table.blogbody { /* this edits the other the place where the blog is */ border: 3px double #ff0000; width:400px; } 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=1) width:180px; font:normal 11px comic sans MS; line-height: 16px; text-transform: cross-out; color: #ff0000; text-align: left; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: transparent; border: none; color: #ffffff; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #transparent; border: 1px solid #ff0000; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #ff0000; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #ff0000; } </style>
Here's a black, white, and gray layout with a black glitter kitty on it...its neat...paste in Look & feel html header:
<style type="text/css"> /* Kitty */ /* by Brunette_Baby @ xanga.com */ body { border: 20px Solid #000000; background:black url("http://www.crystalkisses.cinnamon-toast.com/graphics/glitter/image2.gif"); background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color: #000000; scrollbar-face-color: #000000; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #000000; cursor: crosshair; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 9px verdana; line-height:14px; color:#ffffff; 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:Century Gothic; text-transform:lowercase; font-size:20px; line-height:30px; font-weight:normal; filter: alpha (opacity=100, finishopacity=0, style=2); height: 1px; background-color:#ffffff; color:000000; letter-spacing:1px; text-align: center; } .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: regular; color: #cccccc; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#fffffff; font:normal 11px arial; line-height:10px; text-decoration: none; } a:visited, a.footernav:visited { /* edits the links that the user has visited */ color:#cccccc; font:normal 12px Lucida Handwriting; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ height: 2px;
font:normal 11px arial; line-height:11px; cursor: crosshair; filter: alpha (opacity=100, finishopacity=1, style=1); height: 6px; background-color:#fffffff; color: #cccccc; text-decoration: none; } input, select, textarea, iframe.htmleditor, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #fffffff; font:normal 11px comic sans ms; background-color: ffffff; letter-spacing:0px; } table.left { /* this edits the menu module */ border: 3px double #fffffff; width:160px; } table.blogbody { /* this edits the other the place where the blog is */ border: 3px double #fffffff; width:400px; } 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=1) width:180px; font:normal 11px comic sans MS; line-height: 16px; text-transform: cross-out; color: #cccccc; text-align: left; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: transparent; border: none; color: #ffffff; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #transparent; border: 1px solid #fffffff; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #fffffff; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #fffffff; } </style>
here's a layout that saids bad girl and has a picture of a brunette girl on it. Its cute:
<style type="text/css"> /*Bad Girl by Brunette_Baby @ xanga*/ /*From: Free_Stuff@xanga*/ body { background: black url("http://img17.photobucket.com/albums/v51/Brunette_Baby/9.gif"); background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color: #000000; scrollbar-face-color: #000000; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #000000; cursor:crosshair; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 9px verdana; line-height:12px; color:#ff99cc; 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; } div.blogheader, .caption { /* edits the dates */ font-family: Curlz MT; font-size:20px; line-height:12px; font-weight:bold; color: #FFFF99; letter-spacing:3px; text-align: center; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#FFCCCC; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#FFFFCC; font: arial; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#FFFFFF; cursor: ne-resize; text-decoration: line-through; filter: blur(add=0, direction=90, strength=10.5); } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #FF99CC; font:normal 10px; letter-spacing:1px; font: normal 10px verdana; background color: 000000; color: #FFFF99; } table.left { /* this edits the menu module */ border: 1px solid #FF99CC; width:160px; font: normal 10px verdana; color: #FFFFCC; } table.blogbody { /* this edits the other the place where the blog is */; border: 1px solid #FF99CC; width:400px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ font: bold 10px; color: #FFCC99; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ border: 1px solid #FF99CC; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #FF99CC; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #FF99CC; } </style>
Here's a layout that saids Baby Girl. Its the same layout has the one I have on this site right now.
<style type="text/css"> /*Baby Girl by Brunette_Baby @ xanga*/ /*From: Free_Stuff@xanga*/ body { background: black url("http://img34.photobucket.com/albums/v104/graphicz/glit/39.gif"); background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color: #000000; scrollbar-face-color: #000000; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #000000; cursor:crosshair; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 9px verdana; line-height:12px; color:#ff99cc; 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; } div.blogheader, .caption { /* edits the dates */ font-family: Curlz MT; font-size:22px; line-height:12px; font-weight:bold; color: #CC99FF; letter-spacing:3px; text-align: center; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#FF66CC; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#33CCFF; font: arial; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#CCCCFF; cursor: ne-resize; text-decoration: line-through; filter: blur(add=0, direction=90, strength=10.5); } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #FF99CC; font:normal 10px; letter-spacing:1px; font: normal 10px verdana; background color: 000000; color: #33CCFF; } table.left { /* this edits the menu module */ border: 1px solid #FF99CC; width:160px; font: normal 10px verdana; color: #CC99FF; } table.blogbody { /* this edits the other the place where the blog is */; border: 1px solid #FF99CC; width:400px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ font: bold 10px; color: #FFCC99; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ border: 1px solid #FF99CC; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #FF99CC; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #FF99CC; } </style>
Here's another bad girl layout but its a blonde in blue.
<style type="text/css"> /*Bad Girl 2 by Brunette_Baby @ xanga*/ /*from Free_Stuff@xanga*/ body { background: black url("http://img17.photobucket.com/albums/v51/Brunette_Baby/7.gif"); background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color: #0099FF; scrollbar-track-color: #000000; scrollbar-shadow-color: #000000; scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-3dlight-color: #000000; cursor:ne-resize; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 9px verdana; line-height:12px; color:#0099FF; 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; } div.blogheader, .caption { /* edits the dates */ font-family: Curlz MT; font-size:20px; line-height:12px; text-transform:uppercase;; font-weight:bold; color: #FFFFFF; letter-spacing:3px; text-align: center; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#00ccff; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#FFFFFF; font: arial; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#0066ff; cursor: help; text-decoration: line-through; filter: blur(add=0, direction=90, strength=10.5); } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #33ccff; font:normal 10px; letter-spacing:1px; font: normal 10px verdana; background color: 000000; color: #00ffff; } table.left { /* this edits the menu module */ border: 1px solid #33ccff; width:160px; font: normal 10px verdana; color: #00ffff; } table.blogbody { /* this edits the other the place where the blog is */; border: 1px solid #33ccff; width:400px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ font: bold 10px; color: #ffffff; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ border: 1px solid #33ccff; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #33ccff; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #33ccff; } </style>
Here's a layout of a sunset. Its really pretty. The colors of the sunset are pink and purple:
<style type="text/css"> /*Sunset*/ /* Brunette_Baby@xanga */ /* From Free_Stuff@xanga*/ body { background-image:url(http://members.a1.net/bobaksi/pc/sonnenuntergang.jpg); background-repeat:no-repeat; background-position: center; background-attachment: fixed; body { scrollbar-arrow-color: #CC00FF; scrollbar-track-color: #FF99CC; scrollbar-shadow-color: #FF99CC; scrollbar-face-color: #FF99CC; scrollbar-highlight-color: #FF99CC; scrollbar-darkshadow-color: #FF99CC; scrollbar-3dlight-color: #FF99CC; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px verdana; line-height:10px; color: #FF66CC; 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: Justify; } div.blogheader, .caption { /* edits the dates */ font-family:verdana; text-transform:uppercase; font-size:16px; line-height:10px; font-weight:bold; color: #9933CC; letter-spacing:0px; text-align: justify; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color: #FF3399; font:normal 11px centurygothic;line-height:10px; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color: #FFCCCC; font:normal 11px verdana; line-height:10px; text-decoration: bold; } a:hover { /* edits when user mouseovers the links */ color: #CCCCFF; font:normal 11px verdana; line-height:10px; cursor: ne-resize; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px dashed #9966FF; font:normal 11px verdana; background-color: #FFFFFF; letter-spacing:0px; } table.left { /* this edits the menu module */ border: 1px dashed #9966FF; width:160px; background-color: #FFFFFF; } table.blogbody { /* this edits the other the place where the blog is */ background-image: url(none); border: 1px dashed #9966FF; background-color: #FFFFFF; width:400px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(none); background-color: #FFFFFF; font: bold 11px verdana; text-transform: uppercase; color: #FF0099; border: 1px dashed #9966FF; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: url(none); background-color: #FFFFFF; border: 1px dashed #9966FF; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #FFFFFF; border: 0px solid #9966FF; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 1px solid #9966FF; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 400px; } hr { /* horizontal divider */ border: 1px dashed #9966FF; } </style> <Left> <DIV align="center" valign="center" style="FILTER: alpha(opacity=55); OVERFLOW: auto; border: 3px solid #CC33FF; WIDTH: 500px; HEIGHT: 100%; BACKGROUND-COLOR: #FFFFFF; padding: 10px;"> <div align=left class=standard> <center>
Here's another sunset layout. The colors of it are yellow, red, and orange:
<style type="text/css"> /* Sunset*/ /* Brunette_Baby@xanga*/ body { background-image:url(http://andyvn.ath.cx/Desktops/1024/Sunset.jpg); background-repeat:no-repeat; background-position: center; background-color: #5E2605; background-attachment: fixed; body { background-color: ##5E2605; scrollbar-arrow-color: #FFEFD5; scrollbar-track-color: #FFC125; scrollbar-shadow-color: #FFC125; scrollbar-face-color: #FFC125; scrollbar-highlight-color: #FFEFD5; scrollbar-darkshadow-color: #000000; scrollbar-3dlight-color: #FFEFD5; Cursor: crosshair; }
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px verdana; line-height:10px; color: #FF6633; 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: Justify; }
div.blogheader, .caption { /* edits the dates */ font-family:Comic Sans MS; text-transform:uppercase; font-size:16px; line-height:10px; font-weight:bold; color: #FF0000; letter-spacing:0px; background-color: #FFEFD5; text-align: justify; }
a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color: #FF0000; font:normal 11px centurygothic;line-height:10px; text-decoration: none; }
a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#FF6633; text-decoration: none; }
a:hover { /* edits when user mouseovers the links */ color: #B0171F; font:normal 11px verdana; line-height:10px; cursor: ne-resize; text-decoration: none; }
input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #5E2605; font:normal 11px verdana; background-color: #FFEFD5; letter-spacing:0px; }
table.left { /* this edits the menu module */ border: 1px solid #5E2605; width:160px; background-color: #FFEFD5; }
table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid #5E2605; background-color: #FFEFD5; width:400px; }
table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: none; background-color: #FF0000; font: bold 11px verdana; text-transform: uppercase; color: #FF6633; border: 1px solid #5E2605; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: none; background-color: #FFEFD5; border: 1px solid #5E2605; }
table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #FFEFD5; border: 0px solid #5E2605; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 1px solid #5E2605; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 400px; } hr { /* horizontal divider */ border: 1px solid #5E2605; } </style>
<Left> <DIV align="center" valign="center" style="FILTER: alpha(opacity=55); OVERFLOW: auto; border: 3px solid #5E2605; WIDTH: 650px; HEIGHT: 100%; BACKGROUND-COLOR: #FFEFD5; padding: 10px;"> <div align=left class=standard> <center>
here's a tatty teddy layout! Its really cute. go here: www.xanga.com/PrettyBrunette to preview the theme:
<center> <img src="http://img17.photobucket.com/albums/v51/Brunette_Baby/tatty.jpg"> <style type="text/css"> /* Tatty Teddy */ /* by Brunette_Baby @ xanga.com */ body { background:white url("http://img17.photobucket.com/albums/v51/Brunette_Baby/tattybear.jpg"); background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color: #CCCCCC; scrollbar-face-color: #CCCCCC; scrollbar-shadow-color: #FF6699; scrollbar-highlight-color: #CCCCCC; cursor: crosshair; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 9px verdana; line-height:14px; color:#999999; 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:St. Valentine Note; text-transform:lowercase; font-size:20px; line-height:30px; font-weight:normal; filter: alpha (opacity=100, finishopacity=0, style=2); height: 1px; background-color:#FF6699; color:ffffff; letter-spacing:1px; text-align: center; } .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: regular; color: #FF6699; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#FF6699; font:normal 11px arial; line-height:10px; text-decoration: none; } a:visited, a.footernav:visited { /* edits the links that the user has visited */ color:#cc33cc; font:normal 11px comic sans ms; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ height: 2px;
font:normal 11px arial; line-height:11px; cursor: crosshair; filter: alpha (opacity=100, finishopacity=1, style=1); height: 6px; background-color:#cc33cc; color: #FFFFFF; text-decoration: none; } input, select, textarea, iframe.htmleditor, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #CCCCCC; font:normal 11px arial; background-color: FFFFFF; letter-spacing:0px; } table.left { /* this edits the menu module */ border: 3px double #CCCCCC; width:160px; } table.blogbody { /* this edits the other the place where the blog is */ border: 3px double #CCCCCC; width:400px; } 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=1) width:180px; font:normal 11px arial; line-height: 16px; text-transform: cross-out; color: #cc33cc; text-align: left; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: transparent; border: none; color: #cc33cc; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #transparent; border: 1px solid #CCCCCC; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #CCCCCC; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #CCCCCC; } </style>
angilina jolie
Preview theme at: http://www.xanga.com/home.aspx?user=sjkdhfusyvujhbkjm
<center> <style type="text/css"> /* angelina jolie stylesheet/ /* by ashley (xanga.com/distortedandlovly) */ .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:10px; color:#000000; letter-spacing:0px; text-align:center; filter:alpha(style=0,opacity=75); }
table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; filter:alpha(style=0,opacity=75); table:center; }
div.blogheader, .caption { /* edits the dates */ font-family:century gothic; text-transform:uppercase; font-size:16px; line-height:15px; font-weight:bold; color:#000000; letter-spacing:0px; background-image:url( http://www.thq.com/tetrisworlds/assets/Worlds/Ice.jpg); text-align: center; filter:alpha(style=0,opacity=75); border:3px dotted #6699ff; }
a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#000000; text-decoration: none; }
a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#6699cc; text-decoration: line-through; } a:hover { /* edits when user mouseovers the links */ color: #6699ff; font:normal 10px comic sans; line-height:10px; text-decoration: none; background-color: #ffffff; border: 3px dotted #6699ff; background-image:url( http://www.uwex.edu/sco/snowflake.gif); } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 3px dotted #6699ff; font:normal 11px arial; background-color: #ffffff; letter-spacing:0px; color: #000000 filter:alpha(style=0,opacity=75); table: center }
table.left { /* this edits the menu module */ border: 3px dotted #6699ff; width:160px; background-color: #ffffff; }
table.blogbody { /* this edits the other the place where the blog is */ border: 3px dotted #6699ff; background-color: #ffffff; width:400px; }
table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: #ffffff; background-image:url( http://www.thq.com/tetrisworlds/assets/Worlds/Ice.jpg); font: bold 11px arial; text-transform: none; color: #6699ff; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: #ffffff; border: none; }
table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: 3px dotted #6699ff; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: (none); } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 3px dotted #6699ff; } body { /* picture */ background-image:url( http://brazen.frosti.org/sstar/AngelinaJolie-1024.jpg); background-repeat: repeat; background-position: center; background-attachment:fixed; } </style>
scarling
http://www.xanga.com/home.aspx?user=ixwearxbow_tiesx theirs the link....
<center> <script language=_JavaScript> <!-- // // these are the various colors, in quotes, seperated by commas var blinkColors = new Array("#ff0000","#ffffff","#999999"); // the border color var blinkBorderColor = "#000000" // the border width, in pixels var blinkBorderWidth = 3; // the # of rows var blinkRows = 1; // the # of columns var blinkCols = 80; // the width of the entire box, in pixels or % var blinkWidth = 95; // the height of each row, in pixels var blinkRowHeight = 50; // speed of blinking, in milliseconds var blinkRate = 15; // don't edit below this line // this draws the table... 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]; setTimeout('blinkIt()', blinkRate); } blinkIt(); //--> </SCRIPT>
<center> <style type="text/css"> /* bandaid covers the bullethole stylesheet/ /* by ashley (xanga.com/distortedandlovly) */ body { border-top: 20px solid #ffffff; border-right: 20px solid #ff0000; border-left: 20px solid #ff0000; border-bottom: 20px solid #ffffff; scrollbar-arrow-color:#ff0000; scrollbar-track-color:#ffffff; scrollbar-shadow-color:ff0000; scrollbar-face-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-3dlight-color:#ff0000; background-color:#000000; }
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:10px; color:FFFFFF; letter-spacing:0px; text-align:center; filter:alpha(style=0,opacity=75); }
table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; filter:alpha(style=0,opacity=75); table:center; }
div.blogheader, .caption { /* edits the dates */ font-family:century gothic; text-transform:uppercase; font-size:16px; line-height:15px; font-weight:bold; color:#ff0000; letter-spacing:0px; background-color: #000000; background-image:url(http://www.tt.ee/renza/web/gallery/Dividers/BLODBAR.gif); text-align: center; filter:alpha(style=0,opacity=75); }
a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#ff0000; text-decoration: none; }
a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#ffffff; text-decoration: line-through; } a:hover { /* edits when user mouseovers the links */ color: #ff0000; font:normal 10px comic sans; line-height:10px; text-decoration: underline; background-color: #000000; background-image:url(http://www.tt.ee/renza/web/gallery/Dividers/BLODBAR.gif) } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #c0c0c0; font:normal 11px arial; background-color: #000000; letter-spacing:0px; color: #ff0000; filter:alpha(style=0,opacity=75); table: center }
table.left { /* this edits the menu module */ border: 1px solid #c0c0c0; width:160px; background-color: #000000; }
table.blogbody { /* this edits the other the place where the blog is */ border: 0px solid c0c0c0; background-color: #000000; width:400px; }
table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: #000000; font: bold 11px century gothic; text-transform: none; color: #ff0000; border: none; background-image:url(http://www.tt.ee/renza/web/gallery/Dividers/BLODBAR.gif); } table.left TD { /* on your menu module, this edits the body part of it */ background-color: #000000; border: none; }
table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #000000; border: 1px solid #c0c0c0; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #c0c0c0; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #ff0000; } body { /* picture */ background-image:url(http://www.rocktoons.com/scarling/scarling.jpg); background-repeat: no-repeat; background-position: center; background-attachment:fixed; } </style>
pink polka dots
<head> <center> <script language=__JavaScript> <!-- // by sean f http://www.xanga.com/seanmeister// customize the blinkbox by changing the values below // // these are the various colors, in quotes, seperated by commas var blinkColors = new Array("#ff0099","#ffff66","#ffffff"); // the border color var blinkBorderColor = "#ffcc66" // 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 = 500; // the height of each row, in pixels var blinkRowHeight = 10; // speed of blinking, in milliseconds var blinkRate = 8; // don't edit below this line // this draws the table... 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]; setTimeout('blinkIt()', blinkRate); } blinkIt(); //--> </SCRIPT> <center> <head> <style type="text/css"> /* pink polka dots Stylesheet */ /* by ashley (xanga.com/distortedandlovly) */ /* http://BlogRing.Net */ body { background-color: #FFFFFF; scrollbar-arrow-color: #ff0099; scrollbar-track-color: #cccccc; scrollbar-shadow-color: #ff0099; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ff0099; scrollbar-darkshadow-color: #ff0099; scrollbar-3dlight-color: #ff0099; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:10px; color:ffff00; letter-spacing:0px; text-align:justify; filter: alpha(style=0,opacity=80) } table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; filter: alpha(style=0,opacity=80) } div.blogheader, .caption { /* edits the dates */ background-image: url( http://minkle.phenominet.com/emo/images/kitties/1.gif); background-repeat:no-repeat; font-family:andale mono; text-transform:uppercase; font-size:25px; line-height:15px; font-weight:none; color:ffff00; letter-spacing:0px; background-color: #000000; text-align: left; filter: alpha(style=0,opacity=80) } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#ff0099; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#ffff66; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#ffff00; cursor: help; text-decoration: line-through; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #c0c0c0; font:normal 11px arial; background-color: #000000; letter-spacing:0px; color: #ff0099; filter: alpha(style=0,opacity=80) } table.left { /* this edits the menu module */ border: 1px solid #c0c0c0; width:160px; background-color: #000000; filter: alpha(style=0,opacity=80) } table.blogbody { /* this edits the other the place where the blog is */ border: 0px solid c0c0c0; background-color: #000000; width:400px; filter: alpha(style=0,opacity=80) } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(none); background-repeat:no-repeat; background-color: #000000; font: bold 11px arial; text-transform: uppercase; color: #ffff00; border: none; filter: alpha(style=0,opacity=80) } table.left TD { /* on your menu module, this edits the body part of it */ background-image: url( http://minkle.phenominet.com/emo/images/kitties/1.gif); background-repeat:no-repeat; background-color: #000000; border: none; filter: alpha(style=0,opacity=80) } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #000000; border: 1px solid #c0c0c0; filter: alpha(style=0,opacity=80) } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #c0c0c0; filter: alpha(style=0,opacity=80) } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; filter: alpha(style=0,opacity=80) } hr { /* horizontal divider */ border: 1px solid #ffff66; filter: alpha(style=0,opacity=80) } body { /* picture */ background-image:url( http://img28.photobucket.com/albums/v83/distortedandlovly/pink_and_shades_of_black.bmp); background-repeat:repeat; background-position: center; background-attachment:fixed; } </style>
evanescence theme <center>
<style type="text/css">
/* amy lee stylesheet*/
/* by ashley (xanga.com/distortedandlovly) */
/* http://BlogRing.Net */
body {
background-color: #000000;
scrollbar-arrow-color: #66cccc;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #9966cc;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #66cc99;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #9966cc;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:10px;
color:66cc99;
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;
border: 3px solid #9966cc;
filter: alpha(style=0,opacity=80);
}
div.blogheader, .caption {
/* edits the dates */
font-family:impact;
text-transform:uppercase;
font-size:18px;
line-height:10px;
font-weight:bold;
color:#9966cc;
letter-spacing:0px;
background-color: #000000;
text-align: left;
border: 3px dotted #9966cc;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#6666cc;
text-decoration: none;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#66cc99;
text-decoration: line-through;
}
a:hover {
/* edits when user mouseovers the links */
color:#66cc99;
cursor: ne-resize;
text-decoration:line-through;
border: 3px dotted #6699ff;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 3px solid #6699ff;
font:normal 11px arial;
background-color: #000000;
letter-spacing:0px;
color: #6699ff;
filter: alpha(style=0,opacity=80);
}
table.left {
/* this edits the menu module */
border: 3px dotted #9966cc;
width:160px;
background-color: #000000;
filter: alpha(style=0,opacity=80);
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 3px dotted #9966cc;
background-color: #000000;
width:400px;
filter: alpha(style=0,opacity=80);
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url(http://url.com/to/the/site/image.gif);
background-color: #000000;
font: bold 11px arial;
text-transform: uppercase;
color: #6666cc;
border: 3PX SOLID #9966cc;
filter: alpha(style=0,opacity=80);
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url(http://url.com/to/the/site/image.gif);
background-color: #000000;
border: 3PX SOLID #9966cc;
filter: alpha(style=0,opacity=80);
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #000000;
border: 3px solid #9966cc;
filter: alpha(style=0,opacity=80);
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 3px solid #9966cc;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 500px;
filter: alpha(style=0,opacity=80);
}
hr {
/* horizontal divider */
border: 3px solid #9966cc;
filter: alpha(style=0,opacity=80);
}
}
body {
/* picture */
background-image:url(http://www.paper-flower.com/walls/evanescence03.jpeg);
background-repeat: no-repeat;
background-position: center;
background-attachment:fixed;
}
</style>
baby blue stars
<center> <style type="text/css"> /* baby blue stylesheet/ /* by ashley (xanga.com/distortedandlovly) */ /* http://BlogRing.Net */ body { scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; scrollbar-shadow-color:000000; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-darkshadow-color:#000000; scrollbar-3dlight-color:#ffffff; background-color:#ffffff; background-repeat:repeat-; background-attachment: }
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:10px; color:#6699ff; letter-spacing:0px; text-align:center; filter:alpha(style=0,opacity=75); }
table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; filter:alpha(style=0,opacity=75); table:center; }
div.blogheader, .caption { /* edits the dates */ font-family:century gothic; text-transform:uppercase; font-size:16px; line-height:15px; font-weight:bold; color:#6699ff; letter-spacing:0px; background-color: #ffffff; background-image:url(); text-align: center; filter:alpha(style=0,opacity=75); }
a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#6699ff; text-decoration: none; }
a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#6699cc; text-decoration: line-through; } a:hover { /* edits when user mouseovers the links */ color: #6699ff; font:normal 10px comic sans; line-height:10px; text-decoration: none; background-color: #ffffff; border: 3px dotted #6699ff; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 3px dotted #6699ff; font:normal 11px arial; background-color: #ffffff; letter-spacing:0px; color: #6699ff; filter:alpha(style=0,opacity=75); table: center }
table.left { /* this edits the menu module */ border: 3px dotted #6699ff; width:160px; background-color: #ffffff; }
table.blogbody { /* this edits the other the place where the blog is */ border: 3px dotted #6699ff; background-color: #ffffff; width:400px; }
table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: #ffffff; font: bold 11px arial; text-transform: none; color: #6699ff; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: #ffffff; border: none; }
table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #6699ff; border: 3px dotted #6699ff; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 3px dotted #6699ff; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 3px dotted #6699ff; } body { /* picture */ background-image:url(http://img28.photobucket.com/albums/v83/distortedandlovly/meeh/babybluestars.bmp); background-repeat: repeat; background-position: center; background-attachment:fixed; } </style>
jessika theme
<center> <style type="text/css"> /* scarling Stylesheet */ /* by ashley (xanga.com/distortedandlovly) */ /* http://BlogRing.Net */ body { border: 5px Solid #ff0000; scrollbar-arrow-color:#ff0000; scrollbar-track-color:#000000; scrollbar-shadow-color:#ff0000; scrollbar-face-color:#000000; scrollbar-highlight-color:#ff0000; scrollbar-darkshadow-color:#ff0000; scrollbar-3dlight-color:#000000; background-color:#ffffff; background-repeat:repeat-; background-attachment: } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 10px ananda; line-height:10px; color: #ff0000; 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-family:ananda; text-transform:lowercase; font-size:11px; line-height:30px; font-weight:normal; filter: alpha (opacity=100, finishopacity=0, style=2); height: 3px; background-color:#ff0000; color:#000000; letter-spacing:1px; text-align: center; } .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #ff0000; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#000000; font:normal 11px ananda; line-height:10px; text-decoration: none; } a:visited, a.footernav:visited { /* edits the links that the user has visited */ color:#000000; font:normal 11px ananda; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color: #000000; font:normal 10px impact; line-height:10px; text-decoration: none; background-color: #ff0000; border: 2px double #000000; }
border: 1px solid #ff0000; border-width: 1px 1px 1px 1px; cursor:help; }
input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #ff0000; font:normal 11px arial; background-color: #000000; letter-spacing:0px; color: #ff00000; filter: alpha(style=0,opacity=90); }
} input, select, textarea, iframe.htmleditor, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #ff0000; font:normal 11px comic sans ms; background-color: ff0000; letter-spacing:0px; } table.left { /* this edits the menu module */ border: 3px solid ff0000; width:185px; background-color: black; filter: alpha(style=0,opacity=90);
} table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid #ff0000; width:400px; background-color:ffffff; filter: alpha(style=0,opacity=90);
} table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: #000000; font: bold 10px verdana; text-transform: lowercase; color: #FF0000; border: none; text-align: right; border: none; filter: alpha(style=0,opacity=90); } table.left TD { /* on your menu module, this edits the body part of it */ background-image: url(http://url.com/to/the/site/image.gif); background-color: #FFFFFF; border: none; color: #ff0000 filter: alpha(style=0,opacity=90); } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: 0px solid #ff0000 } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #ff0000; font:normal 9px; background-color: transparent; letter-spacing:0px; font: normal 9px arial; color: #ff0000; }
table.left { /* this edits the menu module */ border: 0px solid #ff0000; width:160px; background-color: ffffff; }
table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid #ff0000; background-color: #ffffff; width:400px; filter: alpha(style=0,opacity=90); }
table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: #ffffff; font: bold; text-transform: uppercase; color: #000000; border: 1px solid #ff0000; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: transparent; border: 1px solid #ff0000; filter: alpha(style=0,opacity=90); }
table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 1px solid #ff0000; filter: alpha(style=0,opacity=90); } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; filter: alpha(style=0,opacity=90); } hr { /* horizontal divider */ border: 1px solid #ff0000; } body { /* picture */ background-image:url(http://www.scarling.com/images/press/jesscover/jesscover_c.jpg); background-repeat: no-repeat; background-position: center; background-attachment:fixed; } </style>
NEW LAYOUT!
Here is a layout that saids: Dreams are wishes your heart makes when your fast asleep, paste in Look & Feel, html header:
<center> <img src=http://img24.photobucket.com/albums/v72/lipglossANDcandy/Dreams.png> </center> <style type="text/css"> /* Dreams */ /* by Free_Stuff@ xanga.com */ body { background:white url("http://img24.photobucket.com/albums/v72/lipglossANDcandy/ddream.png"); background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color: #00BFFF; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; cursor: crosshair; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 9px verdana; line-height:14px; color:#00BFFF; 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:Fiolex Girls; font-size:28px; line-height:30px; font-weight:bold; height: 1px; color:000080; letter-spacing:1px; text-align: center; } .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: regular; color: #000080; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#00BFFF; font:normal 11px arial; line-height:10px; text-decoration: none; } a:visited, a.footernav:visited { /* edits the links that the user has visited */ color:#000080; font:normal 11px Century Gothic; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ height: 2px;
font:normal 11px arial; line-height:11px; cursor: crosshair; filter: alpha (opacity=100, finishopacity=1, style=1); height: 6px; background-color:#00BFFF; color: #FFFFFF; text-decoration: none; } input, select, textarea, iframe.htmleditor, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #000080; font:normal 11px comic sans ms; background-color: #FFFFFF; letter-spacing:0px; } table.left { /* this edits the menu module */ border: 3px double #000080; width:160px; } table.blogbody { /* this edits the other the place where the blog is */ border: 3px double #000080; width:400px; } 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=1) width:180px; font:normal 11px comic sans MS; line-height: 16px; text-transform: cross-out; color: #00BFFF; text-align: left; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: transparent; border: none; color: #00BFFF; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #transparent; border: 1px solid #000080; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #000080; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #000080; } </style> |