<!-- 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; /* transparent */
scrollbar-track-color: #FFFFFF; /* transparent */
}
</style>
<!-- end code provided by createblog.com -->


^ can anyone tell me what's wrong with it?? i got the code from createblog.com

I dont believe you can have transparent scrollbars..either that or Xanga disabled them, a basic way to make it seem like its not there is to just change all the colors to whatever color your background is

ehh, well see, here's the thing - before i used it, i saw the example of it that had the actual transparent scroll bar, and the only reason why i haven't changed it to the color that matches the back ground is becuase i have several colors in the background...and i got the code from createblog.com...it's called "transparent scrollbar"...or maybe scrollbar:transparent..haha, something like that..anyhow...yeah...>.<

humm i think that script doesn't wrk anymore ..

This will only work on layouts using divs

There you go, that's why. You have to put the code into a div layer. You can put your entire xanga into a div layer (just make it big enough so it doesn't seem so) and then apply the code, and make the scrollbar something like lime green (assuming that color isnt anywhere on your layout) and then change the filter:chroma(color=#FFFFFF); part of the code to the lime green you used on the scrollbar. That should do it, but I haven't tried, so I don't know. But the script should still work, because if it didnt, then the scrollbar on that site would no longer be like that. Hope this helps

sorry to sound like..ungrateful or something..but when i put lime green into the code it made my scrollbar lime green...so essentially it didn't filter out anything...

here's teh code i used

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

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

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

if you check out my profile and go to my xanga site, you can see which scrollbar i want to be transparent b/c it's cutting out part of my ring...


i can post the my whole header part and see if anything is working against that code?..i'm not sure..because i have it last..so it should override anythign else, shouldn't it?..anyways..if you want i can...

*note - the filter:chroma(color=99CC33); doesn't actually have a space in between the hex code on the actual code in my header...something may be changing it..*

I used it, and it works. It has to be placed inside a div, like this :

<div align=center style="position:static;margin-top:-96px; margin-left:0px">

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

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

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


</div>



So, that div layer will have a transparent scrollbar. It's the only way it works.

okay, my current div looks like this :

<!-- begin code provided by blogring.net -->
<div align="center" valign="middle" style="border: 1px solid #FF99CC; height: 400px; width:600px; background-color: transparent; filter: alpha( opacity=100 ); overflow: auto;">
<!-- end code provided by blogring.net -->


so if i added the code, where would it go? - oh yeah, the end of the code is in website stats i think...

heh, sorry for asking so many quesitons.

It would go after overflow: auto;"> My div wasn't in the webstats so you might need to move it. Can I take a look at your whole code?

the beginning part of the code was in the header but the part hat says </div> is in the javascript module..sorry if i said website stats...

..umm...

<!-- begin code provided by blogring.net -->
<div align="center" valign="middle" style="border: 1px dotted #FF99CC; height: 345px; width:600px; background-color: transparent; filter: alpha( opacity=100 ); overflow: auto;">
<!-- end code provided by blogring.net -->



<!-- begin code provided by createblog.com -->
<STYLE type="text/css">
/*
top bar remover - xanga.com/add_ons
*/
table.navigation {display: none;};</STYLE>
<!-- end code provided by createblog.com -->


<!-- begin code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<center><b>
<a href=http://xanga.com/signin.aspx>Welcome to Your Dream</a> - <a href=http://www.xanga.com/CLAF>Change your Dream</a> - <a href=http://www.xanga.com/private>Your Dream</a> - <a href=http://www.xanga.com/logout.aspx>**Bye Bye**</a> - <a href=http://www.xanga.com/SubscribeTo.aspx?user=username>Keep Coming Into My Dreams</a> - <a href=http://www.xanga.com>Pink Sapphire</a> - <a href=http://www.xanga.com/username>MY BUDDY</a> - <a href=http://www.xanga.com/xxzen_stoicxx>MEE</a></b></b></center>
<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type='text/css'>
.mainleft { display:none; }
</style>
<!-- end code provided by createblog.com -->




<style type="text/css">
body {
background-color: transparent;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
cursor: crosshair;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 10px Arial Narrow;
color:#FF99CC;
text-align: left;
background-color: transparent;
}
table.blogbody div.smalltext{
/* this edits the blog entry footer */
text-align: right;
padding: 10px;
width: 100%;
}
div.blogheader, .caption {
/* edits the dates */
font-family: broadway;
text-transform: lowercase;
font-size: 18px;
line-height:20px;
font-weight:normal;
color: #FF99CC;
border-top: 1px dotted #999999;
border-left: 1px dotted #999999;
border-right: 1px dotted #999999;
border-bottom: 1px dotted #999999;
background-color: transparent;
text-align: right;
width: 450px;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#000000;
font:normal 10px Arial narrow;
line-height:10px;
text-decoration: none;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#000000;
font:normal 10px Arial Narrow;
line-height:10px;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
color:#000000;
font:normal 12px Century Gothic;
line-height:10px;
cursor: crosshair;
text-decoration: none;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: transparent;
font:normal 10px Arial Narrow;
background-color: transparent;
color: #FF99CC;
}
table.left {
/* this edits the menu module */
border: transparent;
width: 160px;
background-color: transparent;
}
table.blogbody {
/* this edits the other the place where the blog is */
border-bottom: transparent;
border-left: transparent;
border-right: transparent;
background-color: transparent;
width:450px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: transparent;
font: bold 10px Arial Narrow;
text-transform: lowercase;
color: #FF99CC;
}
hr {
/* horizontal divider */
display: none;
}
</style>


<STYLE TYPE="text/css">p {align=justify}
BODY{cursor: url(http://xquizit.xangans.com/cursors/cursor_pink.cur);}
a {cursor: url(http://xquizit.xangans.com/cursors/cursor_pink.cur);}
</STYLE>



<!-- begin code provided by createblog.com -->
<style type="text/css"><!-- a:hover {background:url(http://members.asianavenue.com/risa-cute-image/starglow.gif); text-decoration: none;} //--></style>
<!-- end code provided by createblog.com -->


<!-- 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; /* transparent */
scrollbar-track-color: #FFFFFF; /* transparent */
}
</style>
<!-- end code provided by createblog.com -->

^ that's in my header

in my javascript module is the ending of the div which says </div> - i don't think anything should be overriding my thing..but anyways - yeah.

Try putting

<!-- begin code provided by blogring.net -->
<div align="center" valign="middle" style="border: 1px dotted #FF99CC; height: 345px; width:600px; background-color: transparent; filter: alpha( opacity=100 ); overflow: auto;">
<!-- end code provided by blogring.net -->


At the very bottom of your coding, and then put the scrollbar code, and take </div> out of your module, it might work then, your stuff is different than mine was =\

oohh! nvm, i just tried out something and it worked - i put in the "filter: chroma..etc" after the overflow: auto; - with out the <style type> ...etc</style> thing...and it worked..thanks so much for the help

This will only work on layouts using divs

There you go, that's why. You have to put the code into a div layer. You can put your entire xanga into a div layer (just make it big enough so it doesn't seem so) and then apply the code, and make the scrollbar something like lime green (assuming that color isnt anywhere on your layout) and then change the filter:chroma(color=#FFFFFF); part of the code to the lime green you used on the scrollbar. That should do it, but I haven't tried, so I don't know. But the script should still work, because if it didnt, then the scrollbar on that site would no longer be like that. Hope this helps

IT DOESNT WORK FOR ME :(

ah*boo, try this http://www.blogring.net/index.php?showtopic=28828 it's more detailed on how to get it to work.

lol - i got it already, but thanks!! haha i'm guessing the site's for future reference then?...haha if you have a div - put it next to "overflow:auto;"

and just add "filter:chroma(color=#FFFF FF); /* 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; /* transparent */
scrollbar-track-color: #FFFFFF; /* transparent */"