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.

Forum Description Hover

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

In progress Forum Description Hover

Post by christian719 on February 27th 2013, 10:49 am

First topic message reminder :

How to make this?

Spoiler:




when you move your mouse into the description

christian719
Forumember

Male Posts : 69
Reputation : 0
Language : FILIPINO

http://saouniverse.forumjap.com/

Back to top Go down


In progress Re: Forum Description Hover

Post by christian719 on March 12th 2013, 11:45 am

oh ok thanks

christian719
Forumember

Male Posts : 69
Reputation : 0
Language : FILIPINO

http://saouniverse.forumjap.com/

Back to top Go down

In progress Re: Forum Description Hover

Post by Sanket on March 12th 2013, 11:50 am

Did you add this for the description of the General Forum?
Code:
<div class="fmthumbnail">Just joining the site, or looking for a little chat? Here is where you will find it all.</div>

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

In progress Re: Forum Description Hover

Post by christian719 on March 12th 2013, 11:56 am

Yup already did

christian719
Forumember

Male Posts : 69
Reputation : 0
Language : FILIPINO

http://saouniverse.forumjap.com/

Back to top Go down

In progress Re: Forum Description Hover

Post by Sanket on March 12th 2013, 12:40 pm

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;
    }

Add this in the Forum 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>

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

In progress Re: Forum Description Hover

Post by christian719 on March 12th 2013, 2:11 pm

Look what happen to my description. it blocks the text

christian719
Forumember

Male Posts : 69
Reputation : 0
Language : FILIPINO

http://saouniverse.forumjap.com/

Back to top Go down

In progress Re: Forum Description Hover

Post by Sanket on March 12th 2013, 2:35 pm

http://troubleshoot.forumotion.net/
I have tried the code on my test forum. They seem to work fine.

Instead of the above this bit of code, replace it with this & check. By, changing the left pixels it moves more towards the right.
Code:
    .fmthumbnail:hover span {
        visibility: visible;
        left: 350px;
        }




Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

In progress Re: Forum Description Hover

Post by Sir Chivas™ on March 12th 2013, 2:42 pm

Member banned, thread trashed.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


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