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,967 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:
Ithens
Member
[ * ]
Now Ya Talkin!
Thanks alot, Working,
Sorry for being such a Pain In The A-hole Nub....:P
Offline Profile Quote Post Goto Top
 
AnneFrank
Member
[ * ]
Recently Iupdated the medals..but it stopped working..
Code:
 

<script type="text/javascript">

//<![CDATA[
var t_award = {
name : "Medals",
thumbnail : [28,40],
closeFunction : "fade",
users : [
// Ranks
//Havyattacker 1646189
[1646189,"Gold Combat Medal","http://i.imgur.com/KqacH.png","Attained 126 Combat","4.14.2012"],
[1646189,"Gold Range Medal","http://i.imgur.com/OxGSS.png","Obtained 99 Range","4.14.2012"],
[1646189,"Silver Magic Medal","http://i.imgur.com/qwF6c.png","Obtained 95+ Magic","4.14.2012"],
[1646189,"Gold Dungeoneering Medal","http://i.imgur.com/OEMdu.png"," Obtained ALL Gravite Rapier/Longbow Sight or Shortbow/Staff and Arcane Blast Necklace","4.14.2012"],
[1646189,"Elite Warrer","http://i.imgur.com/rMXoo.png","Obtained 3 Golds,4 Sliver or 5 Bronze Medals","4.14.2012"]

//Evanator93 708049
[708049,"Silver Dungeoneering Medal","http://i.imgur.com/V5Ehj.png"," Any 2 from Gravite Rapier/Shortbow/Staff/Arcane Blast Necklace/Longbow Sight","4.15.12"],
[708049,"Bronze Magic Medal","http://i.imgur.com/fzBrv.png","Obtained 90+ Magic","4.15.12"],
[708049,"Gold Range Medal","http://i.imgur.com/OxGSS.png","Obtained 99 Range","4.15.12"]

//Anne 1634654

[1634654,"KFC Bucket","http://images2.wikia.nocookie.net/__cb20071002215756/halo/images/5/59/Perfection.gif","Loves eating KFC","4.13.12"]
//Retired Ranks

//Sir Dircula 532731
[532731,"Bronze Range Medal","http://i.imgur.com/GTC4G.png","Obtained 90+ Range","4.13.12"],
[532731,"Bronze Magic Medal","http://i.imgur.com/fzBrv.png","Obtained 90+ Magic","4.13.12"],
[532731,"Silver Combat Medal","http://i.imgur.com/Ylufw.png","Obtained 124+ Combat","4.13.12"],
[532731,"Gold Dedication Medal","http://i.imgur.com/A4GVQ.png"," 75% attendance for 7 months","4.13.12"],
[532731,"Gold Dungeoneering Medal","http://i.imgur.com/OEMdu.png"," Obtained ALL Gravite Rapier/Longbow Sight or Shortbow/Staff and Arcane Blast Necklace","4.13.12"]

//old School

//Renzo 519361
[519361,"Gold Combat Medal","http://i.imgur.com/KqacH.png","Obtained 126 Combat","4.13.12"],
[519361,"Gold Magic Medal","http://i.imgur.com/GQjPd.png","Obtained 99 Magic","4.13.12"],
[519361,"Gold Range Medal","http://i.imgur.com/OxGSS.png","Obtained 99 Range","4.13.12"],
[519361,"Elite Warrer","http://i.imgur.com/rMXoo.png","Obtained 3 Golds,4 Sliver or 5 Bronze Medals","4.13.12"]


//Snype Legend 519765
[519765,"Gold Combat Medal","http://i.imgur.com/KqacH.png","Obtained 126 Combat","13/04/2012"],
[519765,"Gold Ranged Medal","http://i.imgur.com/OxGSS.png","Obtained 99 Ranged","13/04/2012"],
[519765,"Gold Magic Medal","http://i.imgur.com/GQjPd.png","Obtained 99 Magic","13/04/2012"],
[519765,"Gold Dungeoneering Medal","http://i.imgur.com/OEMdu.png","Has all Gravite Rapier/Longbow Sight or Shortbow/Staff and Arcane Blast Necklace","13/04/2012"]

//Elite Member

//Shawn 1044268

[1044268,"Silver Magic Medal","http://i.imgur.com/qwF6c.png","Obtained 95+ Magic","4.14.12"],
[1044268,"Silver Combat Medal","http://i.imgur.com/Ylufw.png","Obtained 124+ Combat","4.14.12"],
[1044268,"Silver Dungeoneering Medal","http://i.imgur.com/V5Ehj.png"," Any 2 from Gravite Rapier/Shortbow/Staff/Arcane Blast Necklace/Longbow Sight","4.14.12"],
[1044268,"Bronze Range Medal","http://i.imgur.com/GTC4G.png","Obtained 90+ Range","4.14.12"]


//Member
//New Moon
[1615218,"Silver Combat Medal","http://i.imgur.com/Ylufw.png","Obtained 124+ Combat","4.12.12"],
[1615218,"Silver Range Medal","http://i.imgur.com/BH8L2.png","Obtained 95+ Range","4.12.12"],
[1615218,"Silver Magic Medal","http://i.imgur.com/qwF6c.png","Obtained 95+ Magic","4.12.12"],
[1615218,"Silver Dungeoneering Medal","http://i.imgur.com/V5Ehj.png"," Any 2 from Gravite Rapier/Shortbow/Staff/Arcane Blast Necklace/Longbow Sight","4.12.12"],
1615218,"Elite Warrer","http://i.imgur.com/rMXoo.png","Obtained 3 Golds,4 Sliver or 5 Bronze Medals","4.12.12"]

//Ofens 1619862
[1619862,"Bronze Range Medal","http://i.imgur.com/GTC4G.png","Obtained 90+ Range","4.13.12"],
[1619862,"Bronze Magic Medal","http://i.imgur.com/fzBrv.png","Obtained 90+ Magic","4.13.12"],
[1619862,"Silver Combat Medal","http://i.imgur.com/Ylufw.png","Obtained 124+ Combat","4.13.12"],
[1619862,"Gold Dungeoneering Medal","http://i.imgur.com/OEMdu.png"," Obtained ALL Gravite Rapier/Longbow Sight or Shortbow/Staff and Arcane Blast Necklace","4.13.12"]

]
}
//]]>
</script>

