Jump to content
Sign in to follow this  
codysan

Sliding Door Images In Nav Menu

Recommended Posts

codysan

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

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

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

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

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

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

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×