Entrance Chat Gallery Guilds Search Everyone Wiki Login Register

Welcome, Guest. Please login or register. - Thinking of joining the forum??
August 15, 2025 - @212.51 (what is this?)
Activity rating: Two Stars Posts & Arts: 24/1k.beats Unread Topics | Unread Replies | My Stuff | Random Topic | Recent Posts Start New Topic  Submit Art
News: :4u: Love is not possession  :4u: Super News: Upload a banner! (or else!)

+  MelonLand Forum
|-+  World Wild Web
| |-+  ✁ ∙ Web Crafting
| | |-+  ☔︎ ∙ I need Help!
| | | |-+  help: how to make a custom scroll bar


« previous next »
Pages: [1] Print
Author Topic: help: how to make a custom scroll bar  (Read 1835 times)
Uneuclid
Jr. Member ⚓︎
**

⛺︎ My Room
SpaceHey: Friend Me!

View Profile WWW

First 1000 Members!Joined 2023!
« on: August 22, 2023 @147.08 »

making a site, was wondering if its possible to make a custom scroll bar like here
https://web.archive.org/web/20070605180454/http://www.diseasedproductions.net/

ik you can customize the color, but i mean like replacing the area with custom images n stuff if that makes sense
Logged


rinni
Jr. Member
**


IS YOUR MEMORY CARD SET CORRECTLY?

⛺︎ My Room

View Profile WWW

First 1000 Members!Joined 2023!
« Reply #1 on: August 22, 2023 @171.39 »

I'm not super knowledgeble on scrollbars, but i found the ones i use on https://scripted.neocities.org/ !, i even figured out how to tweak the code of one to make the back of the bar transparent.

but from what i understand, it's very similar to border images! you need an image for your bumpers/up-down buttons, an image for the actual bar itself, one that can stretch as needed, and one for the background of the bar. Usually the images are pretty small, from what i've seen! You can also place the css inside a div for the bar to only apply there, or outside of all divs so it applies to the entire page!

w3 schools has a tutorial on the subject: https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp and so do many other sites! i've lately preferred css tricks: https://css-tricks.com/almanac/properties/s/scrollbar/ for css related questions

i hope this helps!!

Logged

Uneuclid
Jr. Member ⚓︎
**

⛺︎ My Room
SpaceHey: Friend Me!

View Profile WWW

First 1000 Members!Joined 2023!
« Reply #2 on: August 29, 2023 @740.12 »

I'm not super knowledgeble on scrollbars, but i found the ones i use on https://scripted.neocities.org/ !, i even figured out how to tweak the code of one to make the back of the bar transparent.

but from what i understand, it's very similar to border images! you need an image for your bumpers/up-down buttons, an image for the actual bar itself, one that can stretch as needed, and one for the background of the bar. Usually the images are pretty small, from what i've seen! You can also place the css inside a div for the bar to only apply there, or outside of all divs so it applies to the entire page!

w3 schools has a tutorial on the subject: https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp and so do many other sites! i've lately preferred css tricks: https://css-tricks.com/almanac/properties/s/scrollbar/ for css related questions

i hope this helps!!



thank you ^_^
Logged


Pages: [1] Print 
« previous next »
 

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021 | Privacy Notice | ~ Send Feedback ~ Forum Guide | Rules | RSS | WAP | Mobile


MelonLand Badges and Other Melon Sites!

MelonLand Project! Visit the MelonLand Forum! Support the Forum
Visit Melonking.Net! Visit the Gif Gallery! Pixel Sea TamaNOTchi