Black Stars
If you don't know how to get this layout onto your xanga
click here
<html> <head> <style type="text/css"> /* Black Stars */ /* by Cate (xanga.com/PuNKyFiSH556) */ body { background:white url("http://img.photobucket.com/albums/v318/guitarchic1501/blackstars.bmp"); background-position: top left; background-repeat: all directions; background-attachment: fixed; background-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #000000; scrollbar-shadow-color: #FFFFFF; scrollbar-face-color: #000000; scrollbar-highlight-color: #AAAAAA; scrollbar-darkshadow-color: #CCCCCC; scrollbar-3dlight-color: #FFFFFF; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px verdana; line-height:10px; 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:verdana; text-transform:uppercase; font-size:16px; line-height:14px; font-weight:bold; color:#FFFFFF; letter-spacing:0px; background-color: #AAAAAA; text-align: left; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#AAAAAA; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#FFFFFF; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#CCCCCC; cursor: ne-resize; text-decoration: none; font-weight: bold; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #000000; font:normal 11px arial; background-color: #FFFFFF; letter-spacing:0px; color: #000000; } table.left { /* this edits the menu module */ border: 2px solid #000000; width:160px; background-color: #AAAAAA; } table.blogbody { /* this edits the other the place where the blog is */ border: 4px solid: #000000; 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-image: url(http://url.com/to/the/site/image.gif); background-color: #FFFFFF; font: bold 11px arial; text-transform: uppercase; color: #000000; border: none; } 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: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #000000; border: 1px solid #000000; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #000000; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #FCEBFF; } </style>
