Picture of Embed your Playercard
Picture 10.png
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


Step 1: Meet the code monkey!

Picture of 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...
dombeef4 years ago
Wow nice job, though I like to make it my self...
Date Joined:Jan 1, 3001
  • Instructables500
  • Total Views1,000,000
  • Featured %110%
  • SubscribersAll Members
  • Topics200
  • Comments50,000

_____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________ _____________________________________
tim_n (author)  dombeef4 years ago

Can't see nuffin' cos your silly card covers it :)
dombeef tim_n4 years ago
lol yeah,Anyways, good job! This should be featured!
tim_n (author)  dombeef4 years ago
Thanks very much, I know Toasta (the guy who wrote this - Ben) will be pleased to see it featured!
tim_n (author)  tim_n4 years ago
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 :)
What do you mean by incorporating the code into the site...a feature that gives people the code to copy and paste?
tim_n (author)  Lithium Rain4 years ago
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.
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. :(
Jayefuu4 years ago
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 (author)  Jayefuu4 years ago
I'll sort out the thumbnail tonight Cheers Jayefuu
tim_n (author)  tim_n4 years ago
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 :(
NachoMahma4 years ago
. Nice