<script type="text/javascript" src="http://z3.ifrm.com/142/141/0/p239659/tooltipawards.js"></script>

http://s1.zetaboards.com/True_Ownage/index/
Edited by AnneFrank, Apr 16 2012, 05:28 AM.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
<script type="text/javascript">
//<![CDATA[
var t_award = {
name : "Medals",
thumbnail : [28,40],
closeFunction : "fade",
users : [
// Ranks
//Havyattacker 1646189
[1646189,"Gold Combat Medal","http://i.imgur.com/KqacH.png","Attained 126 Combat","4.14.2012"],
[1646189,"Gold Range Medal","http://i.imgur.com/OxGSS.png","Obtained 99 Range","4.14.2012"],
[1646189,"Silver Magic Medal","http://i.imgur.com/qwF6c.png","Obtained 95+ Magic","4.14.2012"],
[1646189,"Gold Dungeoneering Medal","http://i.imgur.com/OEMdu.png"," Obtained ALL Gravite Rapier/Longbow Sight or Shortbow/Staff and Arcane Blast Necklace","4.14.2012"],
[1646189,"Elite Warrer","http://i.imgur.com/rMXoo.png","Obtained 3 Golds,4 Sliver or 5 Bronze Medals","4.14.2012"],

//Evanator93 708049
[708049,"Silver Dungeoneering Medal","http://i.imgur.com/V5Ehj.png"," Any 2 from Gravite Rapier/Shortbow/Staff/Arcane Blast Necklace/Longbow Sight","4.15.12"],
[708049,"Bronze Magic Medal","http://i.imgur.com/fzBrv.png","Obtained 90+ Magic","4.15.12"],
[708049,"Gold Range Medal","http://i.imgur.com/OxGSS.png","Obtained 99 Range","4.15.12"],

//Anne 1634654

[1634654,"KFC Bucket","http://images2.wikia.nocookie.net/__cb20071002215756/halo/images/5/59/Perfection.gif","Loves eating KFC","4.13.12"],
//Retired Ranks

//Sir Dircula 532731
[532731,"Bronze Range Medal","http://i.imgur.com/GTC4G.png","Obtained 90+ Range","4.13.12"],
[532731,"Bronze Magic Medal","http://i.imgur.com/fzBrv.png","Obtained 90+ Magic","4.13.12"],
[532731,"Silver Combat Medal","http://i.imgur.com/Ylufw.png","Obtained 124+ Combat","4.13.12"],
[532731,"Gold Dedication Medal","http://i.imgur.com/A4GVQ.png"," 75% attendance for 7 months","4.13.12"],
[532731,"Gold Dungeoneering Medal","http://i.imgur.com/OEMdu.png"," Obtained ALL Gravite Rapier/Longbow Sight or Shortbow/Staff and Arcane Blast Necklace","4.13.12"],

//old School

//Renzo 519361
[519361,"Gold Combat Medal","http://i.imgur.com/KqacH.png","Obtained 126 Combat","4.13.12"],
[519361,"Gold Magic Medal","http://i.imgur.com/GQjPd.png","Obtained 99 Magic","4.13.12"],
[519361,"Gold Range Medal","http://i.imgur.com/OxGSS.png","Obtained 99 Range","4.13.12"],
[519361,"Elite Warrer","http://i.imgur.com/rMXoo.png","Obtained 3 Golds,4 Sliver or 5 Bronze Medals","4.13.12"],


//Snype Legend 519765
[519765,"Gold Combat Medal","http://i.imgur.com/KqacH.png","Obtained 126 Combat","13/04/2012"],
[519765,"Gold Ranged Medal","http://i.imgur.com/OxGSS.png","Obtained 99 Ranged","13/04/2012"],
[519765,"Gold Magic Medal","http://i.imgur.com/GQjPd.png","Obtained 99 Magic","13/04/2012"],
[519765,"Gold Dungeoneering Medal","http://i.imgur.com/OEMdu.png","Has all Gravite Rapier/Longbow Sight or Shortbow/Staff and Arcane Blast Necklace","13/04/2012"],

//Elite Member

//Shawn 1044268

[1044268,"Silver Magic Medal","http://i.imgur.com/qwF6c.png","Obtained 95+ Magic","4.14.12"],
[1044268,"Silver Combat Medal","http://i.imgur.com/Ylufw.png","Obtained 124+ Combat","4.14.12"],
[1044268,"Silver Dungeoneering Medal","http://i.imgur.com/V5Ehj.png"," Any 2 from Gravite Rapier/Shortbow/Staff/Arcane Blast Necklace/Longbow Sight","4.14.12"],
[1044268,"Bronze Range Medal","http://i.imgur.com/GTC4G.png","Obtained 90+ Range","4.14.12"],


//Member
//New Moon
[1615218,"Silver Combat Medal","http://i.imgur.com/Ylufw.png","Obtained 124+ Combat","4.12.12"],
[1615218,"Silver Range Medal","http://i.imgur.com/BH8L2.png","Obtained 95+ Range","4.12.12"],
[1615218,"Silver Magic Medal","http://i.imgur.com/qwF6c.png","Obtained 95+ Magic","4.12.12"],
[1615218,"Silver Dungeoneering Medal","http://i.imgur.com/V5Ehj.png"," Any 2 from Gravite Rapier/Shortbow/Staff/Arcane Blast Necklace/Longbow Sight","4.12.12"],
[1615218,"Elite Warrer","http://i.imgur.com/rMXoo.png","Obtained 3 Golds,4 Sliver or 5 Bronze Medals","4.12.12"],

//Ofens 1619862
[1619862,"Bronze Range Medal","http://i.imgur.com/GTC4G.png","Obtained 90+ Range","4.13.12"],
[1619862,"Bronze Magic Medal","http://i.imgur.com/fzBrv.png","Obtained 90+ Magic","4.13.12"],
[1619862,"Silver Combat Medal","http://i.imgur.com/Ylufw.png","Obtained 124+ Combat","4.13.12"],
[1619862,"Gold Dungeoneering Medal","http://i.imgur.com/OEMdu.png"," Obtained ALL Gravite Rapier/Longbow Sight or Shortbow/Staff and Arcane Blast Necklace","4.13.12"]

]
}
//]]>
</script>

