Home | Write for Us | Archives | Advertise | About | Contact

RSS Feed | Email RSS

How To: Create a CSS Image Map

By Kyle Eslick | Filed Under How-To
Tag(s): ,

Have you ever noticed those images on websites where certain parts of the image are clickable, while other parts aren’t? This process is called image mapping, and Douglas Karr has a great post explaining how to create an image map for your blog.

In his post, Douglas shows you how to take the following image and convert the icons into individual links:

Image Map

Once down following the steps that Douglas provides, you will have one image that people can use to subscribe to your RSS feed, request e-mail updates, or get your mobile feed.

Great guide Douglas!

Want automatic updates? Subscribe to our RSS feed or
Get Email Updates sent directly to your inbox!
Tweet This | | Digg This | Stumble it | | Print This |

Kyle Eslick is WordPress enthusiast who took his passion for WordPress to the next level back in 2007 by launching WPHacks.com as a place to share hacks and review WordPress-related products.

There Are 3 Responses So Far »

  1. Candyce Shellman says:
    May 28, 2010 at 7:24 am

    At the firm I work for, we often have an “old” way of coding websites, aside from me and another coworker. I have yet to jump into buliding a corporate website via the whole CSS Only way, and that is simply because some of the companies we work with are paying alot of money and they want their site to look good, and unfortuntely, sometimes these people still use old browsers like NS 4. In fact, one client of ours vowels she will not give up her browser at home even after my coworker has explained to her that its 8 years old and outdated, etc…

    Reply
  2. Sheoran says:
    March 9, 2011 at 6:03 pm

    Good Article Kyle! Image Mapping is a little fancier stuff for me, use it less.

    Reply
  3. Osward says:
    March 21, 2012 at 8:20 am

    I tried creating an image map and when I inserted into WordPress, the whole file was removed from the page, pls what do I do? It is very important.
    Thanks

    Reply

Leave a Reply