Hopefully this is the correct forum to ask in. xD (If not, please move to the correct forum. Thanks <3)

So, I recall, several years ago, playing with an HTML code that changed the appearance of a scroll bar. Since then, I've rarely seen it used, and I'm wondering if there is such a code that works in every type of web browser.

Apparently, the one I remember using only worked in Internet Explorer and nobody uses that POS browser anymore. xD

The reason I ask is because I'd like to make the scroll bars on my pet Seren's profile match the rest of the layout. Something dark and simple would do beautifully. :)

If someone could direct me to a place or person who can assist me, that would be fantastic. Please and thank you! :D

I think what you need is a CSS-code for scrollbars, not a HTML one :) I haven't played with css and html for a long time, so I won't be able to help you any further than this, sorry Dx

::-webkit-scrollbar-thumb:vertical {background-color: ; height:40px; z-index:9999;}

::-webkit-scrollbar {background-color: ; height:5px; width:5px; z-index:9999;}

This in your css should do the trick for most browsers. c:

I'm... not sure I used it correctly. It doesn't seem to have worked.

I added the CSS code to my custom CSS for Subeta, but none of the scroll bars look any different to me. I also kept the HTML scroll bar codes in two of my pet layouts (Maika and Seren) but they still look the same too. Experimented in both FireFox and Google Chrome, the results are the same.

Did I do something wrong...? xD Thank you for the help! :)

P.S. I changed "" in the CSS to "" for black, was I supposed to keep it unchanged? xD

The CustomCSS is for your on use only. No one else is able to see the changes you made there ;)

And I don't see anything scrollbar related in the source-code of Maika's :/

EDIT: Seren was better. with some googling, I'd guess you need a "html, " before the body {scrollbar}- part. example:

Oh, shoot. D: I guess I should have been more specific. I'm looking for a scroll bar code that everyone can see. I know there is one, because on many Pet Spotlight winners, their scroll bars are often customized to be smaller, or transparent, or to only appear during hover-over... or something. xD

I suppose its possible that some pet layouts are coded using something other than HTML? O:

the - well inelegant but - easiest way would be to have a look at the source code of one spotlight winner you like and try to figure out the right coding this way. It should be all about the CSS, though.

Pet and user profiles are only using CSS, because you're only styling what has already been coded into the site.

There is no code that stylizes the scrollbar and works on all browsers. What you're seeing on these profiles is an image used to cover up the default scrollbar.

like said, they are using code. My pet JC. has hidden scrollbars like that.

I think the only browser those scrollbar colour codes work in is IE. I have Firefox and I know they don't work in it.

THAT EXPLAINS EVERYTHING. Looks like its time for me to upgrade my knowledge of coding, I'm still running on the basic HTML I taught myself when I was 12. derp xD

Thank you guys for the help and information! I appreciate it a lot! Sorry for being so derp and confusing. ;w;