<script type="text/javascript" src="http://z3.ifrm.com/142/141/0/p239659/tooltipawards.js"></script>
Try that instead, you need a comma after every line except the last, and you forgot a starting bracket.
Offline Profile Quote Post Goto Top
 
AnneFrank
Member
[ * ]
thanks cory
Offline Profile Quote Post Goto Top
 
ApexPalace
Member Avatar
I'm a newb.
[ *  * ]
I have question/picture. How do I make the bar below orange? :D
Posted Image
Total Drama Forums
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Find the hr strip in your CSS and change the hex codes to #E77700 to make the thin line orange.

Add , div[id*="tooltip"] th after the following line to make the blue title bar orange.
Code:
 
h2.special, div.category h2
Offline Profile Quote Post Goto Top
 
ApexPalace
Member Avatar
I'm a newb.
[ *  * ]
Thanks Cory! :D
Offline Profile Quote Post Goto Top
 
ApexPalace
Member Avatar
I'm a newb.
[ *  * ]
I can't get it to work:

My forum is: http://w11.zetaboards.com/Total_Drama_Forums/index/
Edited by ApexPalace, Apr 23 2012, 08:17 PM.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
You need a comma after every line except the last:
Code:
 
<script type="text/javascript">
//<![CDATA[
var t_award = {
name : "Awards",
thumbnail : [20,20],
closeFunction : "fade",
users : [
[3223462,"Designer/Programmer","http://postimage.org/image/4hv9r14z3/","000","4/23/2023"],
[3222371,"TDF Creator","http://postimage.org/image/wgpfhw6lr/","000","4/03/2012"],
[3222371,"Administrator","http://postimage.org/image/6ewl9cl0v/","000","4/23/2012"],
[3223376,"Queen","http://postimage.org/image/euhkd3yi7/","000","4/23/2012"],
[3223376,"Moderator","http://postimage.org/image/46dte9oj3/","000","4/23/2012"],
[3230471,"Smexy","3230471","000","4/23/2012"]
]
}
//]]>
</script>
<script type="text/javascript" src="http://z3.ifrm.com/142/141/0/p239659/tooltipawards.js"></script>
Offline Profile Quote Post Goto Top
 
