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.

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

View previous topic View next topic Go down

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

Post by galvesar on 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

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 on 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
ForumGuru

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

http://webartzforum.com

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 on May 31st 2013, 7:29 am

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



The image pops up and everything ~! Thank you =)

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 on May 31st 2013, 7:50 am

Topic Solved & Locked

Sanket
ForumGuru

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

http://webartzforum.com

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