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 1 of 2 1, 2  Next

View previous topic View next topic Go down

In progress Forum Description Hover

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

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 Sir Chivas™ on February 27th 2013, 3:37 pm

Hi,

Can you please provide the forum URL of the forum inside the screenshot? Thank you.



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

In progress Re: Forum Description Hover

Post by christian719 on March 10th 2013, 11:40 am


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 levy on March 10th 2013, 12:22 pm

<div class="fmthumbnail"><span><img src="http://i47.servimg.com/u/f47/14/07/41/67/94162911.jpg"><br></span></div>

In description of category ,change only image.

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

That is the CSS

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

In progress Re: Forum Description Hover

Post by christian719 on March 10th 2013, 12:58 pm

Where can i put the text 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 levy on March 10th 2013, 1:14 pm

Administration Panel ~> General ~> Categories & Forums ~> Press form any forum ~> and add in the big box ,forum Description

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

In progress Re: Forum Description Hover

Post by christian719 on March 10th 2013, 1:20 pm

Then where can i put this

Code:
<div class="fmthumbnail"><span><img src="http://i47.servimg.com/u/f47/14/07/41/67/94162911.jpg"><br></span></div>

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 levy on March 10th 2013, 1:21 pm

candy_fear wrote:Administration Panel ~> General ~> Categories & Forums ~> Press form any forum ~> and add in the big box ,forum Description

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

In progress Re: Forum Description Hover

Post by christian719 on March 10th 2013, 1:21 pm

Example?

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 levy on March 10th 2013, 1:29 pm



Put the code in description.

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

In progress Re: Forum Description Hover

Post by christian719 on March 10th 2013, 1:36 pm

Not working

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 levy on March 10th 2013, 2:13 pm

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

You added that code in CSS ?

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

In progress Re: Forum Description Hover

Post by christian719 on March 10th 2013, 2:17 pm

Yup

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 Sir Chivas™ on March 10th 2013, 3:33 pm

Where exactly did you add the CSS?



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

In progress Re: Forum Description Hover

Post by christian719 on March 12th 2013, 10:49 am

In display> color> css

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:20 am

Forum URL?

Also provide what you added in the Forum Description?

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:21 am


thats the link where can i put the code of this

<div class="fmthumbnail"><span><img src="http://i47.servimg.com/u/f47/14/07/41/67/94162911.jpg"><br></span></div>

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:23 am

Okay, i am confused.
http://rpg-haven.forumotion.com/forum
You want the same hover effect as that one, right?

I am asking your forum url, where you added the codes provided to you.

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:24 am

Yup,

i put it on my category description

Code:
http://saouniverse.forumjap.com/

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:25 am

Category Description?
You want it on your forum description right?

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:26 am

category and forum desc.

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:28 am

This rotating image already appears now.

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:28 am

so i need to removed that so that the decp hover will appeared?

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:31 am

To remove this image from appearing. Add this to your css.
Code:
.row1.over:hover{
background-image: none !important;
}

Next, tell me the codes you added in the forum description.

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:33 am

Code:
<div class="fmthumbnail"><span><img src="http://i47.servimg.com/u/f47/14/07/41/67/94162911.jpg"><br></span></div>

this are the codes i added

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:36 am

Okay, it seems incomplete & incorrect information that you are providing.

See this forum General.
The description of that forum is this.
Just joining the site, or looking for a little chat? Here is where you will find it all.

Thats the part, that needs to be edited.
Do you understand, what i am trying to say? Smile

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:37 am

Yup

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:39 am

Cool, so try this instead.
Code:
<div class="fmthumbnail">Just joining the site, or looking for a little chat? Here is where you will find it all.</div>

I assume, you already added the css codes given to you above.

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:42 am

but how about the images?

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:44 am

Can you add the code for that General Forum. I will give you a new css code. Did not realize, the css code was not with the background-image.

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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