ApexPalace
Member Avatar
I'm a newb.
[ *  * ]
Right. Thank you.
Offline Profile Quote Post Goto Top
 
Cheesy Kaastengel
Member
[ * ]
Can I get a help with this? So the the js is working when I put it in the below the board box, but it's too much so I upload it using the upload manager to this :
http://z4.ifrm.com/30100/30/0/f5256305/AHbadge.js

But somehow I can't make it works

ETA : Oh no, nvm, found out that i shouldn't use the <script> anymore

I edit that but it still won't work, why?

http://z4.ifrm.com/30100/30/0/f5256309/AHBadgesNew.js
Edited by Cheesy Kaastengel, Apr 26 2012, 12:13 PM.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
"Head Girl
You forgot a quotation mark after both of those text selections.
Offline Profile Quote Post Goto Top
 
Cheesy Kaastengel
Member
[ * ]
nvm orz; I guess I need to wait a bit before refreshing the page. Thank you so much :)
Edited by Cheesy Kaastengel, Apr 27 2012, 04:14 AM.
Offline Profile Quote Post Goto Top
 
Ferby
Member Avatar
Developer
[ *  *  *  *  * ]
This should be added to the AiO tbh, the codes brilliant but it takes up way to much room on my forum. If it was in the AiO it wouldnt and plus it'll be easier to use
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
You can host the first portion externally, just like the second portion is hosted.
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