Awards System With Hover Over
Page 1 of 1
Awards System With Hover Over
Profile Awards With Hover Over Names |
Dear members, We are often asked how you can add an item to your profiles and add a name to the items when you hover over them. I have made an awards system using this. Great news is We now have a code that is easy to use and understand With thanks to @Walt From the French support forum. This comes in 3 easy steps. Step 1 Create a new profile filed. ACP >> Users & Groups Tab >> Users >> Profiles >> Settings: Type : Text Zone. Name : Profile Rewards (Or what ever your like) Description : (what ever your like) Display : Profile Messages Display type : (what ever your like) Who can modify the profile field value ? Moderators Display this field for users that are at least : (what ever your like) Separator : (what ever your like) Default content * :
Now save. Step 2 Create a JavaScript ACP >> Modules Tab >> HTML & JAVASCRIPT >> Javascript codes management >> Settings: Title * : Profile Awards. Placement : Topic's Code:
Save. The only way to give a title to each item is to find it with the URL of the image. That's why we have to list in the variable all_items_images all the images available in this profile zone. I already put in this variable all the items that were in your profile, but if there are others, you will have to add it. In order to give a title to each item, we have the variable all_items_legend, and each line is the legend of the equivalent image in the all_items_images variable. For example : So if you add images, you will add the legends in the same order... I hope I'm clear ahah Step 3 Adding your Awards to your members profile's: Go to your members profile you want to add a Award to and add one of the following codes found in the list below. Adding your Awards : I have made 6 for you but you can make your own if you wish.
Say you want to add the first one and the last one just do the following
You will have to add the code where you see this part of the code. No Awards Yet the code should look something like this
Note: You will have to add this (Manually) to each member (sadly This system does not have a auto fill setting) Then Save. And this is the result : I hope you like this little cool setting. If you have any problems Please feel free to make a thread in the main forum linking me to this thread and tagging me. |
This tutorial was written by APE. Code Written By @Walt From The French Forum With Thanks. |
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
trajce likes this post
Similar topics
» Profile Awards With Hover Over Names
» The new AWARDS system is coming on your forum
» i need the same user avatar hover system use in this site
» Hover/Un-Hover Code
» Awards help
» The new AWARDS system is coming on your forum
» i need the same user avatar hover system use in this site
» Hover/Un-Hover Code
» Awards help
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum