Zlwo.com – Free Online Resources for Designers and Developers

How To: Use CSS Sliding Doors With Wordpress Navigation

For people who don’t already know this famous hack, here’s a quick example. We want a navigation menu on our site. To make this menu prettier, we want to add a background image for our links. And here is the big problem:

We must add a fixed width to the links, otherwise the image will be truncated if the link is too short, or the link will overflow the image if its width is too long. That’s why sliding doors are very useful. With some php code, you can bypass this problem.

To use the “Sliding doors” technique in wordpress, you have to paste the following code where you want your code to appear.

This is it. If you enjoyed this article, please consider sharing it!