PDA

View Full Version : Need help with this code.. (Transparent ScrollBar)



missmissy
06-13-2006, 06:45 PM
Hello Everyone,

This code came along with the design I found from a graphic website.
It is an Iframe set up, it works fine.. I love it but I just dont like the scroll bar though.. I was wondering if I could add a code in the Style (CSS) to make the scroll bar transparent..

here's the style (CSS) code:

A, A:link, A:visited {color : #570103; text-decoration : none; cursor : crosshair;
}

A:hover {color : #ffffff; text-decoration : overline; font-weight : normal; cursor : crosshair;
}



h1 {
color : #570103;
font-family : Arial;
font-size : 12px;
border-top : 1px solid #570103;
border-bottom : 1px solid #570103;
font-weight : bold;
text-align : center;
letter-spacing : 5px;
text-transform : uppercase;
}
BODY {
font-family: Verdana, Arial, Times new roman; font-size: 9pt; color: #570103; background-repeat: repeat-y; CURSOR: crosshair; }


}
TD {
FONT-SIZE: 9pt; COLOR: #570103; FONT-FAMILY: Times new roman;
}
A {
CURSOR: crosshair
}




Thank you very much..
MissM

redice
06-13-2006, 09:11 PM
Hi there
See if this is of any help....


#Scroller {
position:absolute;
left:100px;
top:50px;
width:250px;
height:150px;
overflow: auto;
background: transperant;
padding: 5px;
}

<style type="text/css">
#Scroller {
scrollbar-arrow-color:#333333;
scrollbar-track-color:#CCCCCC;
scrollbar-face-color:#CCCCCC;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
}
</style>

Edit accordingly

Redice

missmissy
06-14-2006, 12:26 AM
Hi there
See if this is of any help....


#Scroller {
position:absolute;
left:100px;
top:50px;
width:250px;
height:150px;
overflow: auto;
background: transperant;
padding: 5px;
}

<style type="text/css">
#Scroller {
scrollbar-arrow-color:#333333;
scrollbar-track-color:#CCCCCC;
scrollbar-face-color:#CCCCCC;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
}
</style>

Edit accordingly

Redice

Thanks., Ill give it a try!

Twey
06-14-2006, 05:52 AM
Uh?

Presuming that's a style block, where's the first #Scroller block meant to be? In the body?

redice
06-14-2006, 04:43 PM
Those are the css code

html code

<div id="Scroller">
INSERT INPUT :)
<div />

Twey
06-14-2006, 05:03 PM
What on Earth...?
"<div />": Literal translation: insert new empty div-block here -- in XHTML. In HTML it would be perceived as a corruption of some obscure SGML shorthand feature.

redice
06-14-2006, 09:41 PM
forgive my ignorance

</div>