WordPress.org

Ready to get started?Download WordPress

Forums

trouble using whatever:hover for thumb images (4 posts)

  1. tronicscribe
    Member
    Posted 6 years ago #

    this may be a bit more complicated than I though, so hopefully someone has experience using this already. well, I'm trying to follow the hover menu tutorial on wpdesigner.com, but it just isn't working. I'm pretty sure it is because I don't know where to place the div class tags in my index file. since I am trying to hover over each post, which is a thumb image, rather than hover over a block of text or an image that I placed on a page, I think it is causing the problem. I don't know what php code to wrap in the div tags to make the hover work. I have tried many different ways to place the tags on my index page; wrap the loop and hover the class for the posts, wrap nothing and only hover the posts, and so on. but it only results in my thumbnails not displaying correctly.

    here is my blog: http://portfoliosfriend.com/
    and what I'd like to achieve is to hover over each thumbnail and have it display the post title and the post ratings in the hover box.

    I would just contact SP at wpdesigner.com, but as many of you might know he no longer owns it and the site has been dead for months, so I'm kinda stuck. I know this is a big help request, but I'd greatly appreciate any advice. thanks!

    oh and I'm using firefox, not IE, so I know it is not the fault of the csshover.htc file.

  2. tronicscribe
    Member
    Posted 6 years ago #

    I know this is a longshot, but has anyone done this before who can help?

  3. Joni
    Member
    Posted 6 years ago #

    Well isn't that effect called a tooltip? There's a plugin that will do that. But check out some of the DOM and JS scripts here:
    http://www.dynamicdrive.com/dynamicindex5/index.html

    Here's a link to that plugin:
    http://www.victr.lm85.com/projects/fancytooltips/

  4. tronicscribe
    Member
    Posted 6 years ago #

    well I will check that out, but I know it can be done with the whatever:hover. it is used on this website: http://wp-premiums.com and it is exactly what I want to do. plus it isn't a script, just css, so I like that a lot. but I can't figure out where to place the divs. I'll keep trying things, but if anyone can help me figure that out, I'd be greatful. thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic