Scroll Bars

  • (2 Pages)
  • +
  • 1
  • 2

18 Replies - 2197 Views - Last Post: 14 July 2002 - 04:24 AM

#1 Koenie  Icon User is offline

  • What?!

Reputation: 0
  • View blog
  • Posts: 1,313
  • Joined: 08-July 02

Scroll Bars

Posted 12 July 2002 - 04:47 AM

I was wondering how you guys made the orange scroll bar on this site. Did you do it with some sort of program or just with scripts? Please, let me know!

Thanks, Koenie
Is This A Good Question/Topic? 0
  • +

Replies To: Scroll Bars

#2


Reputation: 0

Re: Scroll Bars

Posted 12 July 2002 - 07:53 AM

it's css

H
Was This Post Helpful? 0

#3 Koenie  Icon User is offline

  • What?!

Reputation: 0
  • View blog
  • Posts: 1,313
  • Joined: 08-July 02

Re: Scroll Bars

Posted 12 July 2002 - 07:55 AM

What's that and how can I make that?

Koenie
Was This Post Helpful? 0
  • +
  • -

#4


Reputation: 0

Re: Scroll Bars

Posted 12 July 2002 - 07:56 AM

Here is the code, experiment with the values to find a color scheme that works for you:

BODY {
	SCROLLBAR-FACE-COLOR: #ff9900; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}



If you don't know how to put css in your page, look for a begining css tutorial on google, or go to htmlgoodies.com as they have a basic tutorial on almost everything.

H
Was This Post Helpful? 0

#5 Koenie  Icon User is offline

  • What?!

Reputation: 0
  • View blog
  • Posts: 1,313
  • Joined: 08-July 02

Re: Scroll Bars

Posted 12 July 2002 - 08:04 AM

ok thanks.

Koenie
Was This Post Helpful? 0
  • +
  • -

#6 Koenie  Icon User is offline

  • What?!

Reputation: 0
  • View blog
  • Posts: 1,313
  • Joined: 08-July 02

Re: Scroll Bars

Posted 12 July 2002 - 08:07 AM

I even found a better way to do it! Flash! Which I just downloaded (Flash MX) and are learning on this very moment! But, thanks anyway!

Koenie
Was This Post Helpful? 0
  • +
  • -

#7


Reputation: 0

Re: Scroll Bars

Posted 12 July 2002 - 08:12 AM

CSS comes in two flavors inline and embedded style sheets.

it's easier to put your css inline

put this in your head tag and you are basically up and running.

<STYLE TYPE="text/css">

BODY
{
scrollbar-base-color: orange;
scrollbar-arrow-color: green;
scrollbar-DarkShadow-Color: blue;
}
</STYLE>

you can learn about embedded style sheets in a million different places on the net and you can steal virtually any style sheet that is on the web to see what they did.

the link to the style sheet for dreamincode is here:
d.i.c. stylesheet
Was This Post Helpful? 0

#8


Reputation: 0

Re: Scroll Bars

Posted 12 July 2002 - 08:15 AM

Changing the scroll bar in flash mx is not the same thing and probably can't be called "a better way".

I don't believe you can change the page scroll bar with flash, but you can make a flash movie go fullscreen and then put whatever scroll bar you want. This is an actionscript that allows you to simulate the effect of a browser scrollbar but they aren't the same thing.

H
Was This Post Helpful? 0

#9 Koenie  Icon User is offline

  • What?!

Reputation: 0
  • View blog
  • Posts: 1,313
  • Joined: 08-July 02

Re: Scroll Bars

Posted 12 July 2002 - 08:17 AM

Ok thanks, that's actually quite useful. I'm making my 'under construction' site in HTML, so I can calmly work on the Flash version of my site. Maybe I can use those cool-colored scroll-bars in my old site. Thanks!

Koenie
Was This Post Helpful? 0
  • +
  • -

#10 Koenie  Icon User is offline

  • What?!

Reputation: 0
  • View blog
  • Posts: 1,313
  • Joined: 08-July 02

Re: Scroll Bars

Posted 12 July 2002 - 08:20 AM

Quote

I don't believe you can change the page scroll bar with flash, but you can make a flash movie go fullscreen and then put whatever scroll bar you want. This is an actionscript that allows you to simulate the effect of a browser scrollbar but they aren't the same thing.


That's actually what I meant, but I didn't know how to explain it. I saw such Flash 'scroll-bars' on a couple of sites. Thanks

Koenie
Was This Post Helpful? 0
  • +
  • -

#11 fyrestorm  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 10
  • View blog
  • Posts: 3,113
  • Joined: 04-April 02

Re: Scroll Bars

Posted 13 July 2002 - 09:54 AM

hoopster, on Jul 12 2002, 09:12 AM, said:

CSS comes in two flavors inline and embedded style sheets.

it's easier to put your css inline

put this in your head tag and you are basically up and running.

<STYLE TYPE="text/css">

BODY
{
scrollbar-base-color: orange;
scrollbar-arrow-color: green;
scrollbar-DarkShadow-Color: blue;
}
</STYLE>

you can learn about embedded style sheets in a million different places on the net and you can steal virtually any style sheet that is on the web to see what they did.

the link to the style sheet for dreamincode is here:
d.i.c. stylesheet

i disagree with you hoopster, why would you want to put your css inline if it's going to be the same for each page?

scroll-bars are one such example that would most likely be the same on each page, as well as font colors, sizes, etc.

it's also very easy to include an embedded style sheet, all you need is this line of code:

<link rel='stylesheet' href='url_to_style_sheet.css' type='text/css'>



and the code within that style sheet is the same as if you had embedded it, it's just on a different page...
Was This Post Helpful? 0
  • +
  • -

#12 Koenie  Icon User is offline

  • What?!

Reputation: 0
  • View blog
  • Posts: 1,313
  • Joined: 08-July 02

Re: Scroll Bars

Posted 13 July 2002 - 11:03 AM

Ok thanks, but what do you have to put in the 'url_to_style_sheet.css'?
And does that line of script (the link tag) have to be in your header?

Koenie
Was This Post Helpful? 0
  • +
  • -

#13 fyrestorm  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 10
  • View blog
  • Posts: 3,113
  • Joined: 04-April 02

Re: Scroll Bars

Posted 13 July 2002 - 11:07 AM

yes that line of code goes in your header and the 'url_to_style_sheet.css' is whatever your style sheet is named, like for me, mine are all usually named styles.css
Was This Post Helpful? 0
  • +
  • -

#14 Koenie  Icon User is offline

  • What?!

Reputation: 0
  • View blog
  • Posts: 1,313
  • Joined: 08-July 02

Re: Scroll Bars

Posted 13 July 2002 - 11:13 AM

And what should I put in that css? I'm not so familiar with SHTML.

Koenie
Was This Post Helpful? 0
  • +
  • -

#15 fyrestorm  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 10
  • View blog
  • Posts: 3,113
  • Joined: 04-April 02

Re: Scroll Bars

Posted 13 July 2002 - 11:17 AM

oh, it's not SHTML

ok, so you have your document, styles.css the stuff you put in it is things like:

BODY
{
    SCROLLBAR-FACE-COLOR: #ff9900;
    SCROLLBAR-HIGHLIGHT-COLOR: #000000;
    SCROLLBAR-SHADOW-COLOR: #000000;
    SCROLLBAR-3DLIGHT-COLOR: #ffffff;
    SCROLLBAR-ARROW-COLOR: #000000;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}



that's a style for the body tag, and incidentaly that will change the scrollbar to the colors that you see for dic...

i'd go to the resources section to learn more about css
Was This Post Helpful? 0
  • +
  • -

  • (2 Pages)
  • +
  • 1
  • 2