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:
Locked Topic
[ C ] Custom Awards Website
Topic Started: Jul 22 2011, 10:45 PM (289 Views)
Xanderhawk
Member
[ * ]
Board Address: http://s1.zetaboards.com/Alternia/index/
Board Software: zetaboards
Description: I would like a website coding that lists a table for Member awards.

I'm really horrible at doing coding, and the member that we have that is generally good at this is extremely busy. Its something similar to Quozzo's but not his XD

Basic info for it is table format would be best. First Block is Member's name. Second Block is the Badge Block. Badge Block needs to be able to do multiple images as we have 9 Badges. Third Block is Awards. Again this needs to be able to hold multiple images.

If it could do like Quozzo's and link to the member's Profile and Post blocks that would be awesome. Just not in the same box as the Avatar and site information. Separate boxes for Badges and Awards would be best. Kinda like how they have the ZNR Points block and Latest Design/Latest Blog Entry post Blocks in Quozzo's Post information on this site.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Admin CP Posted Image Board Customization Posted Image Website Maker Posted Image Create New Webpage

Page ID: awards
Page Name: Awards and Badges
Page Content: <table id="awards"></table>

Admin CP Posted Image Themes Posted Image Board Template Posted Image Below the Board
Code:
 
<script type="text/javascript">
$("td.c_user").each(function() {
$(this).find("dl:last").after("<dl id='badges'></dl><dl id='awards'></dl>");
});

function addAward(username, image, profileID) {
$("td.c_username:contains(" + username + ")").parent().next().find("dl#awards").append("<a href='" + main_url + "pages/awards'><img src='" + image + "' alt='' /></a>");

$("table#awards").append("<tr><td class='username'><a href='" + main_url + "profile/" + profileID + "'>" + username + "</a></td><td class='badges'></td><td class='awards'></td></tr>");

$("td.username:contains(" + username + ")").parent().find("td.awards").append("<img src='" + image + "' alt='' />");
}

function addBadge(username, image) {
$("td.c_username:contains(" + username + ")").parent().next().find("dl#badges").append("<a href='" + main_url + "pages/awards'><img src='" + image + "' alt='' /></a>");

$("td.username:contains(" + username + ")").parent().find("td.badges").append("<img src='" + image + "' alt='' />");
}

/* START EDITING */
addAward("USERNAME", "IMAGE_URL", "PROFILE_ID");
addAward("USERNAME", "IMAGE_URL", "PROFILE_ID");

addBadge("USERNAME", "IMAGE_URL");
addBadge("USERNAME", "IMAGE_URL");
/* END EDITING */

$("dl#badges:empty, dl#awards:empty").remove();
</script>
Only edit between the comment tags near the bottom, replace the fields as necessary, keep repeating the line for which option you would like to add (award or badge). You must always add the addAward line for every user that has a badge, if you don't want them to have an award simply leave the 'IMAGE_URL' field blank.
Offline Profile Goto Top
 
Xanderhawk
Member
[ * ]
Alright thanks~
Offline Profile Goto Top
 
Eccentric Feline
Member Avatar
梦想
[ *  *  *  *  *  *  *  * ]
Completed!

Your request has been completed. If you have any questions or concerns regarding the state of your request, please feel free to contact me via PM.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Closed Requests · Next Topic »
Locked Topic