Log In · Register

 
 
 Closed TopicStart new topic
Scroll bar colors
Punk41
post Sep 18 2004, 10:48 PM
Post #1


Newbie
*

Group: Member
Posts: 1
Joined: Sep 2004
Member No: 50,034
HOW DO YOO CHANGE THE COLOR OF YOOR SCROLL BARS??
 
shortvi3tlaydee
post Sep 18 2004, 10:49 PM
Post #2


moohaha
******

Group: Member
Posts: 2,214
Joined: Aug 2004
Member No: 41,985
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 -->


there u go
 
mYOpIchAppInEss
post Sep 19 2004, 01:04 PM
Post #3


Member
**

Group: Member
Posts: 26
Joined: Sep 2004
Member No: 49,601
for some reason my transparent scrollbar isn't working, i have :

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


i asked at another xanga help site and someone said it has to be in a div

i have a div and it's :
CODE
<!-- begin code provided by createblog.com -->

<!-- begin code provided by blogring -->
<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 -->
<!-- end code provided by createblog.com -->


but the ending of the div (the part that says </div> is in my javascript module, can anyone tell me what's happening?/
 
LatinaLady
post Sep 19 2004, 01:07 PM
Post #4


Look its...
*******

Group: Official Member
Posts: 5,817
Joined: Feb 2004
Member No: 4,767
what other scripts dyou have. you should add the div at the buttom of the custom header and checkit if works. if not you can IM or keep posting here if it still dont work
 
mYOpIchAppInEss
post Sep 19 2004, 01:38 PM
Post #5


Member
**

Group: Member
Posts: 26
Joined: Sep 2004
Member No: 49,601
my header:

CODE
<!-- begin code provided by createblog.com -->
<STYLE type=text/css>img {FILTER:glow(color=pink)
progid:DXImageTransform.Microsoft.Alpha( Opacity=90, FinishOpacity=1, Style=3, StartX=0,
FinishX=100, StartY=0, FinishY=100)}p table {background:transparent;filter:Alpha(opacity=90)}
</STYLE>
<!-- end code provided by createblog.com -->

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

<script type='text/javascript'>
// intro splash page by micron
// for more xanga scripts and help go to createblog.com

// change this url to an image of your choice
var image = 'http://tinypic.com/5ck10';

function enterSite() {
document.getElementById('splash').style.display = 'none';
var content = document.getElementsByTagName("center");
for (var i=0; i<content.length;i++) {
content[i].style.display = 'block';
}
return false;
}

if (document.title.slice(-10) == 'Xanga Site') {
document.write('</span></center><style type="text/css"> center {display:none;} .image {border:1px solid #dcdcdc;} </style><table height="100%" width="100%" id="splash"><tr><td align="center" valign="middle" style="text-align:center !important;"><a href="#" onclick="return enterSite();"><img src="'+ image +'" border="0" class="image"></a></td></tr></table><center><span>');
}
</script>

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


<script language=JavaScript>
document.title = "Pink Sapphires"</script>


</style></head><body><center><span><div style="height: 79px"></div><script language="JavaScript1.2">(document.all)
document.body.style.cssText="border:25 outset white"
</script>


<!--Special Effects upon page enter Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML Scripts, and Terms Of Use, visit dynamicdrive.com--><META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=3,Transition=23)">

<!-- begin code provided by blogring -->
<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 -->



<!-- 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.cbstaff.com/cursors/cursor_pink.cur);}
a {cursor: url(http://xquizit.cbstaff.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 -->



in my Javascript Module:

CODE
<!-- begin code provided by createblog.com -->
</div>
<!-- end code provided by createblog.com -->


i'm not sure what's changing it...
 
avalon*
post Sep 19 2004, 03:00 PM
Post #6


NO. I'm not 13. or 14. or 15. or 16.
*******

Group: Member
Posts: 4,616
Joined: Jul 2004
Member No: 30,577
well youve got to take out the regular scrollbar code and use the transparent code instead. can't have both at once.
 
mYOpIchAppInEss
post Sep 19 2004, 04:50 PM
Post #7


Member
**

Group: Member
Posts: 26
Joined: Sep 2004
Member No: 49,601
nvm, i added it to my div where it says overflow: auto;
and then it made my scrollbar tranparent - thanks anyways
 
« Next Oldest · Xanga Resolved Topics · Next Newest »
 

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

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic