banner half transparent Options

[jazzroni]

i made a skin and here it is ===> http://www.xanga.com/vctestinglayout

but how can i make the banner half transparent just like the blog?

here's the code:

HTML header

CODE

<!-- begin code provided by createblog.com -->
<div style="overflow: auto; width: 900px; height: 450px; margin-top: 10px; margin-left: 30px;">

<img src="http://img.photobucket.com/albums/v518/veronica2nd/wolfskin.jpg" width=637 height=354 border=0 alt=""usemap="#wolfskin.jpg">
<MAP NAME="wolfskin.jpg">
<AREA SHAPE='rect' COORDS='4,150,108,175' HREF='http://www.xanga.com/private/home.aspx' ALT='private'>
<AREA SHAPE='rect' COORDS='166,155,252,181' HREF='http://www.xanga.com' ALT='Xanga'>
<AREA SHAPE='rect' COORDS='377,154,473,182' HREF='http://www.xanga.com/profile.aspx?user=vctestinglayout' ALT='Profile'>
<AREA SHAPE='rect' COORDS='480,176,616,201' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=vctestinglayout' ALT='Subscribe'>
<AREA SHAPE='rect' COORDS='3,317,64,345' HREF='http://www.xanga.com/CLAF/default.asp' ALT='CLAF'>
<AREA SHAPE='rect' COORDS='246,316,402,345' HREF='http://www.xanga.com/guestbook.aspx?user=vctestinglayout' ALT='Guestbook'>
<AREA SHAPE='rect' COORDS='480,315,585,340' HREF='http://www.xanga.com/logout.aspx' ALT='Log out'>
</MAP>




<style type="text/css">
table.navigation, table.footer { display:none; }
</style>

<style type="text/css">

/* Lone Wolf - By VC*/
body
{background-image: url(http://img.photobucket.com/albums/v342/lonewolf808/LoneWolf.jpg);
background-attachment: fixed;

scrollbar-arrow-color: #768899;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #768899;}

/* edits the date */
div.blogheader, .caption
{background-image: url(http://img.photobucket.com/albums/v342/lonewolf808/LoneWolf.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position:center;
font-family: arial;
text-transform:none;
font-size: 12px;
line-height:18px;
font-weight:normal;
color:#cccccc;
letter-spacing:1px;
background-color:#666666;
text-align:center;
border:1px solid #ffffff;
filter: alpha(opacity=90, style=1, finishopacity=0); height:0pt;
}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #999999;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 0px solid #ffffff;
font:normal 10px arial;
background-color: transparent;
letter-spacing:0px;
font-color:#6666cc;
filter:alpha(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;}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color: #000000;
color: #ffffff;
font: bold 10pt arial;
text-transform: none;
text-align:center;
border: #ffffff 1px solid;
filter: alpha(opacity=90, style=1, finishopacity=0); height:0pt;
}

table.left {
/* this edits the menu module */
width:180px;
color:cccc99;
background-color: #ffffff;
BORDER: #000000 1px solid;
filter: alpha(opacity=90, style=1, finishopacity=0); height:0pt;
}

font,td,p,xmp
{color:#cccc99;
font-face: arial;
font-weight:normal;
font-size:10pt;
text-align:justify;}

table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the  blog is */
background-color:#000000;
family-font: arial;
BORDER: #000000 0px solid;
width:619px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 11pt;
font-family: arial;
font-weight:400;
color:#cc9933;
text-transform:none;
font-size:10pt;
cursor:crosshair;}

a:active
{font-family: arial;
color:#cc9933;
text-transform:none;
font-size:10pt;
cursor:crosshair;}

a:visited
{font-family: arial;
color:#cc9933;
text-transform:line-through;
text-decoration:strikeout;
font-size:10pt;
cursor: crosshair;}

A:hover {font-family:arial;
color:#ff3333;
text-transform: uppercase;
cursor: crosshair;
font-weight:bold;
font-size:10pt}</style>
<!-- end code provided by createblog.com -->

website stats:

CODE

<!-- begin code provided by createblog.com -->
<STYLE>
/*
transparent blog
*/

.blogbody, {


/* opacity maximum 100 */
filter: alpha(style=0,opacity=60);
}
</STYLE>
<!-- end code provided by createblog.com -->