How can i use CSS to make a rollover for text to display a image
2 posters
Page 1 of 1
How can i use CSS to make a rollover for text to display a image
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
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
Re: How can i use CSS to make a rollover for text to display a image
http://troubleshoot.forumotion.net/
Check the forum description.
You can add this in the description.
Then add this to your css.
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
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: How can i use CSS to make a rollover for text to display a image
~!!! That is amazing thank you sooooo much XD
The image pops up and everything ~! Thank you =)
The image pops up and everything ~! Thank you =)
galvesar- New Member
- Posts : 2
Reputation : 0
Language : English
Re: How can i use CSS to make a rollover for text to display a image
Topic Solved & Locked |
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Similar topics
» Display Image While Hovering Over Text
» Make a specific image on profiles display on every page
» Rollover Image?
» Replace folder image with a text (folder image = image od topics, new topics, and locked topics of the categories and forums)
» How to make the likes display in topics blog list view
» Make a specific image on profiles display on every page
» Rollover Image?
» Replace folder image with a text (folder image = image od topics, new topics, and locked topics of the categories and forums)
» How to make the likes display in topics blog list view
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum