Chat World
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Latest topics
» What are you going to do this weekend?
Profile Awards With Hover Over Names Empty16/11/24, 04:48 pm by JENNY

» How has your week been?
Profile Awards With Hover Over Names Empty16/11/24, 04:46 pm by JENNY

» How are you feeling today?
Profile Awards With Hover Over Names Empty16/11/24, 04:45 pm by JENNY

» What was the last thing you did before coming online?
Profile Awards With Hover Over Names Empty16/11/24, 04:45 pm by JENNY

» Morning/afternoon/night
Profile Awards With Hover Over Names Empty16/11/24, 04:43 pm by JENNY

» What is the weather like where you live?
Profile Awards With Hover Over Names Empty16/11/24, 01:30 pm by APE

» The Substance 2024
Profile Awards With Hover Over Names Empty15/11/24, 05:08 pm by APE

» Hello
Profile Awards With Hover Over Names Empty10/11/24, 06:21 pm by JENNY

» What movie are you watching ?
Profile Awards With Hover Over Names Empty08/11/24, 11:33 pm by APE

Most recent members

See more

Who’s online ?
Guests : 0
Registered : 0
Users Online :
Refresh View All
Our latest publications

Profile Awards With Hover Over Names

Go down

Administrator

Theme Profile Awards With Hover Over Names

Post by APE 18/09/23, 01:05 am

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.

  Available for all version's:
 Icon  version Tested 
Profile Awards With Hover Over Names Phpbb210PHPBB2Profile Awards With Hover Over Names Yes10
Profile Awards With Hover Over Names Phpbb310PHPBB3Profile Awards With Hover Over Names Yes10
Profile Awards With Hover Over Names Punbb10PunBBProfile Awards With Hover Over Names Yes10
Profile Awards With Hover Over Names Invisi11InvisionProfile Awards With Hover Over Names Yes10
Profile Awards With Hover Over Names Modern10ModernBBProfile Awards With Hover Over Names Yes10
Profile Awards With Hover Over Names 15210AwesomeBBProfile Awards With Hover Over Names Yes10

This comes in 3 easy steps.



Profile Awards With Hover Over Names N112Create 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 * :
Code:
[center][table][tr][td class="scrollable-zone"]No Awards Yet[/td][/tr][/table][/center]
Max length : 15000


Now save.







Profile Awards With Hover Over Names N213Create a JavaScript


ACP >>   Modules Tab >>   HTML & JAVASCRIPT >> Javascript codes management >>

 Settings:

Title * : Profile Awards.
Placement : Topic's
Code:
For PHBB3  ModernBB & Invision  Forums:
For PHPBB2 Forums:
For PunBB Forums:
For AwesomeBB Forums:

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 :

Profile Awards With Hover Over Names CBGrrqL

So if you add images, you will add the legends in the same order... I hope I'm clear ahah


Profile Awards With Hover Over Names N312Adding 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.
See Awards:
  Adding more than one:
Say you want to add the first one and the last one just do the following

Code:
[img]https://i62.servimg.com/u/f62/12/23/10/57/blue11.png[/img][img]https://i62.servimg.com/u/f62/12/23/10/57/red10.png[/img]

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
Code:
[center][table][tr][td class="scrollable-zone"][img]https://i62.servimg.com/u/f62/12/23/10/57/blue11.png[/img][img]https://i62.servimg.com/u/f62/12/23/10/57/red10.png[/img][/td][/tr][/table][/center]

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 :
Profile Awards With Hover Over Names Ezgif_17
  Style with CSS:
Spoiler:

This should work in all forums unless you have made a lot of change to your Templates.
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.




A chat World Official Tutorial
This tutorial was written by Ape
Code Written By @Walt From The French Forum With Thanks.
APE
APE
Administrator
Administrator

Mozilla FireFox ®
Gender Male
Posts 4055
Likes Likes : 776
What you talking about?
When you have all the Groups on the site
Introduced Yourself
When you Introduce Yourself on the main forum
You now have 50 Friends
You now have 50 Friends
Forum lover.
for them members who love to post on our forum
Gift Giver
When you give a gift to a member from the Store
Big Spender
You get this as you have spent lots of credits in our store
Forum Pet Owner
You get this award if you own a pet on your profile
Credit store spender
You get this if you buy a item from the store.
The Team Members
If you are staff you will have this icon
Idea's Team
When you come up with Idea's for the forum
Promotion's Members
You are a Promotion's Members
Graphic Designer
You get this award when you are a Graphic Designer
Bug Buster
You helped us fix a bug
10th Year
Member for 10 years
Forum Gamer
for members who play the forum games.
Technician
Technician
You have gave 300+ likes
You get this award as you have gave 300+ likes
Bday 1
been mentioned in a birthday comment !!
You have 3500+ Posts
You have 3500+ Posts
Tutorial contribution member
Tutorial contribution member
Christmas Award
You get this award if you buy any Christmas item from the store
Theme maker
You have made a theme in the theme forum.
You got 350+ liked posts
You get this when you get 350+ liked posts
Pet lover
You get this if you have paid for 6 pets or more and named your pets
Free guy fawkes icon
Guy fawkesfree icon.

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum
© 2022 - 2024, achatworld.co.uk,
Theme and Images by Ape & Jenny,
Banners by skouliki
Codes by Ape Jenny and tikky.