Hot on the heels of the first Technorati Rank Plugin, I’ve redesigned the output content to make it CSS driven (below is a screenshot, you can interact with the one in my site’s sidebar):
This one was quite a bit more challenging to produce but the output is much nicer. First, I utilized what I’ve been learning on Bittbox to make each of the output buttons on the image in Illustrator.
The next step was utilizing styles to actually build someone of an image map except that there’s actually no map! It’s pretty cool, actually. You can set the overall div background and then create each of the ‘hotspots’ utilizing absolute positioning and CSS. View the output CSS.
I also added a link to Technorati’s new WTF page and the site’s RSS address. I hope you like it! I think it’s a vast improvement from the first version! There’s an i link in the bottom right that promotes the plugin as well.