can someon tell me hwo to mke it transparent Options

[swtaznpride]

can someone tell em how to mke the other scrollbar transparent.???????
here wat should i do??

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
div {

filter:chroma(color=#FFFFFF); /* here you are defining which color you want to be transparent in your scrollbars */

scrollbar-arrow-color: #000000;
scrollbar-face-color: #FFFFFF; /* transparent */
scrollbar-3dlight-color: #FFFFFF; /* transparent */
scrollbar-darkshadow-color: #FFFFFF; /* transparent */
scrollbar-highlight-color: #FFFFFF;/*transparent */
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF; /* transparent */
}
</style>
<!-- end code provided by createblog.com -->

<style>
body {
background-color:#FFFFFF;
cursor: crosshair;

{

body {
background-color: #FFFFFF;
scrollbar-arrow-color:#31B2AE;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
}


.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* text */
font:9pt arial;
line-height: 10pt;
color: #CCCCCC;
letter-spacing: 1px;
text-align: left;
}

table.footer TD {
text-align: center;
}

div.blogheader, .caption {
font-family: eurostile;
font-size: 11pt;
text-transform: lowercase;
width: 325px;
line-height: 10pt;
color: #CCCCCC;
letter-spacing: 2px;
text-align: center;
border: #ffccff 0px double;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color:#CCCCCC;
font: normal 9pt sydnie;
line-height: 10pt;
text-decoration: none;
}
a:visited, a.footernav:visited, {
color:#CCCCCC;
font:normal 9pt sydnie;
line-height: 10pt;
text-decoration: none;
}

a:hover {
font:normal 9pt sydnie;
line-height: 9pt;
cursor: crosshair;
color:#00ccff;
letter-spacing:2px;
font-weight:bold;
}

input, select, textarea, .textfield, .button {
border: 3px double #ffffff;
font: normal 10px verdana;
letter-spacing: 0px;
color: #00ccff;
background-color:transparent;
padding: 1px;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr=#ffffff,EndColorStr=#00ccff);
}


table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
width:155px;
background-image: url();
background-color:transparent;
font:12px eurostile;
font-weight:bold;
text-align:center;
text-transform: uppercase;
color: #00ccff;
border: #ffccff 0px double;
}

table.left {
border: 0px solid #ffffff;
width: 155px;
backgroud-color:transparent;
}
table.blogbody {
border: 0px solid #808080;
width: 340px;
background-color:transparent;
}
table.left TD {
background-color:transparent;
font-size: 9pt;
width:170px;
}
table.search TD, table.search, table.announcements {
border: 1px solid #ffffff;
width: 250px;
background-color:transparent;
}

table.search TD, table.announcements TH {
border: 0px solid #33ccff;
width: 250 px;
background-color:transparent;
}
table.navigation, table.main, table.footer {
width: 250px;
}
#htmleditor {
filter: alpha (opacity=100, finishopacity=1, style=1);
background-color:#00ccff;
}

table.main {
align: left;
}
.blogbody b, .standard b, p b, normal {
font-weight: bold;
color: #00ccff;
}

hr {
width:0;
}

table.search, table.navigation, table.footer {display: none;}

</style>

<!-- begin code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<IMG SRC='http://img86.exs.cx/img86/1268/airea.jpg' border=0 width=950 height=800 USEMAP='#imgmap'>
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='135, 365, 214, 394' HREF='http://www.xanga.com/CLAF/default.asp' ALT='Compose'>
<AREA SHAPE='rect' COORDS='289, 405, 357, 419' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURUSERNAME' ALT='Add me'>
<AREA SHAPE='rect' COORDS='98, 358, 133, 374' HREF='http://www.xanga.com/private' ALT='Solo'>
<AREA SHAPE='rect' COORDS='19, 336, 98, 356' HREF='http://www.xanga.com/signin.aspx' ALT='Prelude'>
<AREA SHAPE='rect' COORDS='359, 417, 427, 440' HREF='http://www.xanga.com/logout.aspx' ALT='Finale'>
<AREA SHAPE='rect' COORDS='219, 385, 279, 404' HREF='http://www.xanga.com/' ALT='Xanga'>
</MAP>
<div style="position:static; margin-left: -188px; margin-top: -565px;border: 0px solid #ffffff; width: 204px; height: 258px; background:none;overflow: auto">
<TABLE width="100%" border=0>
 <TBODY>
 <TR>
   <TD>
<P class=nav>



<!-- the place where chatterbox HTML code goes -->
<!-- the place where chatterbox HTML code goes -->
<!-- Flooble chatterbox for sclub7 start -->
<script language="javascript"> var chatterbox = 'no'; </script>
<script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=sclub7&sid=1602652">
</script><noscript>
<a href="http://chatter.flooble.com/chatter.php?id=sclub7&sid=1602652&popup=true&w=480&h=400"
target="flooblechatterbox"
onClick="window.open('about:blank','flooblechatterbox','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re
izable=no,copyhistory=no,width=480,height=400');return true;">
<img src="http://img.flooble.com/images/chatter/chaticon.gif" border="0"
align="absbottom">Talk</a>
in my <a href="http://chatter.flooble.com/">flooble chatterbox, a free javascript chat tag board / shoutbox / tagboard program for your xanga, diary, blogger or weblog</a> |
<a href="http://perplexus.info/about.php">free puzzle of the day</a>
</noscript>
<script language="javascript"> if (!chatterbox || chatterbox != 'ok') {
document.write('This <a href="http://chatter.flooble.com/">flooble chatterbox</a> is');
document.write(' temporarily unavailable. It will be back up shortly.'); } </script>
<!-- Flooble chatterbox for sclub7 end -->



