Forum:Era/Eraicon help

I was wondering how to make Era icons, but I can't get it to work. I've heard that you need to add something to a MediaWiki page, however I don't know what. I plan on using the template for icons that indicate a locked page, featured page, and etc. Here's the Era, Eraicon, and MediaWiki:Common.js pages on my wiki: --iSodium (Talk) 19:59, July 14, 2011 (UTC)
 * Template:Era
 * Template:Eraicon
 * MediaWiki:Common.js


 * I assume these templates are to append an icon to any article tagged with them. Instead of reinventing the wheel, you might copy the relevant javascript/css code from a wiki you know supports them. Or give a link to such a wiki, so we can see what exactly you have in mind. — Sovq 20:36, July 14, 2011 (UTC)


 * I was thinking of doing what Wookieepedia is doing.
 * Wookieepedia - Eraicon
 * --iSodium (Talk) 20:53, July 14, 2011 (UTC)


 * I tried to make it work; first by using the wookiepedia code, then by using an icons code I used on another wiki, but I must be missing something - I guess it's too late here and I didn't have my coffee ;) I'll try again tomorrow, unless anyone else comes up with a solution. — Sovq 21:43, July 14, 2011 (UTC)

Ok, I know what the issue was. Wookiepedia and other wikis that were using icons, had a script that would append the icons to a div block with the id #firstHeading. I assume this was the bar with the "Read More" links and a "Last Edited by" menu. This block is gone now, so the wikis had to use workarounds. Most wikis use simple css workarounds to append the icons in the top-right corner, which can be done on the template level, without modifying .css and .js pages. So all you need to do is to modify Template:Era's div block styling to display its content in the top-right corner. — Sovq 08:54, July 15, 2011 (UTC)