Log In · Register

 
 
Closed TopicStart new topic
transparent scrollbar, GENIUS WANTED
giggl3s
post Jan 17 2004, 02:51 AM
Post #1


wannabe an official member!
****

Group: Member
Posts: 266
Joined: Jan 2004
Member No: 751



I seen this on a couple sites and looked at the source but couldn't apply it to my own...
 
GinaDaQueen
post Jan 17 2004, 11:21 AM
Post #2


createblog.com
******

Group: Member
Posts: 1,127
Joined: Dec 2003
Member No: 13



Um, could we see some of these sites? It helps if we know how it looks.
 
*krnxswat*
post Jan 17 2004, 11:25 AM
Post #3





Guest






Hm, I've never seen a trasnparend scrollbar.
Can you give us a site?
 
nas
post Jan 17 2004, 11:55 AM
Post #4


samurai champloo!
*****

Group: Member
Posts: 748
Joined: Dec 2003
Member No: 2



This doesn't work with the whole body scrollbar, only with a boxed xanga.


First off, this is the coding for your own scrollbar colors, although I assume you already know this, here it is anyway..
CODE
<!-- begin code provided by createblog.com -->
<style type="text/css">
<!--
BODY {
scrollbar-face-color: #BEC9AF;
scrollbar-shadow-color: #BEC9AF;
scrollbar-highlight-color: #BEC9AF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #A3AC96;
scrollbar-track-color: #D6DDBE;
scrollbar-arrow-color: #595959;
-->
</style>
<!-- end code provided by createblog.com -->


Code for transparency
CODE
<!-- begin code provided by createblog.com -->
FILTER: chroma(color=#BEC9AF) allowTransparency;
<!-- end code provided by createblog.com -->
add it to the boxed xanga code like so.

CODE
<!-- begin code provided by createblog.com -->
<DIV align="center" valign="middle"
style="BORDER-LEFT: #660000 1px solid;
         BORDER-RIGHT: #660000 1px solid;
         BORDER-TOP: #660000 1px solid;
         BORDER-BOTTOM: #660000 1px solid;
         WIDTH: 850px;
         HEIGHT: 470px;
         BACKGROUND-COLOR: #FFFFFF"
         FILTER: alpha(opacity=100);
         OVERFLOW: auto;
         FILTER: chroma(color=#BEC9AF) allowTransparency;>
<!-- end code provided by createblog.com -->


In the FILTER: chroma(color=#BEC9AF) allowTransparency option, choose the color of the part of the scroll bar you want to make transparent. This color matches the scroll-bar face color and so that in turn will be transparent. Be careful though, choose colors you won't use anywhere else, it is not limited only to the scrollbar, it will turn everything of that color to transparent.
 
xjjajeengx
post Jan 17 2004, 01:21 PM
Post #5


advanced newbie... S2
*******

Group: Member
Posts: 3,504
Joined: Jan 2004
Member No: 752



_dry.gif crazy xanga genius... blink.gif
 
giggl3s
post Jan 17 2004, 02:57 PM
Post #6


wannabe an official member!
****

Group: Member
Posts: 266
Joined: Jan 2004
Member No: 751



yawn.gif jealous
 
aznhybriddragon
post Jan 17 2004, 03:03 PM
Post #7


Senior Member
*****

Group: Member
Posts: 946
Joined: Jan 2004
Member No: 603



lolz, wish i was that smart biggrin.gif
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: