# Custom scroller?

**URL:** <https://forum.kirupa.com/t/custom-scroller/16832>\
**Category:** flash\
**Created:** [March 28, 2003, 8:31pm UTC](https://forum.kirupa.com/t/custom-scroller/16832 "2003-03-28T20:31:59Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![vendi](https://avatars.discourse-cdn.com/v4/letter/v/5f8ce5/32.png) [@vendi](https://forum.kirupa.com/u/vendi)\
**Post date:** [March 28, 2003, 8:31pm UTC](https://forum.kirupa.com/t/custom-scroller/16832/1 "2003-03-28T20:31:59Z")

</div>

Thanks to all replies! But these scripts do not work ☹ Show me please real webs with custom scrollers not script tutorials! I just want to copy source code from real working web page with custom scroller! You understood! Thanx

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 28, 2003, 9:00pm UTC](https://forum.kirupa.com/t/custom-scroller/16832/2 "2003-03-28T21:00:39Z")

</div>

[www.tutorialforums.com](http://www.tutorialforums.com) has custom scrollers

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 28, 2003, 9:27pm UTC](https://forum.kirupa.com/t/custom-scroller/16832/3 "2003-03-28T21:27:17Z")

</div>

Place this code in your \< head \> section \< / head \>

```php

<style type="text/css">
BODY {
    scrollbar-face-color: #;
    scrollbar-shadow-color: #;
    scrollbar-highlight-color: #;
    scrollbar-3dlight-color: #;
    scrollbar-darkshadow-color: #;
    scrollbar-track-color: #;
    scrollbar-arrow-color: #;
}
</style>

```

Just put a 6digit hex value at the end of each # symbol.

Like #FFFFFF is white and #000000 is black…

playamarz :player:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 28, 2003, 9:38pm UTC](https://forum.kirupa.com/t/custom-scroller/16832/4 "2003-03-28T21:38:15Z")

</div>

overacheiver… I hated kids like you in highschool… 😛

:trout:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 28, 2003, 10:05pm UTC](https://forum.kirupa.com/t/custom-scroller/16832/5 "2003-03-28T22:05:59Z")

</div>

some pple are just never happy…(not you, jub’)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 28, 2003, 10:09pm UTC](https://forum.kirupa.com/t/custom-scroller/16832/6 "2003-03-28T22:09:05Z")

</div>

here is a site with some color codes. you will need them in order to change the colors on the scroll bar.

[http://www.geocities.com/SiliconValley/Network/2397/](http://www.geocities.com/SiliconValley/Network/2397/)

:beam:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 29, 2003, 6:51am UTC](https://forum.kirupa.com/t/custom-scroller/16832/7 "2003-03-29T06:51:28Z")

</div>

Very bad but thanx Yo do not understood me ☹ really sites with with with scrollbar!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 29, 2003, 7:00am UTC](https://forum.kirupa.com/t/custom-scroller/16832/8 "2003-03-29T07:00:45Z")

</div>

> \*Originally posted by vendi \*  
> \*\*really sites with with with scrollbar! \*\*  
> :q:… like… here… [www.2advanced.com](http://www.2advanced.com)… that site’s with with with custom scroll bars…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 29, 2003, 4:06pm UTC](https://forum.kirupa.com/t/custom-scroller/16832/9 "2003-03-29T16:06:30Z")

</div>

I understood you. I gave you a site with a scrollbar! What else do you want?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 29, 2003, 6:42pm UTC](https://forum.kirupa.com/t/custom-scroller/16832/10 "2003-03-29T18:42:43Z")

</div>

Do you mean something like this…

[http://www.dkrz.de/~k202039/dhtml/scrollbar/scrollbar.html](http://www.dkrz.de/~k202039/dhtml/scrollbar/scrollbar.html)

???

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 29, 2003, 9:26pm UTC](https://forum.kirupa.com/t/custom-scroller/16832/11 "2003-03-29T21:26:51Z")

</div>

ok look just add this code to your \<head\> tags

it controls all the text and effects and also the scrollbar colors

```php
<style>
<!--
table.topnav {font-family: verdana; font-size: 8pt; border-top:1 solid #FFFFFF; border-bottom:1 solid #FFFFFF; line-height:10pt;}
table.nav {font-family: verdana; font-size: 8pt; line-height:10pt;}
td {font-family: verdana; font-size: 8pt; line-height:10pt;}
a:link {color:#7FBFFF; font-weight:none; text-decoration:none; line-height:10pt;}
a:visited {color:#7FBFFF; font-weight:none; text-decoration:none; line-height:10pt;}
a:active {color:#7FBFFF; font-weight:none; text-decoration:none; line-height:10pt;}
a:hover {color:#FFFFFF; font-weight:none; text-decoration:none; line-height:10pt;}
body {font-family:verdana; font-size:8pt; line-height:10pt;}
BODY {scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #000000; 
scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #000000;}
-->
</style>

```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 30, 2003, 3:41am UTC](https://forum.kirupa.com/t/custom-scroller/16832/12 "2003-03-30T03:41:23Z")

</div>

Chris, if you noticed a whole lot of other people put the same scrollbar color change code in here, thats not what vendi wanted.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 30, 2003, 4:23am UTC](https://forum.kirupa.com/t/custom-scroller/16832/13 "2003-03-30T04:23:57Z")

</div>

oh… or is it a custom scroll bar in flash? :q:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 30, 2003, 4:40am UTC](https://forum.kirupa.com/t/custom-scroller/16832/14 "2003-03-30T04:40:02Z")

</div>

This is the server-side/scripting section so I and everyone else here assumed no.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 30, 2003, 6:06am UTC](https://forum.kirupa.com/t/custom-scroller/16832/15 "2003-03-30T06:06:12Z")

</div>

Thanx a lot I do not want to interrupt U! I got a code but it do not work ! i dont no why! I have IE 6!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 30, 2003, 7:26am UTC](https://forum.kirupa.com/t/custom-scroller/16832/16 "2003-03-30T07:26:03Z")

</div>

I’ll help out now…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 30, 2003, 7:30am UTC](https://forum.kirupa.com/t/custom-scroller/16832/17 "2003-03-30T07:30:13Z")

</div>

```php

<style>
BODY {SCROLLBAR-FACE-COLOR: #D4D0C8; SCROLLBAR-HIGHLIGHT-COLOR: #D4D0C8; SCROLLBAR-SHADOW-COLOR: #999999; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #E3E3E3; SCROLLBAR-DARKSHADOW-COLOR: #666666; }
</style>

```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 30, 2003, 7:39am UTC](https://forum.kirupa.com/t/custom-scroller/16832/18 "2003-03-30T07:39:18Z")

</div>

I guess you didn’t bother to read the thread Mike.

Vendi: Troubleshooting your code would help if you could show us the code you are using.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 30, 2003, 7:50am UTC](https://forum.kirupa.com/t/custom-scroller/16832/19 "2003-03-30T07:50:59Z")

</div>

oh sorry, yeh I do that A LOT! From now on ill be extra careful and read EVERY word

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 30, 2003, 12:29pm UTC](https://forum.kirupa.com/t/custom-scroller/16832/20 "2003-03-30T12:29:14Z")

</div>

Wow… Geez people… Don’t jump down my throat because I just gave him the code instead of pointing him some place…

I’ll be sure to stay quiet next time :sigh:

> 

Thanks to all replies! But these scripts do not work Show me please real webs with custom scrollers not script tutorials! **I just want to copy source code from real working web page with custom scroller!** You understood! Thanx

I just figured it would be easier if I just GAVE him the actual source instead of him “searching” around everywhere for it… ☹

playamarz