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.

How can i use CSS to make a rollover for text to display a image

2 posters

Go down

Solved How can i use CSS to make a rollover for text to display a image

Post by galvesar May 31st 2013, 5:04 am

Hi~!
I am making a roleplaying forum and i am looking for some help in CSS to make a effect where when the mouse rolls or hovers over a descriptive paragraph it displays a image. I wanna use this effect to spice up my forum style a bit. Would it be at all possible to use CSS for that?? =) Would you be able to show me some sample code i could use to try ?

I wanna thank you in advance for your time and effort in this matter even if you can't help your time is greatly appreciated ~!

-Galvesar
avatar
galvesar
New Member

Posts : 2
Reputation : 0
Language : English

Back to top Go down

Solved Re: How can i use CSS to make a rollover for text to display a image

Post by Sanket May 31st 2013, 7:17 am

http://troubleshoot.forumotion.net/
Check the forum description.

You can add this in the description.
Code:
<div class="fmthumbnail">The forum to request for anything and everything of the RPGH specific. Custom avatars or siggies, group/guild membership, or request for missions here as well.<span><img src="http://i47.servimg.com/u/f47/14/07/41/67/94162911.jpg"><br></span></div>

Then add this to your css.
Code:
.fmthumbnail span {
    position: absolute;
    background-color: gray;
    padding: 5px;
    left: -1000px;
    border: 1px black;
    visibility: hidden;
    color: black;
    text-decoration: none;
    }

    .fmthumbnail:hover span {
    visibility: visible;
    top: 100;
    left: 250px;
    }
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: How can i use CSS to make a rollover for text to display a image

Post by galvesar May 31st 2013, 7:29 am

~!!! That is amazing thank you sooooo much XD



The image pops up and everything ~! Thank you =)
avatar
galvesar
New Member

Posts : 2
Reputation : 0
Language : English

Back to top Go down

Solved Re: How can i use CSS to make a rollover for text to display a image

Post by Sanket May 31st 2013, 7:50 am

Topic Solved & Locked
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Back to top

- Similar topics

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