# Hi all, gradient help

**URL:** https://forum.kirupa.com/t/hi-all-gradient-help/8788
**Category:** flash
**Created:** [November 28, 2002, 5:00pm UTC](https://forum.kirupa.com/t/hi-all-gradient-help/8788 "2002-11-28T17:00:29Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![thediablo](https://avatars.discourse-cdn.com/v4/letter/t/c37758/32.png) [@thediablo](https://forum.kirupa.com/u/thediablo)
#### Post date: [November 28, 2002, 5:00pm UTC](https://forum.kirupa.com/t/hi-all-gradient-help/8788/1 "2002-11-28T17:00:29Z")

</div>

First of all, hello to all this community 😃 i have been looking at kirupa site for 1 year or something, and i just reg to this forum…

The question:

i droped yesterday at this site:  
[http://www.exidge.com/exidgeflash.htm](http://www.exidge.com/exidgeflash.htm)  
and i saw that the entire layout is just 10k, and i was  
wondering. how did the owner made the Gradient fills i have  
seen the gradient fill in flash but only from left to right and that  
gradient is up and down. can someone help me, and tell me  
if it can be done in flash, or i just have to make it on PS and import it?

Another one…  
i was wondering how did that guy made the scrollbars, they  
are quite nice… anyone have an idea? i search at kirupa tuts  
but only found how to make a scrollbar with the component,  
i think that one is a dif story…

Thanks!

Best Regards.  
thediablo

---

<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: [November 28, 2002, 5:43pm UTC](https://forum.kirupa.com/t/hi-all-gradient-help/8788/2 "2002-11-28T17:43:04Z")

</div>

Yeap! the gradient was made in flash. Just create a box with a gradient fill and open the color mixer panel to mess around and you will see that this is quite simple.

The scroll bars is not flash, it is a html style like this:

//place this in your html code (replace the ()´s with \<\>´s

(STYLE )  
BODY {  
SCROLLBAR-FACE-COLOR: #E64810;  
SCROLLBAR-HIGHLIGHT-COLOR: #f5f5f5;  
SCROLLBAR-SHADOW-COLOR: #F06739;  
SCROLLBAR-3DLIGHT-COLOR: #F4B49F;  
SCROLLBAR-ARROW-COLOR: #f5f5f5;  
SCROLLBAR-TRACK-COLOR: #F4B49F;  
SCROLLBAR-DARKSHADOW-COLOR: #C63D0F;  
}  
(/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: [November 28, 2002, 5:46pm UTC](https://forum.kirupa.com/t/hi-all-gradient-help/8788/3 "2002-11-28T17:46:24Z")

</div>

The gradients are done by just simply adding a gradient to a fill and then rotate the gradient with the Fill Transform Tool!  
And the scrollbars are html. You can change the colors easily with some lines of html code:  
[http://www.kirupaforum.com/showthread.php?s=&threadid=6259&highlight=scroll+color](http://www.kirupaforum.com/showthread.php?s=&threadid=6259&highlight=scroll+color)

---

<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: [November 28, 2002, 5:47pm UTC](https://forum.kirupa.com/t/hi-all-gradient-help/8788/4 "2002-11-28T17:47:00Z")

</div>

ahhh… guig0 was faster!😏

---

<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: [November 28, 2002, 5:51pm UTC](https://forum.kirupa.com/t/hi-all-gradient-help/8788/5 "2002-11-28T17:51:07Z")

</div>

Thanks for the response, i was doing that, rotating the fill, i guess thats the only way…

but im talking about the scrollbars inside the flash, there are like 3 of them, where the text is, do you see the rectangle… thats the custon scrollbar im talking about…

do you have any idea how he made it?

not the explorer scrollbar :P,

thanks!

very fast responses

---

<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: [November 28, 2002, 5:57pm UTC](https://forum.kirupa.com/t/hi-all-gradient-help/8788/6 "2002-11-28T17:57:59Z")

</div>

what Syko meant by rotating the gradient was tha you should use the fill transform tool (F) on the gradient fills.

And the scroll, so subtle that I missed. Very cool. Let me search a tut link for ya, cause this is long.

=)

---

<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: [November 28, 2002, 6:00pm UTC](https://forum.kirupa.com/t/hi-all-gradient-help/8788/7 "2002-11-28T18:00:10Z")

</div>

[http://www.kirupa.com/developer/mx/textscroller.asp](http://www.kirupa.com/developer/mx/textscroller.asp)

Hope it helps.

=)

---

<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: [November 28, 2002, 6:02pm UTC](https://forum.kirupa.com/t/hi-all-gradient-help/8788/8 "2002-11-28T18:02:45Z")

</div>

But i need to know how to create a custom one, not using the component, i have done some scrollbars with the flash component, do you have any idea of how can i make it?

maybe going to the graphics of the comp. scrollbar and modify them?, is that possible?

Thanks!

---

<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: [November 28, 2002, 6:04pm UTC](https://forum.kirupa.com/t/hi-all-gradient-help/8788/9 "2002-11-28T18:04:25Z")

</div>

You can edit the scroll elements on you library to look like you want it to be.

=)

---

<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: [November 28, 2002, 6:05pm UTC](https://forum.kirupa.com/t/hi-all-gradient-help/8788/10 "2002-11-28T18:05:47Z")

</div>

[SIZE=3]Welcome to Kirupaville![/SIZE] 🙂

😛

---

<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: [November 28, 2002, 6:12pm UTC](https://forum.kirupa.com/t/hi-all-gradient-help/8788/11 "2002-11-28T18:12:53Z")

</div>

D\*mn!

I guess is time for some experimenting again with scrollbar 😃

thanks man…

Also… How do i make a Pr3l0adeR? (lol, JK!, i bet u get that  
Question all the time,  
im just being funny, ok)

-thediablo.

Oh and thanks for the welcome 😃

---

<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: [November 28, 2002, 6:32pm UTC](https://forum.kirupa.com/t/hi-all-gradient-help/8788/12 "2002-11-28T18:32:47Z")

</div>

there are some tutorials anout preloaders on this site!

---

<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: [November 28, 2002, 7:50pm UTC](https://forum.kirupa.com/t/hi-all-gradient-help/8788/13 "2002-11-28T19:50:38Z")

</div>

i was joking 😛
