Home Events! Entrance Everyone Wiki Search Login Register

Welcome, Guest. Please login or register. - Thinking of joining the forum??
November 21, 2024 - @679.94 (what is this?)
Forum activity rating: Three Stars Posts: 36/1k.beats Unread Topics | Unread Replies | My Stuff | Random Topic | Recent Posts    Start New Topic
News: :ha: :pc: Hello Melonland! :pc: :happy:

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

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


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

⛺︎ 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 »
 

Vaguely similar topics! (3)

An enemy from the game I'm trying to make

Started by Grafo VolaveruntBoard ➶ ∙ Art Gallery

Replies: 3
Views: 1703
Last post March 22, 2022 @61.42
by Grafo Volaverunt
GUIDE: How to make a Website!

Started by MelooonBoard ✁ ∙ Web Crafting

Replies: 1
Views: 2733
Last post March 14, 2023 @665.66
by Inkerlink
Make up dumb pomes!

Started by MelooonBoard ✑ ∙ Writing & Stationery

Replies: 9
Views: 1679
Last post April 14, 2024 @631.85
by kurohaato

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021, Simple Machines | Terms and Policies 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