Website Help Needed.. Scrollbars

Shifty · Post by **Shifty** » Sun Mar 23, 2003 10:23 pm

I've Seen a few different site where the colour of the page scrollbar has been changes to suit the websit, this is something i'd like to do to my site does any1 know how to do this?

Cheers

Shifty

Shifty · Post by **Shifty** » Sun Mar 23, 2003 11:36 pm

No need I figured it out

Yarik · Post by **Yarik** » Mon Mar 24, 2003 5:15 pm

Well I had that before. For those of you who dont know what it is. Its a java script that you have to have in your web site.

Yarik · Post by **Yarik** » Mon Mar 24, 2003 5:19 pm

Code: Select all

<!-- ONE STEP TO INSTALL COLOR CHANGING FLASH SCROLLBAR:



  1.  Copy the coding into the HEAD of your HTML document  -->



<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->



<HEAD>



<SCRIPT LANGUAGE="JavaScript">



<!-- This script and many more are available free online at -->

<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Original:  Adrese Ramsaran -->

function eightb()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000020";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00008b";
}
setTimeout("one()",100);
}
</script>
<script language="javascript">
function sevenb()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000030";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00007b";
}
setTimeout("eightb()",100);
}
</script>
<script language="javascript">
function sixb()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000040";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00006b";
}
setTimeout("sevenb()",100);
}
</script>
<script language="javascript">
function fiveb()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000050";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00005b";
}
setTimeout("sixb()",100);
}
</script>
<script language="javascript">
function fourb()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000060";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00004b";
}
setTimeout("fiveb()",100);
}
</script>
<script language="javascript">
function threeb()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000070";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00003b";
}
setTimeout("fourb()",100);
}
</script>
<script language="javascript">
function twob()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000080";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00002b";
}
setTimeout("threeb()",100);
}
</script>
<script language="javascript">
function oneb()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000090";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00001b";
}
setTimeout("twob()",100);
}
</script>
<script language="javascript">
function eight()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000080";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00002b";
}
setTimeout("oneb()",100);
}
</script>
<script language="javascript">
function seven()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000070";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00003b";
}
setTimeout("eight()",100);
}
</script>
<script language="javascript">
function six()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000060";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00004b";
}
setTimeout("seven()",100);
}
</script>
<script language="javascript">
function five()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000050";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00005b";
}
setTimeout("six()",100);
}
</script>
<script language="javascript">
function four()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000040";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00006b";
}
setTimeout("five()",100);
}
</script>
<script language="javascript">
function three()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000030";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00007b";
}
setTimeout("four()",100);
}
</script>
<script language="javascript">
function two()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000020";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00008b";
}
setTimeout("three()",100);
}
</script>
<script language="javascript">
function one()
{
with(document.body.style)
{
scrollbarDarkShadowColor="0000FF";
scrollbar3dLightColor="87CEFA";
scrollbarArrowColor="0084ff";
scrollbarBaseColor="0000FF";
scrollbarFaceColor="000010";
scrollbarHighlightColor="0000FF";
scrollbarShadowColor="0000FF";
scrollbarTrackColor="00009b";
}
setTimeout("two()",100);
}
</script>
<script langauge="javascript">
setTimeout("one()",500);
</script>

<p><center>

<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>

by <a href="http://javascriptsource.com">The JavaScript Source</a></font>

</center><p>



<!-- Script Size:  6.75 KB -->

Here is a very good site on building YOUR site. http://javascript.internet.com/

Shifty · Post by **Shifty** » Mon Mar 24, 2003 10:13 pm

This is all I did

Code: Select all

<HTML><HEAD>
<TITLE>Main Page</TITLE>
<base target="_self">
<style>
body {
scrollbar-base-color:#FFFFE3; 
scrollbar-face-color:#959D2E; 
scrollbar-arrow-color:black; 
scrollbar-shadow-color:#008000; 
scrollbar-track-color:black; 
scrollbar-highlight-color:#FEFFA9; 
scrollbar-darkshadow-Color:#004000; 
}
</style>
</head>

Jack Ruby · Post by **Jack Ruby** » Mon Mar 24, 2003 10:39 pm

That did seem like way too much code that Yarik posted. I work as a web designer, I am totally rubbish at code, but I get employed to do the layouts out come up with the look and feel to sites, I am pretty good with photoshop, I designed 6 international sites for american express ( looking at them now they are really bad, but still live sites ) most recent huge project was http://www.landrover.com

Just thought I would mention it cos if any of you need help with photoshop or flash, I am your man

Jack

Butch · Post by **Butch** » Tue Mar 25, 2003 3:55 pm

I got a landrover
ITS LUSH!

Yarik · Post by **Yarik** » Tue Mar 25, 2003 8:44 pm

Yea I have a few Q's how can you blend pitures in Photshop?

Jack Ruby · Post by **Jack Ruby** » Wed Mar 26, 2003 12:02 am

How do you mean blend ? Like a photo montage ?

Jack

Jack Ruby · Post by **Jack Ruby** » Wed Mar 26, 2003 12:03 am

Sadly I was away the day the whole team went to the landrover factory, they got to drive all the models

Jack

Yarik · Post by **Yarik** » Wed Mar 26, 2003 12:07 am

That must have sucked pretty bad...