Roxy Trucker Hatt
If you don't know how to get this layout onto your xanga
click here
<html> <head> <title>Blogring Theme Tester</title> <html> <head> <style type="text/css"> /* Roxy Trucker Hatt*/ /* by Cate (xanga.com/PuNKyFiSH556) */ body { background:white url("http://images1.pacsun.com/products/0331116.psd.xml?cmp-show=Background&cmp-show=01&cmp-hide=00&cmp-hide=02&cmp-end=1&wid=208&qlt=90&cvt=jpeg"); background-position: bottom left; background-repeat: no-repeat; background-attachment: fixed; background-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #000000; scrollbar-face-color: #FFBBFF; scrollbar-highlight-color: #FFBBFF; scrollbar-darkshadow-color: #000000; scrollbar-3dlight-color: #FFBBFF; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:10px; color:black; 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:Arial; text-transform:uppercase; font-size:16px; line-height:10px; font-weight:bold; color:#FFBBFF; letter-spacing:0px; background-color: #ffffff; text-align: left; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#CD69C9; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#CD00CD; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#EE7AE9; cursor: ne-resize; text-decoration: none; } 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: 1px solid #000000; width:160px; background-color: #FFBBFF; filter: alpha(style=0,opacity=60); } table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid: #FFBBFF; 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(http://url.com/to/the/site/image.gif); background-color: #000000; font: bold 11px arial; text-transform: uppercase; color: #FFBBFF; 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: #FFFFFF; border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #FFBBFF; border: 1px solid #000000; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 1px solid #000000; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #000000; } </style>
