what's wrong? Options

[jazzroni]

ok, i'm trying to make a layout for my friend and this is the layout ===> http://www.xanga.com/vctestinglayout

here's what i'm trying to do: make the scrollbar transparent, make the left module transparent, set an image to the title bar, set an image to the blog entry part. how can i do that? here's the code. thanks.







<center>
<style type=text/css>
/* Music for life - H for Hocc*/
/* by vclayouts2004 */

body {
background-image: url(http://img.photobucket.com/albums/v518/veronica2nd/beige011.jpg);
scrollbar-arrow-color: #994400;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #662222;
scrollbar-face-color: #ffdddd;
scrollbar-highlight-color: #993333;
scrollbar-darkshadow-color: #660000;
scrollbar-3dlight-color: #990000;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px georgia;
line-height:12px;
color:#661122;
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: georgia;
text-transform: lowercase;
font-size:14px;
line-height:14px;
font-weight:bold;
color:#661122;
letter-spacing:2px;
background-color: #transparent;
text-align: right;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#000000;
font: bold 8pt georgia
text-decoration: none;
}
.blogbody b, .standard b, p b, strong {
font-weight: bold;
color: #661122;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
text-decoration: line-through;
color:#000000;
font: bold 8pt arial
}
a:hover {
/* edits when user mouseovers the links */
cursor: crosshair;
text-decoration: none;
border-top: 1px dashed #336699;
border-bottom: 1px dashed #336699;
text-transform: uppercase;
height: 3;
color:#339933;
font: normal 8 pt georgia
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 0px solid #66330;
font:normal 11px georgia;
background-color: #FFFFFF;
letter-spacing:0px;
color: #663333;
}
table.left {
/* this edits the menu module */
border: 1px dashed #660000;
width:160px;
background-color: #transparent;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 1px dashed #660000;
background-color: #transparent;
width:400px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: #transparent;
font: 11px georgia;
color: #336699;
text-align: right;
border: none;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: #transparent;
border: none;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #transparent;
border: 1px dashed #336600;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #ff0000;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 500px;
}
hr {
/* horizontal divider */
border: 1px solid #663333;
}
</style>

<img src="http://img.photobucket.com/albums/v518/veronica2nd/hoccbanner.jpg">

[kellyannie]

just to let you know, the transparent scrollbar script that is in the Xanga Scripts section will not work unless you have DIV layers, and the xanga you posted didn't so thats why that script didn't work