Rubber Duckie
If you don't know how to put this layout onto your xanga
click here.
<html> <head> <title>Blogring Theme Tester</title> <center> <img src="http://img.photobucket.com/albums/v318/guitarchic1501/duckbanner.bmp"> <style type="text/css"> /* Rubber Duckie */ /* by Cate (xanga.com/PuNKyFiSH556) */ body { background-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #FFE600; scrollbar-face-color: #00B2EE; scrollbar-highlight-color: #FFE600; scrollbar-darkshadow-color: #FFE600; scrollbar-3dlight-color: #FFCC11; } .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:13px; font-weight:bold; color:#00B2EE; letter-spacing:0px; background-color: #ffffff; text-align: left; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#FFE600; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#00B2EE; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#ABABAB; cursor: crosshair; text-decoration: none; font-weight: bold; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #00B2EE; font:normal 11px arial; background-color: #FFFFFF; letter-spacing:0px; color: #00B2EE; } table.left { /* this edits the menu module */ border: 1px solid #00B2EE; width:160px; background-color: #FFFFFF; } table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid: #00B2EE; 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: #FFFFFF; font: bold 11px arial; text-transform: uppercase; color: #00B2EE; 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: #FFFFFF; border: 1px solid #00B2EE; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #00B2EE; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #00B2EE; } </style> </head> <body>
