Hi All,<div><br></div><div>I redid the design.</div><div><br></div><div>Rewrote the entire html and css for the content. And tiny bits of js.</div><div><br></div><div>I am uploading it in a zip file right now so you can see it from your local system, because doing the same changes in the project aiki would take a lot of time.</div>
<div>Since i wrote the entire html, it does not contain the custom javascript. For example, just images for the 'social icons' .</div><div><br></div><div>There is only one html page in the zip file. "6 hexagons 6 diamonds - OpenClipArt.htm". The others are the supporting css and images.</div>
<div><br></div><div>Things that i was looking to achieve in this design</div><div><br></div><div>1) A single action menu, for all the actionable items.</div><div>2) Increase in the image size to 350x350, to effectively reduce the empty space.</div>
<div>3) sidelined the image details to the right in its own panel so that it does not strike out, but is still prominent enough if a user wants to take a peek.</div><div>4) Tried to make it look more symmetrical than what i had submitted earlier.</div>
<div><br></div><div>Some more thoughts</div><div>1) I was thinking, the additional information associated with a png download, can appear as a modal dialog, like the facebook message dialog, when the user clicks on the button.</div>
<div>2) A similar idea can also be extended for the collect button where the content for the user's lists can be downloaded via ajax and shown in the modal dialog itself instead of a complete page refresh. That way, the layout of the original page will remain intact when the user is trying to add a clipart to his collections and will also reduce latency due to page refresh.</div>
<div><br></div><div>I designed it in Firefox</div><div>It renders properly with IE7 and chrome as well, but without a few fancy effects like the rounded borders because i did not use any browser specific css for now.</div>
<div><br></div><div>Check it out and let me know if the design is ok. I believe this is much better than the previous one that I had done.</div><div><br></div><div>-- <br>Regards,<div>Ryan</div><br>
</div>