Click to See Complete Forum and Search --> : Making Clear Scrollbars
Albatross
06-19-2003, 04:49 PM
Due to spending massive amounts of time editing the pages on my website, I have been unable to spend enough time learning JavaScript. What I want to do is create a scrollbar (like the one on the side of this page) that is perfectly clear.
Is there a way to do this? I am so sick of seeing the standard gray bar...
Vladdy
06-19-2003, 05:09 PM
Originally posted by Albatross
...I am so sick of seeing the standard gray bar...
Are you creating the web page for yourself or for those who may visit it:confused: :confused:
Scrollbar is part of user interface and therefore should be left alone. Users are accostomed to seeing certain color (which is not necesserily gray, but whatever their OS is set to) and get confused when things change on them.
As far as learning goes, you still have basic HTML and layout techniques to figure out...
chrismartz
06-19-2003, 06:16 PM
Add the following to the head of your page if the background color of your site is white. If it is not white make sure to change the color of each of the style attributes.Here (http://americaspastime.tripod.com/help/scrollbar.htm) :
is my website where I have mocked up what it might look like.
<style>
<!--
BODY{
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:'';
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-Color:#ffffff;
}
-->
</style>
Hope this helps!!!!!
Albatross
06-23-2003, 02:27 PM
Originally posted by sirhcchris3
Add the following to the head of your page if the background color of your site is white. If it is not white make sure to change the color of each of the style attributes.Here (http://americaspastime.tripod.com/help/scrollbar.htm) :
is my website where I have mocked up what it might look like.
<style>
<!--
BODY{
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:'';
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-Color:#ffffff;
}
-->
</style>
Hope this helps!!!!! Ah, this is much better than what I was looking for. One quick question though. What settings do you reccomend to make that compatable with the image below (I copied it to a remote-hosting service so it can be rendered here since my site on GeoCities blacks out from time to time)?
http://www.boomspeed.com/wolf_ristar/background.gif
chrismartz
06-23-2003, 06:07 PM
Scrollbars can't use images as backgrounds... If you want something like that, you will need to make custom scrollbars. http://www.infinitypages.com/resear...tomscroller.htm (http://www.infinitypages.com/research/iframecustomscroller.htm)
Originally posted by sirhcchris3
If you want something like that, you will need to make custom scrollbars. http://www.infinitypages.com/resear...tomscroller.htm (http://www.infinitypages.com/research/iframecustomscroller.htm) :D
Albatross
06-24-2003, 07:27 PM
Originally posted by sirhcchris3
Scrollbars can't use images as backgrounds... If you want something like that, you will need to make custom scrollbars. http://www.infinitypages.com/resear...tomscroller.htm (http://www.infinitypages.com/research/iframecustomscroller.htm) Sorry if I confused you. I did not mean to infer that I want the image to be used. I was wondering what color you reccomend to use so that it blends in with the image. I was thinking about using black to achieve the effect that I desire. Any ideas or thoughts?
(btw, what is that freaky page anyway :eek: )
chrismartz
07-03-2003, 02:51 PM
yeah, just go with black
QLevelClearance
07-04-2003, 01:10 AM
Albatross, send me a copy of the gif you're referring to in your post - I cannot access http://www.boomspeed.com/wolf_ristar/background.gif as it says 'forbidden' - and I'll get you the right colours (in hex/RGB codes) to use for your scrollbar
Regards,
Q
satellitecgat@yahoo.com
P.S.: Further, I could explain how to put these commands in a css page you could refer all of your pages to, enabling you to change the overall look of your site in just one alteration, all at once.