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.

Picture Appearance On Forum Rollover

View previous topic View next topic Go down

Picture Appearance On Forum Rollover

Post by Cman on August 1st 2009, 8:47 am

Picture Appearance On Forum Rollover



Picture Appearance On Forum Rollover

When a user puts his/her mouse over the forum, you can set an image to appear on the bottom right of the forum.




The First Step
Go to: ACP > Display > Colors > CSS Stylesheet
Make sure to have advanced mode on.

Now that you are there...add this to the stylesheet:
Code:
.forumline .row1.over:hover {background:url('URL FOR IMAGE') right bottom no-repeat;}
Replace "URL FOR IMAGE" with the url of the image.



The Second Step
If you have a highlight color or not you still need to add this code too:
Code:
.forumline .row1.over:hover {
background-color : white;
}
Replace COLOR with the highlight color name or code. If you don't want a highlight color, just put in the color of the forum (to make the highlight invisible). ACP > Display > Colors <= somewhere in there is the color of your forum.


There you go. Finished! You now have your rollover picture!
Spoiler:



I would save this code or add this page to your bookmarks.



Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

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