Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Jessica Kimmet
Jessica Kimmet
2,772 Points

I am learning html and css and would like to post my Treehouse Badges to my new website. Any ideas how?

I found this site that tells how to do it in javascript http://reportcard.rileyh.com/instructions.html. Any suggestions for how to do this with html/css?

3 Answers

James Barnett
James Barnett
39,199 Points

The JavaScript part just grabs badges in realtime.

You can of course just get the images by hand and use just plain HTML & CSS. Once you learn about jQuery then you can make your page auto-update the badges you have.

Jessica Kimmet
Jessica Kimmet
2,772 Points

Ahhh, I see! Thanks for that clarification. I think I'll just grab them by hand as you suggested until I know jQuery!

Thank you!!!

Johan Delforge
Johan Delforge
13,317 Points
Johan Delforge
Johan Delforge
13,317 Points

Hi Jessica,

it actually tells you how to update your own html file, marking inside it the relations with external javascript & Css files to be used. You can download these files via the green button, & then add them to your tree. This means do you not need to edit any javascript.

Does it clears it out ? ...or am i missing your point ?

Cheerz, Johan

Jessica Kimmet
Jessica Kimmet
2,772 Points

I think this does help! I will play around with it and see what I can do. Thank you!

Dustin Matlock
Dustin Matlock
33,856 Points
Dustin Matlock
Dustin Matlock
33,856 Points

Hi Jessica, I'm thinking that has to be done using some JavaScript. There is also a Wordpress plugin, and another example here as well.

Jessica Kimmet
Jessica Kimmet
2,772 Points

Fabulous! I will play around with these and see what works best for me. Maybe I'm in over my head, but I hate not following through when I get an idea!

Thanks!