Blog Post RSS ?

Blogs » Web Design » Customizing the Autoscrolling Icon
 

Customizing the Autoscrolling Icon

by Alex Walker

Here’s one from the ‘you could, though you probably wouldn’t, but it’s nice to know you can department.

Tom was playing around with FireFox yesterday and came to the realization that the auto-scroll icon is actually inserted dynamically into the document’s HTML, but outside the HEAD and BODY — meaning it’s still within the clutches of our evil CSS.

Mwha Ha Ha HA!!

Try clicking your middle mouse button anywhere onscreen in FireFox 1+ to see the results.

Here’s the CSS:

html>img { width: 0!important; height: 28px!important; padding-left: 28px!important; background: url(/images/icons/autoscroll2.png); }

In reality this is a known bug, so can’t really be relied on into the future (though it’s been around for a long time), but if your client is looking for that little bit of extra branding…

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Ping.fm
  • Twitthis

Related posts:

  1. 19 Spooky Icon Sets For Halloween It never hurts to do some icon tweaking, and why...
  2. 20 Merry Icon Sets For Christmas Christmas is always a busy time of the year for...
  3. 16 Cool Icon Sets For Summer Summer is upon us in the northern hemisphere -- can...
  4. How To Draw An iPhone App Icon In Illustrator Jennifer shows how use Illustrator to create an icon similar...
  5. Google Reveal Chrome 3 Beta Google have released Chrome 3 as a beta download. Craig...

This post has 29 responses so far

Sponsored Links

SitePoint Marketplace

Buy and sell Websites, templates, domain names, hosting, graphics and more.

Follow SitePoint on...