Jalokim Needed Here! Text Forum Rollover

[Cman]

I was on this page.

http://forumzland.7forum.net/forum.htm

I noticed how when you rolled your mouse over a forum, the word Forumzland appeared on the bottom right of the forum. How can I do this?

[MrMega]

That forum has a special CSS/JavaScript code. You'll have to ask a really good coder like Placehold or Jalokim

[Cman]

Okay, I was just wondering. Maybe Jalokim will come on the thread.

[Guest]

It's just a background image being displayed using the hover CSS property.

On that forum, the CSS used to display the image is:

Code:

li.row:hover {background:url(http://i82.servimg.com/u/f82/14/02/94/66/hoveim11.png);}

along with some other background positioning/color rules.

[Cman]

It's just a background image being displayed using the hover CSS property.

On that forum, the CSS used to display the image is:

Code:

li.row:hover {background:url(http://i82.servimg.com/u/f82/14/02/94/66/hoveim11.png);}

along with some other background positioning/color rules.

Where do I insert this CSS?

[ankillien]

Hi!

You can add this code to Admin CP > Display > Colors > CSS stylesheet.

[Cman]

So if I add this, it will show up ONLY on the forums, right?

Hey, I have never seen you before as a support moderator, welcome!

[ankillien]

Yes, show up on forum.

Thanks

[Cman]

I did that and nothing happens.

[ankillien]

Try this code instead...

Code:

li.row:hover {
background:url(IMAGE URL HERE) right bottom no-repeat;
}

I've tested and it works.

[Cman]

Nothing is still happening.

[ankillien]

Are you using phpBB3?
The above code is for BB3 version.

[Cman]

No I am using PHPBB2, my favorite.

[ankillien]

Sorry, I couldn't find a way to do it in BB2
Jalokim needed

[Cman]

It's okay...hopefully Jalokim will come on.

[Guest]

This might work for phpBB2:

Code:

.forumline .row1.over:hover {background:url('IMAGE URL HERE') right bottom no-repeat;}

And I repeat MIGHT. The problem is that phpBB2 is practically brain-dead when it comes to CSS. You're much better off using a board like phpBB3, IPB2, or even punBB -- one whose code was written in the 21st Century -- where a CSS rule for what you want is trivial.

[Cman]

It works, but the highlight color is orange. Can I change that? I had it to white.

[ankillien]

Oh yes! I just missed the 'over' class
Thank for making it possible Dion

To change highlight color, use this code...

Code:

.forumline .row1.over:hover {
background-color : COLOR-NAME;
}

[Cman]

Thanks.....you guys make me so happy. solved

[ankillien]

Since this thread appears to be solved, I will lock this thread and mark it as solved.

Glad we could help!