codysan 0 Report post Posted January 13, 2011 Is it possible to replace the nav text with background images using the css sliding door technique. I think I read somewhere that WordPress doesn't allow for this technique . . . Thanks Share this post Link to post Share on other sites
bryan-hadaway 3 Report post Posted January 14, 2011 Not sure, might need more to go on; - Link? - Is there a specific script you're looking to use? - Anything else you can share? Thanks, Bryan Share this post Link to post Share on other sites
codysan 0 Report post Posted January 14, 2011 I want to have a nav bar that has buttons from images rather than the plain text and colored backgrounds for selected and hover states. What I want to do is use an image for each of the various nav menu items and their different states. I have two ways to go . . . I could use a different image for each state or I can use and image that has all the states on one image and I would just change the position of the image in css to change the state. I've read that this is a preferred method because it eliminates the flicker caused by the loading of individual images for each state. If I knew how to pre-load the images I could use the individual image method, because it's an easier concept to grasp. But that still leaves me with the problem of what to do with the text for the links. If I was building a static site, I could put a span tag around the link text and indent it -999em and that would be that. But I can't do that in WordPress. I guess what I'm asking . . . if you wanted to replace the text in the nav menu with different background images for each state, how would you go about it? Sorry to be a pain and thanks . . . Share this post Link to post Share on other sites
msaizan+ 6 Report post Posted January 14, 2011 hmmm....i think i might be trying to do something similar. are you referring to an accordion menu? anyway - apologies if i am on the wrong track but I have been doing some research to try and find the best route to do something that sounds similar to what you're describing. Here's a plug in I have been testing that inserts custom images into the nav buttons - you have to do some styling - but it looks pretty good even native. http://wordpress.org/extend/plugins/custom-menu-images/ here's a link to 10 ways to install an accordion menu on a wordpress blog. http://www.problogdesign.com/design/10-ways-to-install-accordion-menus-in-your-wordpress-theme/ i hope this helps. Margaret Share this post Link to post Share on other sites
codysan 0 Report post Posted January 14, 2011 Hi Margaret . . . I just want to create a nav menu with background image rollovers. Share this post Link to post Share on other sites
Andrew 207 Report post Posted January 15, 2011 You can have a background image, but I would not recommend replacing the text... e.g. you can have a gradient on rollover etc... Share this post Link to post Share on other sites
codysan 0 Report post Posted January 15, 2011 Thanks, Andrew . . . I got something close to the effect I was looking for using text and different text colors for the various hover states. Share this post Link to post Share on other sites