Picture Appearance On Forum Rollover Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums

    Picture Appearance On Forum Rollover

    Cman
    Cman
    Cman
    Forumember


    Male Posts : 681
    Reputation : 5
    Language : English
    Location : Florida
    • Post n°1

    Tutorial Picture Appearance On Forum Rollover

    Post by Cman August 1st 2009, 8:47 am

    Picture Appearance On Forum Rollover



    Picture Appearance On Forum Rollover

    When a user puts his/her mouse over the forum, you can set an image to appear on the bottom right of the forum.




    The First Step
    Go to: ACP > Display > Colors > CSS Stylesheet
    Make sure to have advanced mode on.

    Now that you are there...add this to the stylesheet:
    Code:
    .forumline .row1.over:hover {background:url('URL FOR IMAGE') right bottom no-repeat;}
    Replace "URL FOR IMAGE" with the url of the image.



    The Second Step
    If you have a highlight color or not you still need to add this code too:
    Code:
    .forumline .row1.over:hover {
    background-color : white;
    }
    Replace COLOR with the highlight color name or code. If you don't want a highlight color, just put in the color of the forum (to make the highlight invisible). ACP > Display > Colors <= somewhere in there is the color of your forum.


    There you go. Finished! You now have your rollover picture!
    Spoiler:

    I would save this code or add this page to your bookmarks.



    This tutorial was written by Cman.
    • Back to top