News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

custom scrollbar

Started by nave, May 11, 2004, 05:06:54 PM

Previous topic - Next topic

nave

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

/* 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;
}

Owdy

#1
Try:
edit: removed bad code  ;)
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

Oldiesmann

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
Christian Metal Fans

nave

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)

Owdy

Quote from: Oldiesmann 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).
Yes and no  ;)

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


/* 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

Oldiesmann

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
Christian Metal Fans

Owdy

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

nave

Quote from: Owdy on May 11, 2004, 05:21:35 PM
Try:
/* 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/

Oldiesmann

Interesting... I like how it blends in with the forum to the point where you can almost not tell it's there.
Michael Eshom
Christian Metal Fans

nave

Quote from: Oldiesmann 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.
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.

kisii

 i llooked for this ccs fiel and could not find it in RC2? any clues?

Owdy

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

NZ Pagano

Quote from: Owdy on May 11, 2004, 05:31:06 PM
Quote from: Oldiesmann 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).
Yes and no  ;)

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


/* 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..

bahad1r

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.

Advertisement: