The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

image hover effect on rows

View previous topic View next topic Go down

Solved image hover effect on rows

Post by Phoenix_01 on February 16th 2011, 11:22 am

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~

Phoenix_01
New Member

Female Posts : 23
Reputation : 0
Language : English

Back to top Go down

Solved Re: image hover effect on rows

Post by Phoenix_01 on February 18th 2011, 12:28 am

uhm.. Bump? I would really love some help please.. ^^

Phoenix_01
New Member

Female Posts : 23
Reputation : 0
Language : English

Back to top Go down

Solved Re: image hover effect on rows

Post by Maki1 on February 18th 2011, 1:32 am

Hello,

Please add this code to your css.

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

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!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: image hover effect on rows

Post by DustyBones on February 18th 2011, 10:41 am

@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?

DustyBones
Active Poster

Male Posts : 1227
Reputation : 517
Language : English
Location : Washington, USA

http://raps-graphics.forumotion.com/

Back to top Go down

Solved Re: image hover effect on rows

Post by Maki1 on February 18th 2011, 11:44 am

Hi DustyBones, try this for phpBB2

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

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!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: image hover effect on rows

Post by DustyBones on February 18th 2011, 6:18 pm

@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

DustyBones
Active Poster

Male Posts : 1227
Reputation : 517
Language : English
Location : Washington, USA

http://raps-graphics.forumotion.com/

Back to top Go down

Solved Re: image hover effect on rows

Post by Phoenix_01 on February 19th 2011, 6:37 am

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

cheers~ ^^

Phoenix_01
New Member

Female Posts : 23
Reputation : 0
Language : English

Back to top Go down

Solved Re: image hover effect on rows

Post by Jophy on February 19th 2011, 6:45 am

Since 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.

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum