Embed your Playercard

How to embed the instructables player cards onto websites to show off your stats!  This (I'm pretty sure) originates from the Instructables Top Trumps game

I am no coder, despite having a BSc in Computer science, not compared to my friend Ben!

So having plied him with wine the night before, I told him of my recent question on instructables about embedding my playercard on my website and how it might actually be a useful feature for other people as well...

You can just jump straight to the embeddable playercard script generator HERE

http://playercard.neobard.net

Step 1 Meet the code monkey!

Meet Mr Ben (Toasta), Technical director, keen plaster boarder (more about that in my forthcoming instructable) beer drinker and code monkey extraordinaire.

Feed him coff33...

Comments

[dombeef]

Wow nice job, though I like to make it my self...

dombeef

Date Joined:Jan 1, 3001

• Instructables500
• Total Views1,000,000
• Featured %110%
• SubscribersAll Members
• Topics200
• Comments50,000

_____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________

[tim_n]

blahblahblahblahblahblahblahblahblahblahblahblah
blahblahblahblahblahblahblahblahblahblahblahblahblah
blahblahblahblahblahblahblahblahblahblahblahblahblah
blahblahblahblahblahblahblahblahblahblahblahblahblah
blah

Can't see nuffin' cos your silly card covers it :)

[dombeef]

lol yeah,Anyways, good job! This should be featured!

[tim_n]

Thanks very much, I know Toasta (the guy who wrote this - Ben) will be pleased to see it featured!

[tim_n]

Similarly it could be good if Eric and the mods incorporate the code into the site. The code above isn't the most glorious code and has to take into account overriding stylesheets etc but I'm sure the guys n' girls can sort that out :)

[Lithium Rain]

What do you mean by incorporating the code into the site...a feature that gives people the code to copy and paste?

[tim_n]

Well, it would utilise the above code (so they'd have more control over how often it updates) and would generate the code which would embed the playercard on peoples sites.

[Lithium Rain]

I gotcha. I think that'd be a great idea - it would promote instructables on other sites (just remember to include a link to instructables somwhere on it!) and provide a feature members have _made themselves_, they want it so bad.

_{Unfortunately, I think hell will freeze over before it's an official feature. :(}

[Jayefuu]

Nice work, I was going to sit down and do the code for you soon, but you saved me the trouble!

Great instructions, it might be more featurable if you made the title image square so that as a thumbnail on the front page it showed the whole card ;)

[tim_n]

I'll sort out the thumbnail tonight Cheers Jayefuu

[tim_n]

Haven't been able to do that as yet - unfortunately my internet has been cut off at the exchange and they've not as yet fixed it - no photoshop at work :(

[NachoMahma]

. Nice