Jump to content

Customizing autoscroll icon


Daniel0

Recommended Posts

This might be old news to some, but due to a bug in Firefox the autoscroll can be customized. The way the autoscroll icon appears is that Firefox inserts an image in the page. The image is inside the html tag so it can actually be styled using CSS. You could use img to style all images, but that would ruin all images, so you could also use the child-of operator (or whatever it is) to only style images that are a direct children of the html tag (which yours hopefully isn't!!!). So by using this css code you can make the autoscroll image show up as the PHP logo for Firefox users: [code]html > img {
width: 0!important;
height: 67px !important;
padding-left: 120px !important;
background: url(http://php.net/images/php.gif);
}[/code]

An example of a website that actually uses it is [url=http://www.sitepoint.com/]Sitepoint[/url] (you obviously need to view it in Firefox to see it)

Since this is actually a known bug (https://bugzilla.mozilla.org/show_bug.cgi?id=242466) this "functionality" may be removed, but since it was filed in 2004 it might stay for some time.

Source: [url=http://www.sitepoint.com/]Sitepoint[/url]
Link to comment
Share on other sites

No, that a bug has the possibility of becoming a "browser-specific feature"... much like the hundreds of stupid little things that MS wrote into IE so you could random useless crap like change the scrollbar colors, etc.
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.