Forum Description Hover

[christian719]

How to make this?

Spoiler:

[Sir Chivas™]

Hi,

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

[christian719]

here's the link http://rpg-haven.forumotion.com/forum

[levy]

<div class="fmthumbnail"><span><img src="https://i.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

[christian719]

Where can i put the text description?

[levy]

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

[christian719]

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>

[levy]

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

[christian719]

Example?

[levy]

Put the code in description.

[christian719]

Not working

[levy]

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 ?

[christian719]

Yup

[Sir Chivas™]

Where exactly did you add the CSS?

[christian719]

In display> color> css

[Sanket]

Forum URL?

Also provide what you added in the Forum Description?

[christian719]

here's the link http://rpg-haven.forumotion.com/forum

thats the link where can i put the code of this

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

[Sanket]

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.

[christian719]

Yup,

i put it on my category description

Code:

http://saouniverse.forumjap.com/

[Sanket]

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

[christian719]

category and forum desc.

[Sanket]

This rotating image already appears now.

[christian719]

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

[Sanket]

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.

[christian719]

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

[Sanket]

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?

[christian719]

Yup

[Sanket]

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.

[christian719]

but how about the images?

[Sanket]

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.