Advertisement:

Author Topic: custom scrollbar  (Read 4620 times)

Offline nave

  • Sr. Member
  • ****
  • Posts: 951
  • Gender: Female
custom scrollbar
« on: May 11, 2004, 05:06:54 PM »
where would i add the css for this?

i put this in my style.css but it doesnt work. i'm sure i messed up the code or something

Code: [Select]
/* Scrollbar, custom. */
body
{
scrollbar-base-color: 000000;
scrollbar-arrow-color: 077324;
scrollbar-face-color: 000000;
scrollbar-track-color: 000000;
scrollbar-shadow-color: 077324;
scrollbar-highlight-color: 000000;
scrollbar-dark-shadow-color: 000000;
scrollbar-3d-light-color: 077324;
}

Offline Owdy

  • SMF Fossil
  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 15,641
  • Gender: Male
  • W00t!
    • janoloferiksson on LinkedIn
    • @jaoler on Twitter
Re: custom scrollbar
« Reply #1 on: May 11, 2004, 05:21:35 PM »
Try:
 edit: removed bad code  ;)
« Last Edit: May 11, 2004, 05:35:53 PM by Owdy »
Former Lead Support Specialist

Tarvitsetko apua SMF foorumisi kanssa? Otan työtehtäviä vastaan, lue:http://www.simplemachines.org/community/index.php?topic=375918.0

Offline Oldiesmann

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 24,910
  • Gender: Male
  • Ask me about the function DB :)
    • oldiesmann on Facebook
    • Oldiesmann on GitHub
    • https://www.linkedin.com/in/michaeleshom on LinkedIn
    • @oldiesmann on Twitter
    • Archie Comics Fan Forum
Re: custom scrollbar
« Reply #2 on: May 11, 2004, 05:27:59 PM »
1. Try putting a pound sign in front of each of the color code values (it should work without them, but you never know).
2. Cut it out of the style.css and put it between two style tags in the head section of index.template.php.

It should work just fine unless you're not using IE (this typically only works for IE).
Michael Eshom
Cincy Space - now open!

Offline nave

  • Sr. Member
  • ****
  • Posts: 951
  • Gender: Female
Re: custom scrollbar
« Reply #3 on: May 11, 2004, 05:28:58 PM »
thanks both of you. i'll try each suggestion and let you know.

and i use firefox but i test in ie and most of my members use ie (ugh)

Offline Owdy

  • SMF Fossil
  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 15,641
  • Gender: Male
  • W00t!
    • janoloferiksson on LinkedIn
    • @jaoler on Twitter
Re: custom scrollbar
« Reply #4 on: May 11, 2004, 05:31:06 PM »
1. Try putting a pound sign in front of each of the color code values (it should work without them, but you never know).
2. Cut it out of the style.css and put it between two style tags in the head section of index.template.php.

It should work just fine unless you're not using IE (this typically only works for IE).
Yes and no  ;)

Just put this in style.css (it needs that html part too)

Code: [Select]
/* Scrollbar, custom. */
body,html
{
scrollbar-base-color: #000000;
scrollbar-arrow-color: #077324;
scrollbar-face-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #077324;
scrollbar-highlight-color: #000000;
scrollbar-dark-shadow-color: #000000;
scrollbar-3d-light-color: #077324;
}
Former Lead Support Specialist

Tarvitsetko apua SMF foorumisi kanssa? Otan työtehtäviä vastaan, lue:http://www.simplemachines.org/community/index.php?topic=375918.0

Offline Oldiesmann

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 24,910
  • Gender: Male
  • Ask me about the function DB :)
    • oldiesmann on Facebook
    • Oldiesmann on GitHub
    • https://www.linkedin.com/in/michaeleshom on LinkedIn
    • @oldiesmann on Twitter
    • Archie Comics Fan Forum
Re: custom scrollbar
« Reply #5 on: May 11, 2004, 05:32:13 PM »
The reason I was saying it should work without the # signs is I was just testing that functionality out at echo-echo.com (found it on Google), and it worked fine with or without the # signs in it.
Michael Eshom
Cincy Space - now open!

Offline Owdy

  • SMF Fossil
  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 15,641
  • Gender: Male
  • W00t!
    • janoloferiksson on LinkedIn
    • @jaoler on Twitter
