| 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: |
| Advanced Award System v1.0; with tooltips | |
|---|---|
| Tweet Topic Started: Nov 7 2009, 01:20 PM (46,983 Views) | |
| Viral | Nov 7 2009, 01:20 PM Post #1 |
![]()
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:
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
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.
|
![]() |
|
| Replies: | |
|---|---|
| Viral | Jan 8 2010, 06:43 PM Post #46 |
![]()
Viral
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
It's in working condition now .
|
![]() |
|
| StormyWolf | Jan 11 2010, 04:24 AM Post #47 |
|
Member
![]() ![]() ![]()
|
Hm, the linebreak code isn't working... \n correct? |
![]() |
|
| Viral | Jan 11 2010, 01:39 PM Post #48 |
![]()
Viral
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Yeah, post your code .
|
![]() |
|
| StormyWolf | Jan 11 2010, 06:30 PM Post #49 |
|
Member
![]() ![]() ![]()
|
Code
|
![]() |
|
| Viral | Jan 11 2010, 07:19 PM Post #50 |
![]()
Viral
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Remove the comma after the last award: indo/DeathEaterBadge.png","Morgan Avery","04/12/09"], |
![]() |
|
| StormyWolf | Jan 12 2010, 03:56 AM Post #51 |
|
Member
![]() ![]() ![]()
|
Yeah...That had no affect. Oh, and neither did going in and adding \ before every ' (making them all \' ). Edited by StormyWolf, Jan 12 2010, 04:48 AM.
|
![]() |
|
| Stray77 | Jan 12 2010, 07:29 AM Post #52 |
![]()
Member
![]() ![]() ![]() ![]()
|
Hey Viral, just dropping by to say thanks for everything. And GREAT AWARD CODE! best one I have ever seen. I think Viral is a little to good at coding
|
![]() |
|
| Viral | Jan 12 2010, 12:11 PM Post #53 |
![]()
Viral
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Well the code is valid so it must be where you're placing it, or a conflicting code. Try putting it at the very bottom of the above copyright box, and if that doesn't work, the very top of the below the board box. |
![]() |
|
| StormyWolf | Jan 12 2010, 03:59 PM Post #54 |
|
Member
![]() ![]() ![]()
|
Tried both, still didn't work. I guess I'll just have to live without linebreaks. |
![]() |
|
| Viral | Jan 12 2010, 04:12 PM Post #55 |
![]()
Viral
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Wait, do the awards show up for you? If so, try using <br /> for a linebreak. |
![]() |
|
| StormyWolf | Jan 12 2010, 06:12 PM Post #56 |
|
Member
![]() ![]() ![]()
|
Yes, the awards show up just fine. I just couldn't get a page-break to appear in the description. *tries* There we go! Thanks so much! ![]() *line-break Edited by StormyWolf, Jan 12 2010, 06:24 PM.
|
![]() |
|
| Stray77 | Jan 12 2010, 09:05 PM Post #57 |
![]()
Member
![]() ![]() ![]() ![]()
|
Ok, it seems I just ran out of characters for any more awards... So Viral can you please give me the guide on how to add more by making some sort of file like you said. Thank You Viral |
![]() |
|
| Viral | Jan 13 2010, 08:54 AM Post #58 |
![]()
Viral
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Remove top and bottom lines of the code (the script tags). Then copy the remaining code and paste it in notepad and save it as something.js . Upload it to zetaboards or something then in your board templates add:
|
![]() |
|
| TGP | Jan 13 2010, 08:09 PM Post #59 |
|
Member
![]() ![]() ![]()
|
Hey Viral, could you PLEASE post the code for your example badge so I can check to make sure I'm doing it right and perhaps use it as a base? It's not showing up. |
![]() |
|
| Viral | Jan 13 2010, 08:17 PM Post #60 |
![]()
Viral
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Can you post your code? |
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| Go to Next Page | |
| « Previous Topic · ZetaBoards Codes & Modifications · Next Topic » |
| Track Topic · E-mail Topic |
4:30 AM Jul 11
|




![]](http://b1.ifrm.com/0/1/0/p601690/pipright.png)
.





4:30 AM Jul 11