Hover for Awards

[hoegy]

Hello, i'm kinda new on this forum.

I've recently added an award sytem to my forum after following the tutorial you guys made for it.

Everything is working fine now, but i've got one question.

Is it possilbe to add a hover over the award images.

I can't figure it out so i would like some help with this pls.

Regards.

[Rhino.Freak]

As far as I know, its only possible by making all different Awards a different profile field (Images type), and put the 'separater' as none instead of line..

Then you can add Awards as image and an alternative text which shows up on hover ^^

[hoegy]

Thanks for the quick response.

I've tried to do so. But now it's displaying the text next to the image, but not in the hover.

[J0k3R^]

how did u manage to put as many awards as u want ?? i can only put one..
(and sorry for some out-of-topic..)

[hoegy]

I've used this Tutorial.

https://help.forumotion.com/t68403-award-system
 
I made different Profile fields, like Rhino said.

[J0k3R^]

good, thanks,..
but i have to put them on each member one by one? i want for example all the users with 50+ posts get automatically an award. is this possible or not?

[Rhino.Freak]

Hi joker, its really not possible, its a manual job
Im pretty sure that only image is shown, text is shown only after hover, can you show me a screenshot?
edit: you have to add the text in "description", and display should be "icon" only..

[Pizza Boi]

Hi

You can probably declare an ID name, and then add in a Javascript ticked in the topics. I just started in Javascript so it should look something like:

Code:

function myFunction()
{
x = document.getElementById("Element Name:hover");
x.style.backgroundColor = "#Color";       
}


You have to add each reward manually for hover and that's where the work comes in :s.

Regards,
Pizza Boi

[hoegy]

Phino, I got my settings like this now, but it's still not showing the hover to me.



I've also tried to change the type to image, but didn't work neither...

[Pizza Boi]

Hi

Can you please link us to a topic where the person has at least an or more award(s)?

Let me see if I can patch something up.

Regards,
Pizza Boi

[Rhino.Freak]

I demand a screenshot

[hoegy]

Well, i'm wasn't able to make a print screen with cursor, cause it hides it appearentely. But i can ensure you when i put my cursor on the image, nothing happens, it doesn't do anything, it just stays the arrow and it doesn't show any discription. 

[Pizza Boi]

Hi

Can you please at least link us to your forum so we can see if we can coin something up ?

Regards,
Pizza Boi

[hoegy]

Hi,

Oooh, off course!

http://www.dzp-clan.com/

Regards

[SLGray]

Could you please post the code that you used to add the awards (images)?

[Pizza Boi]

Hi

Well... without a declaration for the name, I managed to coin something like:

Code:

function labelImage()
{
x = document.getElementById("label+image:hover");
x.style.backgroundImage:url = "IMG LINK";
x.style.padding ="#px";     
}

My head gives up... ._."... you should tick that in the topics. Hopefully someone else can answer if it doesn't work (facepalm) .

Regards,
Pizza Boi