Re: custom scrollbar
« Reply #6 on: May 11, 2004, 05:34:07 PM »
i tested this, last code i posted works just fine, but not without "html" and "#", it really needs those ;D
Former Lead Support Specialist

Tarvitsetko apua SMF foorumisi kanssa? Otan työtehtäviä vastaan, lue:http://www.simplemachines.org/community/index.php?topic=375918.0

Offline nave

  • Sr. Member
  • ****
  • Posts: 951
  • Gender: Female
Re: custom scrollbar
« Reply #7 on: May 11, 2004, 05:34:12 PM »
Try:
Code: [Select]
/* Scrollbar, custom. */
body,html
{
scrollbar-base-color: #000000;
scrollbar-arrow-color: #077324;
scrollbar-face-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #077324;
scrollbar-highlight-color: #077324;
scrollbar-dark-shadow-color: #000000;
scrollbar-3d-light-color: #077324;
}

added the # and changed one colour and its just perfect, thank you.

here it is in action: http://www.apex-a-team.com/

Offline Oldiesmann

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 24,910
  • Gender: Male
  • Ask me about the function DB :)
    • oldiesmann on Facebook
    • Oldiesmann on GitHub
    • https://www.linkedin.com/in/michaeleshom on LinkedIn
    • @oldiesmann on Twitter
    • Archie Comics Fan Forum
Re: custom scrollbar
« Reply #8 on: May 11, 2004, 05:35:41 PM »
Interesting... I like how it blends in with the forum to the point where you can almost not tell it's there.
Michael Eshom
Cincy Space - now open!

Offline nave

  • Sr. Member
  • ****
  • Posts: 951
  • Gender: Female
Re: custom scrollbar
« Reply #9 on: May 11, 2004, 05:37:45 PM »
Interesting... I like how it blends in with the forum to the point where you can almost not tell it's there.
thanks, thats what i was hoping for. i dont mind scroll bars on the side and bottom but a lot of the members have large sigs and avatars which require scrolling and i worked hard on that theme, i didnt want an ugly gray bar in the middle of something.

Offline kisii

  • Semi-Newbie
  • *
  • Posts: 65
Re: custom scrollbar
« Reply #10 on: December 26, 2004, 01:01:44 PM »
 i llooked for this ccs fiel and could not find it in RC2? any clues?

Offline Owdy

  • SMF Fossil
  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 15,641
  • Gender: Male
  • W00t!
    • janoloferiksson on LinkedIn
    • @jaoler on Twitter
Re: custom scrollbar
« Reply #11 on: December 26, 2004, 01:41:26 PM »
It isnt in there. You have to put it there by yourself. Put that in style.css in your theme.
Former Lead Support Specialist

Tarvitsetko apua SMF foorumisi kanssa? Otan työtehtäviä vastaan, lue:http://www.simplemachines.org/community/index.php?topic=375918.0

Offline NZ Pagano

  • Newbie
  • *
  • Posts: 1
Re: custom scrollbar
« Reply #12 on: April 07, 2006, 11:03:45 PM »
1. Try putting a pound sign in front of each of the color code values (it should work without them, but you never know).
2. Cut it out of the style.css and put it between two style tags in the head section of index.template.php.

It should work just fine unless you're not using IE (this typically only works for IE).
Yes and no  ;)

Just put this in style.css (it needs that html part too)

Code: [Select]
/* Scrollbar, custom. */
body,html
{
scrollbar-base-color: #000000;
scrollbar-arrow-color: #077324;
scrollbar-face-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #077324;
scrollbar-highlight-color: #000000;
scrollbar-dark-shadow-color: #000000;
scrollbar-3d-light-color: #077324;
}

Thank you... it works great..

Offline bahad1r

  • Semi-Newbie
  • *
  • Posts: 31
  • yerbilimleri.com
    • Yerbilimleri
Re: custom scrollbar
« Reply #13 on: July 17, 2006, 11:14:27 AM »
Code: [Select]
html
{
scrollbar-face-color :#EEEEEE;
scrollbar-base-color :#014463;
scrollbar-shadow-color :#014463;
scrollbar-highlight-color :#FFFFFF;
scrollbar-arrow-color :#FF4500;
}

I use this code write on "sytle.css" that it works. Thanks a lot, Owdy. Sorry; my bad language.