Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Scroll Bar Colour

Status
Not open for further replies.
Guest_imported

Guest_imported

New member
Jan 1, 1970
0
How can I change the colours of the scroll bar? I cant find the code or site with it!!

thanks in advance

Dave J
 
Sort by date Sort by votes

Just change the colors that are in there to what you want
Code: 
<style type=&quot;text/css&quot;>

 BODY 
{scrollbar-face-color: #ded686; scrollbar-shadow-color: #00000; 

scrollbar-highlight-color: #ded686; scrollbar-3dlight-color: #95ACC3; 

scrollbar-darkshadow-color: #ded686; scrollbar-track-color: #cfc355;

scrollbar-arrow-color: #151b31}

</style>
 
Upvote 0 Downvote
Hey,

Check out this useless thing I came up with a while ago:

Code: 
<HTML>

<TITLE>Flashing Scrollbar</TITLE>

<BODY BGCOLOR=&quot;#FFFFFF&quot; onLoad=&quot;flashingScrollbar()&quot;>

<STYLE>
<!--
.scrollbarStyle0
{
	SCROLLBAR-FACE-COLOR:RED;
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
	SCROLLBAR-SHADOW-COLOR:#000000;
	SCROLLBAR-ARROW-COLOR:#000000;
	SCROLLBAR-TRACK-COLOR:LIGHTRED;
	SCROLLBAR-DARKSHADOW-COLOR:#000000
}

.scrollbarStyle1
{
	SCROLLBAR-FACE-COLOR:ORANGE;
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
	SCROLLBAR-SHADOW-COLOR:#000000;
	SCROLLBAR-ARROW-COLOR:#000000;
	SCROLLBAR-TRACK-COLOR:ORANGE;
	SCROLLBAR-DARKSHADOW-COLOR:#000000
}

.scrollbarStyle2
{
	SCROLLBAR-FACE-COLOR:YELLOW;
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
	SCROLLBAR-SHADOW-COLOR:#000000;
	SCROLLBAR-ARROW-COLOR:#000000;
	SCROLLBAR-TRACK-COLOR:YELLOW;
	SCROLLBAR-DARKSHADOW-COLOR:#000000
}

.scrollbarStyle3
{
	SCROLLBAR-FACE-COLOR:#9966FF;
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
	SCROLLBAR-SHADOW-COLOR:#000000;
	SCROLLBAR-ARROW-COLOR:#000000;
	SCROLLBAR-TRACK-COLOR:#9966FF;
	SCROLLBAR-DARKSHADOW-COLOR:#000000
}
-->
</STYLE>

<SCRIPT LANGUAGE=&quot;JavaScript&quot;>
<!--
/*
	FlashingScrollbar.html
	Color flashing scrollbar.
	JavaScript/DHTML
	Microsoft Internet Explorer 5.5
	Copyright © 2001 Steve Puri. All rights reserved.
	Steve Puri. stevepuri@[URL unfurl="true"]www.com[/URL]
	27-01-2001

	Add as many scrollbar styles as you
	like under the HTML <STYLE> tag,
	using the .scrollbarStyleX notation.

*/

/****************** Flashing Scrollbar Configuration ******************/

// The number of scrollbarStyle style sheets used in <STYLE> HTML tag.
var styleCount = 3;

// The speed of scrollbar color change, higher is slower.
var speed = 500;

/**********************************************************************/

styleCount++;
var i = 0;
var timer = null;

function flashingScrollbar()
{
	document.body.className = &quot;scrollbarStyle&quot;+i;

	i++;

	if (i == styleCount)
	{
		i = 0;
	}

	timer = setTimeout(&quot;flashingScrollbar()&quot;, speed);
}
//-->
</SCRIPT>

<P ALIGN=&quot;LEFT&quot;>
<FONT FACE=&quot;Verdana&quot; COLOR=&quot;#000000&quot; SIZE=&quot;1&quot;>
	FlashingScrollbar.html<BR>
	Color flashing scrollbar.<BR>
	JavaScript/DHTML<BR>
	Microsoft Internet Explorer 5.5<BR>
	Copyright © 2001 Steve Puri. All rights reserved.<BR>
	Steve Puri.&nbsp;<A HREF=&quot;MAILTO:stevepuri@[URL unfurl="true"]www.com&quot;>stevepuri@www.com</A><BR>[/URL]
	27-01-2001<HR>
</FONT>
</P>

<P ALIGN=&quot;CENTER&quot;>
	<FONT FACE=&quot;Verdana&quot; COLOR=&quot;#000000&quot; SIZE=&quot;10&quot;>
		<SPAN ID=&quot;text&quot; STYLE=&quot;POSITION:ABSOLUTE&quot;>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>
			TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText<BR>

		</SPAN>
	</FONT>
</P>

</BODY>
</HTML>
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

k4ghg
  • Locked
  • Question
Liquid vertical bar 1
Replies
2
Views
239
k4ghg
k4ghg
makamo66
  • Locked
  • Question
Horizontal Scroll Bar Not Hidden for Media Query
Replies
3
Views
172
makamo66
makamo66
GRIFFIJ
  • Locked
  • Question
Centering navigation bar
Replies
2
Views
150
vacunita
vacunita
c0deM0nK424
  • Locked
  • Question
Making bootstrap navigation bar links 'collapse' too soon ?
Replies
1
Views
131
vacunita
vacunita
c0deM0nK424
  • Locked
  • Question
Horrible Vile 'horizontal overflow' appearing on bootstrap smooth scrolling website ?
Replies
2
Views
133
vacunita
vacunita

Part and Inventory Search

Sponsor

Back
Top