Log In · Register

 
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??
 
 
 Start new topic
Replies
mYOpIchAppInEss
post Sep 19 2004, 01:38 PM
Post #2


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...
 

Posts in this topic
Punk41   Scroll bar colors   Sep 18 2004, 10:48 PM
shortvi3tlaydee   CODE<!-- begin code provided by createblog...   Sep 18 2004, 10:49 PM
mYOpIchAppInEss   for some reason my transparent scrollbar isn't...   Sep 19 2004, 01:04 PM
LatinaLady   what other scripts dyou have. you should add the d...   Sep 19 2004, 01:07 PM
mYOpIchAppInEss   my header: CODE<!-- begin code provided b...   Sep 19 2004, 01:38 PM
avalon*   well youve got to take out the regular scrollbar c...   Sep 19 2004, 03:00 PM
mYOpIchAppInEss   nvm, i added it to my div where it says overflow: ...   Sep 19 2004, 04:50 PM

« 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: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic