Replies

Sep 18, 2016 9 years ago
Porygon
needs more chocolate
User Avatar
Retail

So here I am, trying to make the scrollbars on Catwitch's slim solid and purple and rather than making any scrollbar I just end up whiting out the description area. Whoops.

Can anyone make sense of this? I just want some pretty scrollbars. Anything is appreciated!

✨ [flower=Porygon] ✨

Sep 18, 2016 9 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

what code were you using for the scrollbars? i usually use this webkit code to style scrollbars, as i don't know of any other good ways to do so.

::-webkit-scrollbar {width:5px; height:5px} ::-webkit-scrollbar-thumb {-webkit-border-radius:5px; border-radius:5px; background: rgba(0,0,0,1)} so in that case the width and height refer to the thickness of the bar (width for vertical scrollbars, height for horizontal scrollbars, so they should be the same number). border radius refers to how rounded the bar is - 0px means squared edges. the numbers next to rgba represent the RGB code for the color of the bar, with the last number representing opacity (i.e. 0 is 0% opacity aka invisible, .5 is 50% opacity, 1 is 100% opacity).

Sep 18, 2016 9 years ago
Porygon
needs more chocolate
User Avatar
Retail

i'm gonna be honest, it's a premade, so whatever default code came with it for the scroll bars is what i'm using. that being said, i didn't see any scrollbar coding when i was trying to edit it yesterday, so it looks like they're just default scrollbars. made the profile (if that helps answer your question).

when inputting your scrollbar code, though, it replaced the default scrolls. awesome! thank you so much!!

✨ [flower=Porygon] ✨

Sep 19, 2016 9 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

i've used that premade before and it doesn't include code for the scrollbars. most browsers don't support alteration of the scrollbars as they are considered part of the browser's basic structure as much as the toolbar, so it's typically not considered something that web designers should be able to alter. maybe this viewpoint will change someday; i certainly think it should. webkit allows this workaround, but it only works in safari and chrome.

Sep 19, 2016 9 years ago
Porygon
needs more chocolate
User Avatar
Retail

ah, that is interesting. i read something about that last night when i was trying to work on it before, now that i think about it. at least now i know for future scrollbars. thank you again! and your completed pets are very lovely. i especially enjoyed pinafore.

✨ [flower=Porygon] ✨

Sep 19, 2016 9 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

you're welcome, and thank you for the compliment 😊

Please log in to reply to this topic.