WordPress.org

Ready to get started?Download WordPress

Forums

Auto ThickBox Plus
Add hover style to tickbox (2 posts)

  1. ichomusic
    Member
    Posted 1 year ago #

    Hi,
    If I wanted to add a hover effect / css style when people mouse over the thumbnail ... like on this webpage: http://www.codestarlive.com/themeforest/redirect/?theme=cstardesign

    ... how would you suggest doing it?

    Is this a setting within the control panel plugin settings or done through css with something like this:

    a.thickbox {
    background: url(images/icon_zoom.png) no-repeat scroll 50% 50% #F9F9F9;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    opacity: 0.5;
    filter: alpha(opacity=50);
    }

    Or would it be .tickbox:hover { ....etc

    Any help is much appreciated .. thank you,
    Nick

    http://wordpress.org/extend/plugins/auto-thickbox-plus/

  2. attosoft
    Member
    Plugin Author

    Posted 1 year ago #

    Hi ichomusic,

    The following style is typically used to show specified image on thumbnails when hovering the mouse over a thumbnail.

    a.thumbnail:hover { background: url(transparent-image.png); }

    However the site above takes a different approach, and defines the following styles.

    a.thumbnail { background: url(image.png); }
    a.thumbnail:hover img { opacity: 0.3; }

    Thereby specified image is displayed already, but thumbnails cover it normally. Then thumbnails become transparent when hovering the mouse over a thumbnail.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.