We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Advanced Award System v1.0; with tooltips
Topic Started: Nov 7 2009, 01:20 PM (46,973 Views)
Viral
Member Avatar
Viral
[ *  *  *  *  *  * ]
What it Does: Adds awards to user's mini profiles (only in posts at the moment). When hovering over these awards, it will show a description of it and the date received in a tooltip.

I have tested this to work in the following browsers:
  • Google Chrome 2.0.172.43
  • Firefox 3.5.2
  • Internet Explorer 8.0.6001.18783 (lol)
  • Opera 9.26
  • Opera10.0
  • Safari 4.0


It works 100% in all of those browsers. Hopefully it works just as well in others, but I don't have them ready to test.

Preview: http://s1.zetaboards.com/zbAIO2/topic/2231766/1/

The Code:

Add the following Below The Board
Code:
 
<script type="text/javascript">
//<![CDATA[
var t_award = {
name : "Awards",
thumbnail : [20,20],
closeFunction : "fade",
users : [
[user id,"award name","award image","award description","award date"],
[user id,"award name","award image","award description","award date"],
[user id,"award name","award image","award description","award date"],
[user id,"award name","award image","award description","award date"]
]
}
//]]>
</script>
<script type="text/javascript" src="http://z3.ifrm.com/142/141/0/p239659/tooltipawards.js"></script>


That's the base of the script, but it needs to be edited when adding awards and such.

name : "Awards", - You can change "Awards" to whatever you want to call it, be it achievements, or whatever. Just make sure you wrap it with speech marks " and have a comma after the last speech mark.

thumbnail : [20,20], - These are the dimensions of the thumbnail versions of the award images. Change the first 20 to the width, and the second 20 the height.

closeFunction : "remove", - This is the animation used when you move your mouse out of the image (when hiding the information box). You can set this to either: "remove" (no animation) or "fade" (fades out) or "slide" (slides upwards). Once again, it must be wrapped with speech marks, and there must be a comma after the last speech mark.

Each award is set out like:
[user id,"award name","award image","award description","award date"],

You can add as many as you want after each other, which will automatically award someone. If you remove the award from the script, it will be removed from all of their posts as well. Note how each part is wrapped with speech marks besides the user id. User ID is the number you see in the URL when viewing their profile. For example, my account here has a user id of 230248. After each award, their should be a comma (after the closing square bracket ]). However, you do not put a comma at the end of the last award. Think of it as a list, use commas after each one, but not the last.

When filling out the information, put a backslash in front of all apostrophes and speech marks (besides the ones wrapping it). So, ' changes to \' and " changes to \". Last but not least, you cannot use line breaks (hitting the enter/ return key). If you need a line break, use \n instead, and that will be replaced by a real line break on the forum.

I realise that's a lot to take in, so if anything goes wrong, just post here :) .
Edited by slayer766, Nov 22 2009, 12:01 PM.
Offline Profile Quote Post Goto Top
 
Replies:
Roughdawg4-ZNR
Member
[ * ]
First I want to thank you for your code, freaking sweet and it is running great. I just have one question, is there a way I can also get the awards to show up on someone's profile?

When they post, it shows the awards on the left hand side but if you click their username to go to their profile, it does not show up
Offline Profile Quote Post Goto Top
 
Viral
Member Avatar
Viral
[ *  *  *  *  *  * ]
Hmm, if you use the AiO, this will soon be a premium addition :) .
Offline Profile Quote Post Goto Top
 
unlikely
Member Avatar
Squeeze Me for Epic Sauce!
[ * ]
Xero
Jan 23 2011, 11:11 PM
unlikely
Jan 23 2011, 10:54 PM
Didn't work. :/ Thanks for trying tho. Any other ideas? X3
Put the code I gave you at the very bottom of the Below the board text box.

The thing is, Viral's code comes in 2 parts. The first part is the one you edit a bunch. The second part is a small code but it's linked to the bulk of the script. You placed the code after the first part but before the second part. It needs to be after both. :)
Oh! I didnt realize! Thank you very much :D It worked
Offline Profile Quote Post Goto Top
 
Roughdawg4-ZNR
Member
[ * ]
Was that AIO response to me?
Offline Profile Quote Post Goto Top
 
Viral
Member Avatar
Viral
[ *  *  *  *  *  * ]
Yes.
Offline Profile Quote Post Goto Top
 
SamJJE101
Member Avatar
Member
[ * ]
Just wondering if there is any way to set it so that there is no thumbnail? I don't mean remove the image, but make it so that it doesn't stretch/skew? I just want the original image to be displayed.
Offline Profile Quote Post Goto Top
 
CaptDennyCrane
Member Avatar
Member
[ * ]
Was there ever any way to resolve being able to give awards via User name rather than User ID?

it would make giving awards so much easier, as im more familiar with their names than I am with their ID's
Edited by CaptDennyCrane, Mar 8 2011, 04:52 PM.
Offline Profile Quote Post Goto Top
 
Pokey121
Member
[ * ]
can someone tell me where to put it because i am really confused on that part
Offline Profile Quote Post Goto Top
 
blueskadoo
Member
[ * ]
thanks i really love this! i works really nicely!
Offline Profile Quote Post Goto Top
 
CaptDennyCrane
Member Avatar
Member
[ * ]
Pokey121
Mar 8 2011, 08:57 AM
can someone tell me where to put it because i am really confused on that part
It goes in the BELOW THE BOARD location in the BOARD TEMPLATES section of your ADMIN CP
Offline Profile Quote Post Goto Top
 
Pokey121
Member
[ * ]
CaptDennyCrane
Mar 8 2011, 04:40 PM
Pokey121
Mar 8 2011, 08:57 AM
can someone tell me where to put it because i am really confused on that part
It goes in the BELOW THE BOARD location in the BOARD TEMPLATES section of your ADMIN CP
ok i did that
but then how do i give awards i tried to do it but dont get it
Offline Profile Quote Post Goto Top
 
OraclePT
Member Avatar
Member
[ *  * ]
Have a go and post what you got here so we can see if you're right or not.
Offline Profile Quote Post Goto Top
 
Pokey121
Member
[ * ]
so i put it in admn cp ,Board template ,under the board
then when i tried it out the awards did not show up
i put everything ecept a pic
do i need a pic?
Offline Profile Quote Post Goto Top
 
OraclePT
Member Avatar
Member
[ *  * ]
Please post the code that is in your Board Template here.
Offline Profile Quote Post Goto Top
 
Pokey121
Member
[ * ]
script type="text/javascript">
//<![CDATA[
var t_award = {
name : "Awards",
thumbnail : [20,20],
closeFunction : "fade",
users : [

[3871023,"test","award image","test","3\11\111"],
[user id,"award name","award image","award description","award date"],
[user id,"award name","award image","award description","award date"]
]
}
//]]>

this is whaat it says
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · ZetaBoards Codes & Modifications · Next Topic »
Add Reply