image hover effect on rows 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
4 posters

    image hover effect on rows

    Phoenix_01
    Phoenix_01
    Phoenix_01
    New Member


    Female Posts : 23
    Reputation : 0
    Language : English
    • Post n°1

    Solved image hover effect on rows

    Post by Phoenix_01 Wed 16 Feb 2011 - 11:22

    hi.. I'm just wondering how I can add image in the entire categories/forum row upon hover.. i'm using phpbb3, and instead of having hover colour change for the entire row, i want a hover image instead... please help.. ^^

    cheers~
    • Back to top
    Phoenix_01
    Phoenix_01
    Phoenix_01
    New Member


    Female Posts : 23
    Reputation : 0
    Language : English
    • Post n°2

    Solved Re: image hover effect on rows

    Post by Phoenix_01 Fri 18 Feb 2011 - 0:28

    uhm.. Bump? I would really love some help please.. ^^
    • Back to top
    Maki1
    Maki1
    Maki1
    Hyperactive


    Male Posts : 2529
    Reputation : 442
    Language : English »» CSS Stylesheet
    Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!
    • Post n°3

    Solved Re: image hover effect on rows

    Post by Maki1 Fri 18 Feb 2011 - 1:32

    Hello,

    Please add this code to your css.

    Code:
    li.row:hover {
            background-image: url('Image url here');
    }
    • Back to top
    DustyBones
    DustyBones
    DustyBones
    Active Poster


    Male Posts : 1234
    Reputation : 528
    Language : English
    Location : Washington, USA
    • Post n°4

    Solved Re: image hover effect on rows

    Post by DustyBones Fri 18 Feb 2011 - 10:41

    Maki1 wrote:Hello,

    Please add this code to your css.

    Code:
    li.row:hover {
            background-image: url('Image url here');
    }

    Will this work for phpBB2?
    • Back to top
    Maki1
    Maki1
    Maki1
    Hyperactive


    Male Posts : 2529
    Reputation : 442
    Language : English »» CSS Stylesheet
    Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!
    • Post n°5

    Solved Re: image hover effect on rows

    Post by Maki1 Fri 18 Feb 2011 - 11:44

    Hi DustyBones, try this for phpBB2

    Code:
    .row1.over:hover {
        background-image: url('Image url here');
        }
    • Back to top
    DustyBones
    DustyBones
    DustyBones
    Active Poster


    Male Posts : 1234
    Reputation : 528
    Language : English
    Location : Washington, USA
    • Post n°6

    Solved Re: image hover effect on rows

    Post by DustyBones Fri 18 Feb 2011 - 18:18

    Maki1 wrote:Hi DustyBones, try this for phpBB2

    Code:
    .row1.over:hover {
        background-image: url('Image url here');
        }

    Thank you Maki1 Smile

    Edit: Tiles the image vertically. Had 3 images stacked
    • Back to top
    Phoenix_01
    Phoenix_01
    Phoenix_01
    New Member


    Female Posts : 23
    Reputation : 0
    Language : English
    • Post n°7

    Solved Re: image hover effect on rows

    Post by Phoenix_01 Sat 19 Feb 2011 - 6:37

    oh my gawd, it worked.. ^^ thank you very much Maki1...

    cheers~ ^^
    • Back to top
    Jophy
    Jophy
    Jophy
    ForumGuru


    Male Posts : 17924
    Reputation : 836
    Language : English
    Location : Somewhere
    • Post n°8

    Solved Re: image hover effect on rows

    Post by Jophy Sat 19 Feb 2011 - 6:45

    image hover effect on rows Solved10Since the thread appears to be solved, I will lock this thread and mark it as solved now.

    Important: You can also help the moderators to know if your topic/problem is solved by EDITING your first post and marking the topic as solved. Thank you.
    • Back to top