Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #999

    Hi, I need help changing the text wp 3.0 menus (“First”) into rollover image links on 8bitdad.com.

    I’m using skin1 with the newscast theme and can’t seem to figure out how I can get my test image (http://www.8bitdad.com/wp-content/themes/newscast/images/skin1/main1.png) to replace the text ‘Main’, for example.

    Please help, thank you.

    #33595

    What I did was to assign an image as the background of each menu in the css. You need to assign a unique class each menu in the css and tag an image to it as in something like:

    ul#topnav a.main {
    background:url("images/main.png") no-repeat scroll 0 0 transparent;
    width:150px;
    }

    somewhere to add in style.css, then for the next image

    ul#topnav a.music {
    background:url("images/music.png") no-repeat scroll 0 0 transparent;
    width:150px;
    }

    etc or something close to that. Sprite images is explained here if you need pointers http://stylemeltdown.com/2007/10/22/image-sprite-navigation-with-css/

    #33596

    Thanks Monsoon,

    I’m not sure how I can apply what you said. I checked the link, it seems as if you’re not describing this wordpress theme

    Can you explain the steps in more details

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘replace Page menu nav text with images using wp 3.0 menu-item’ is closed to new replies.