ICONICO

Discussion Thread

CSS Scrollbars

Message Thread

For Internet ExplorerCSS Scrollbar Color Changer

Change the colors and style of the scrollbars in any HTML page.

Posted in the CSS Scrollbars Forum.




Scroll Bars Using Images

I have found many sites that help (including this one) explain the due proccess to change the colors and appearance of scroll bars. I do, however, desire to be able to alter the scroll bars using graphical images of my design. I would like to texture the bar, and the slide. I also have effects I would like to add to the arrows.

This is a possible achievment because I have seen pages where people have made scroll bars with custom images. The catch is that these have all been javascript windows on a web page (Similar to an iframe). As a full time programmer with a small web site company on the side, I do not have time or interest recoding these windows to match what I want to accomplish. Is there a simpler way than to program each and every event in javascript, then use CSS to lock it to the places I want them to be? If you could make an application or applet similar to your scroll bar tool to fabricate the code, that would help out.

Yes yes, I am lazy. I spend over 60 hours a week programming, and I would like to cut that down.
by Anthony Wouldn't you LIke to know on Jun 8 2007 8:53am Reply

Scroll Bars Using Images

If you want to write custome scrollbars with images then you will have to use javascript. We would be happy to do this for you, however it's going to take time for us to, so we would have to pass on those costs to you. It's not that we're lazy - just busy!
by Nico Westerdale on Jun 9 2007 6:45am Reply

Scroll Bars Using Images

Sure... take your time mate...
How's the end of this year sound?

:D
by Knight Amigo on Dec 24 2007 1:07am Reply

Scroll Bars Using Images

Anthony didn't get back to me so I assumed that he was not interested. We have many other projects going on so it's a case of prioritys.
by Nico Westerdale on Dec 24 2007 11:50am Reply

Scroll Bars Using Images

I need someone to code for me I have the design spec with me. I shall pay appropriately
by Anika Sinha on Aug 5 2008 4:24pm Reply

Scroll Bars Using Images

Please contact us through our feedback form with your full details and we'll be happy to code it for you.

http://www.iconico.com/co...dback.aspx
by Nico Westerdale on Aug 5 2008 7:09pm Reply

Scroll Bars Using Images

Thanks Anika for the way you handled project delivery
by Diya on Oct 15 2009 2:13am Reply

Scroll Bars Using Images

urgent image scrollingbar
by santanu pati on Jun 4 2015 9:23am Reply

Scroll Bars Using Images

send me the code to put image in scrollbar
by smriti sumi on Jun 27 2008 12:49am Reply

Scroll Bars Using Images

To repeat the message above, we'd be happy to take on consulting work like this, but unfortunatly from your brief post I'm not sure exactly what you're looking for, or if you were interested in having us build something for you.
by Nico Westerdale on Jun 27 2008 2:58am Reply

Scroll Bars Using Images

I dont know if this will work because i have not tried it yet but if you can give everything else an image by using the background-image:url('"); code they why cant it work in a scrollbar? you would think that if you alter the code from color go image then amybe it will work.. who knows.. im going to test it now.. if it dont work for you then i do apologize and i will keep working on a code to figure it out.. have a great day..

check me out at http://www.myspace.com/blaketait or http://www.myspace.com/nomorejuggalo

i make my own layouts and everything :) its eye catching..

anyways.. hope the code works for you :)


style
body {
scrollbar-arrow-background-image:url('YOUR IMAGE HERE');
scrollbar-3dlight-background-image:url('YOUR IMAGE HERE');
scrollbar-darkshadow-background-image:url('YOUR IMAGE HERE');
scrollbar-face-background-image:url('YOUR IMAGE HERE');
scrollbar-highlight-background-image:url('YOUR IMAGE HERE');
scrollbar-shadow-background-image:url('YOUR IMAGE HERE');
scrollbar-track-background-image:url('YOUR IMAGE HERE');
}
/style
by Blake Tait on Sep 22 2008 3:11am Reply

Scroll Bars Using Images

Unfortunately the HTML spec doesn't support this, so it can't be done!
by Nico Westerdale on Sep 22 2008 9:45am Reply

Scroll Bars Using Images

It`s doesnt work for Mozzila Firefox??
by rayounk rayounk on Oct 24 2008 11:02pm Reply

Scroll Bars Using Images

No only IE supports colored scrollbars.
by Nico Westerdale on Oct 25 2008 11:53am Reply

Scroll Bars Using Images

i CAME ACROSS THIS SITE WHICH GIVES THE HTML CODING
http://carotut.site.voila.../index.htm
by lydia newman on Sep 21 2009 3:49pm Reply

Scroll Bars Using Images

??

by ?? ? on Aug 9 2013 4:25am Reply

Scroll Bars Using Images

i want seat image in scroll bar
by ghanshyam ghetiya on Jan 12 2011 3:11am Reply

Scroll Bars Using Images

is that correct code 4 using it?
by Karan bhai on Jan 14 2011 2:06am Reply

Scroll Bars Using Images

i want to use image in scroll bar
by wasim wasim on Feb 4 2009 3:57am Reply

Scroll Bars Using Images

I have found a nice bit of CSS code which works great with Chrome


by Hennie Jansen van Nieuwenhuizen on Nov 29 2012 10:43am Reply

Our Software Stores

IconicoAccurate Design and Development Software

BitsDuJourDiscount Deal Coupons for Windows and Mac Software Apps

Our Software Services

SoftwareMarketingResourceYou Wrote the Code, Now How do you Sell it?

IcoBlogOur Official Blog

© copyright 2004-2017 Iconico, Inc. Code & Design. All Rights Reserved. Terms & Conditions Privacy Policy Terms of Use