Home Entrance Wiki Search Login Register

Welcome, Guest. Please login or register. - Thinking of joining the forum??
March 28, 2024 - @472.84 (what is this?)
Forum activity rating: Three Star Posts: 35/1k.beats Unread Topics | Unread Replies | Own Posts | Own Topics | Random Topic | Recent Posts
News: :transport: :transport: More is More :transport: :transport:

+  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 406 times)
Uneuclid
Casual Poster ⚓︎
*

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
Casual Poster ⚓︎
*


IS YOUR MEMORY CARD SET CORRECTLY?


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
Casual Poster ⚓︎
*

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 »
 

Vaguely similar topics! (3)

chiptune maker!

Started by cinniBoard © ∙ Music Room

Replies: 6
Views: 2024
Last post March 08, 2023 @308.04
by Gans
An enemy from the game I'm trying to make

Started by Grafo VolaveruntBoard ➶ ∙ Art Gallery

Replies: 3
Views: 1387
Last post March 22, 2022 @61.42
by Grafo Volaverunt
Recently I got a very old version of Game Maker (GameMaker 5)

Started by easy_breezyBoard ♖ ∙ Video Games

Replies: 6
Views: 1644
Last post May 05, 2022 @866.32
by Neonriser

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021, Simple Machines | Terms and Policies Forum Guide | Rules | RSS | WAP2


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