</P>
</TBODY></TABLE></DIV>
<div style="position:static; margin-left: 439px; margin-top: -268px;border: 0px solid #ffffff; width: 282px; height: 332px; background:none;overflow: auto; FILTER: chroma(color=#FEFEFE) allowTransparency">
<style type='text/css'>
table.footer, .mainleft, table.footernav, table.navigation, TABLE.search{display: none;};
body
{overflow:none;
background-color: transparent;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #CCCCCC;
scrollbar-shadow-color: #CCCCCC;
scrollbar-face-color: #clear;
scrollbar-highlight-color: #CCCCCC;
scrollbar-darkshadow-color: #CCCCCC;
scrollbar-3dlight-color: #FFFFFF; }
body, td, p
{color:#FFFFFF;
font-family: Trebuchet MS;
font-size: 9pt;
text-transform: none;}
a:link {color:#AFAFAF;font-size: 8pt;}
a:visited {color:#AFAFAF;font-size: 8pt;}
.title { color: #AFAFAF;font-size: 8pt;}
div.blogheader, .caption {
text-transform:none;
font-size:12px;
font-weight:bold;
color:#B0B0B0;
text-align: left}
</style>
<!-- This skin was created by Loopylandscapes47 --!>

<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->

here is the code for it. i only hve the one part of it transparent but i want the other one transparent tooo not like that. kkkk thanks

[C.Lime.Jello.]

You can't make the main scroll transparent.
Didn't you read the tutorial I gave you?!

[vivieeeen]

[swtaznpride]

can u fix it for me cause i lk ei tried wat u said but it didnt do anytin

[sweetxsimplicity]

You can't make your main scrollbar transparent.

[swtaznpride]

not the main one i want the one wer my weblog entry is and chatterbox. but the only one i hve to change to mke it transparent is the one in the weblog entry scrollbar.

c

______________________________________________________
p.s. hope u get wat im saying.
here's an example. {x-} zample i lke the arrows wer the weblog entry is if i could can i hve the code for that one. ??????????? and willl it work for the chatter box and cbox div layering thing?????????

[sweetdreamsx3]

Try....

CODE

<!-- begin code provided by createblog.com -->

<style>
body {
background-color:#transparent;
cursor: crosshair;

{

body {
background-color: #transparent;
scrollbar-arrow-color:#31B2AE;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
}


.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* text */
font:9pt arial;
line-height: 10pt;
color: #CCCCCC;
letter-spacing: 1px;
text-align: left;
}

table.footer TD {
text-align: center;
}

div.blogheader, .caption {
font-family: eurostile;
font-size: 11pt;
text-transform: lowercase;
width: 325px;
line-height: 10pt;
color: #CCCCCC;
letter-spacing: 2px;
text-align: center;
border: #ffccff 0px double;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color:#CCCCCC;
font: normal 9pt sydnie;
line-height: 10pt;
text-decoration: none;
}
a:visited, a.footernav:visited, {
color:#CCCCCC;
font:normal 9pt sydnie;
line-height: 10pt;
text-decoration: none;
}

a:hover {
font:normal 9pt sydnie;
line-height: 9pt;
cursor: crosshair;
color:#00ccff;
letter-spacing:2px;
font-weight:bold;
}

input, select, textarea, .textfield, .button {
border: 3px double #ffffff;
font: normal 10px verdana;
letter-spacing: 0px;
color: #00ccff;
background-color:transparent;
padding: 1px;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr=#ffffff,EndColorStr=#00ccff);
}


table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
width:155px;
background-image: url();
background-color:transparent;
font:12px eurostile;
font-weight:bold;
text-align:center;
text-transform: uppercase;
color: #00ccff;
border: #ffccff 0px double;
}

table.left {
border: 0px solid #ffffff;
width: 155px;
backgroud-color:transparent;
}
table.blogbody {
border: 0px solid #808080;
width: 340px;
background-color:transparent;
}
table.left TD {
background-color:transparent;
font-size: 9pt;
width:170px;
}
table.search TD, table.search, table.announcements {
border: 1px solid #ffffff;
width: 250px;
background-color:transparent;
}

table.search TD, table.announcements TH {
border: 0px solid #33ccff;
width: 250 px;
background-color:transparent;
}
table.navigation, table.main, table.footer {
width: 250px;
}
#htmleditor {
filter: alpha (opacity=100, finishopacity=1, style=1);
background-color:#00ccff;
}

table.main {
align: left;
}
.blogbody b, .standard b, p b, normal {
font-weight: bold;
color: #00ccff;
}

hr {
width:0;
}

table.search, table.navigation, table.footer {display: none;}

</style>
<!-- end code provided by createblog.com -->

That's only HALF of your coding...