Title: Sprite menu in WordPress?
Last modified: August 19, 2016

---

# Sprite menu in WordPress?

 *  [Alex](https://wordpress.org/support/users/netxm/)
 * (@netxm)
 * [16 years, 8 months ago](https://wordpress.org/support/topic/sprite-menu-in-wordpress/)
 * I’m converting HTML [website](http://fezayarns.com) into wordpress, can’t find
   how to use sprite in wordpress. Is there any way to make it, I tried lavalamp
   jQery, but it doesn’t work very well. I’m using wp_list_pages for the menu.

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [stvwlf](https://wordpress.org/support/users/stvwlf/)
 * (@stvwlf)
 * [16 years, 8 months ago](https://wordpress.org/support/topic/sprite-menu-in-wordpress/#post-1242117)
 * Sprite is a CSS technique relating to background image positioning. It works 
   the same in WordPress as anywhere else.
 * [http://www.alistapart.com/articles/sprites](http://www.alistapart.com/articles/sprites)
 *  Thread Starter [Alex](https://wordpress.org/support/users/netxm/)
 * (@netxm)
 * [16 years, 8 months ago](https://wordpress.org/support/topic/sprite-menu-in-wordpress/#post-1242138)
 * Thanks for the reply, but if I use wp_list_pages, I don’t have li id=’page1″ 
   I just have a function. Can you give me an example (very simple) how to do that
   in WP. Thank you.
 *  [stvwlf](https://wordpress.org/support/users/stvwlf/)
 * (@stvwlf)
 * [16 years, 8 months ago](https://wordpress.org/support/topic/sprite-menu-in-wordpress/#post-1242145)
 * Hi
 * wp_list_pages assigns a unique class to every page in the list:
 *     ```
       <ul>
          <li class="page_item page-item-2"><a href="/about/">About</a>
          <li class="page_item page-item-29"><a href="/contact/">Contact</a>
          <li class="page_item page-item-31"><a href="/gallery/">Gallery</a></li>
       </ul>
       ```
   
 * you have the hooks you need to assign CSS sprites, using class of page-item-2,
   page-item-29, page-item-31. The number after page-item is the page’s postID#,
   which never changes.
 * In terms of “I don’t have li id=’page1″ I just have a function.”, that function
   outputs code which the browser displays. Use ViewSource or Firebug to see the
   output, to learn the classnames for your particular site. Then you can create
   the CSS from those class names. It sounds like you already know how to do that.
 * If you prefer class names like ‘about’ and ‘contact’, this plugin lets you assign
   a custom class to any page. Then wp_list_pages will include that class name in
   its output.
    [http://www.technokinetics.com/plugins/page-lists-plus/](http://www.technokinetics.com/plugins/page-lists-plus/)
 * If anything is still not clear ask further.
 *  Thread Starter [Alex](https://wordpress.org/support/users/netxm/)
 * (@netxm)
 * [16 years, 8 months ago](https://wordpress.org/support/topic/sprite-menu-in-wordpress/#post-1242205)
 * THANK YOU!!!! It looks like I found what I’ve been looking for.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Sprite menu in WordPress?’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 2 participants
 * Last reply from: [Alex](https://wordpress.org/support/users/netxm/)
 * Last activity: [16 years, 8 months ago](https://wordpress.org/support/topic/sprite-menu-in-wordpress/#post-1242205)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics