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, 4:49 pm

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, 9: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 : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Forum Description Hover

Post by christian719 on March 10th 2013, 5:40 pm


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, 6:22 pm

<div class="fmthumbnail"><span><img src="https://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 : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

In progress Re: Forum Description Hover

Post by christian719 on March 10th 2013, 6: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, 7:14 pm

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

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

In progress Re: Forum Description Hover

Post by christian719 on March 10th 2013, 7: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, 7: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 : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

In progress Re: Forum Description Hover

Post by christian719 on March 10th 2013, 7: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, 7:29 pm



Put the code in description.

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

In progress Re: Forum Description Hover

Post by christian719 on March 10th 2013, 7: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, 8: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 : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

In progress Re: Forum Description Hover

Post by christian719 on March 10th 2013, 8: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, 9: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 : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Forum Description Hover

Post by christian719 on March 12th 2013, 4:49 pm

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, 5:20 pm

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, 5:21 pm


thats the link where can i put the code of this

<div class="fmthumbnail"><span><img src="https://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, 5:23 pm

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, 5:24 pm

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, 5:25 pm

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, 5:26 pm

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, 5:28 pm

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, 5:28 pm

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, 5:31 pm

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, 5:33 pm

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, 5:36 pm

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, 5:37 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 Sanket on March 12th 2013, 5:39 pm

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, 5:42 pm

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, 5:44 pm

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