View source for Talk:Share apps

== Image quality ==

Would it be possible to embed the html from the ranking lists (non-dynamic) into this page, rather than just using a screenshot (which doesn't look great)? —[[User:generalantilles|GeneralAntilles]] 12:14, 19 June 2008 (UTC)

You'd need to include the relevant CSS from maemo.org - the raw HTML will look horrible (here it is for the stars, for reference)

<pre>
<div id="bestrated">
<h2><a href="/downloads/bestrated/OS2008/25">Stars</a></h2>
<ul class="bestrated-applications"><li><div class="screenshot-thumbnail">

<img src="http://maemo.org/midcom-serveattachmentguid-28f88e5ac31811dcbef6cf8f36daa89da89d/thumbnail_screenshot03.jpg" onclick="screenshotdetails('28f88e5ac31811dcbef6cf8f36daa89da89d','http://maemo.org/midcom-serveattachmentguid-247600ecc31811dcbef6cf8f36daa89da89d/original_screenshot03.jpg');" alt="Click on the screenshot to see a larger one!" width="40">
</div>
<div class="application-data">
<a href="http://maemo.org/downloads/product/OS2008/sdlquake/">SDL Quake</a><br>
<div class="rating">
<img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*">     7 votes    </div>

</div>
</li>

<div id="screenshotfull28f88e5ac31811dcbef6cf8f36daa89da89d" class="screenshotfull"></div>
<li><div class="screenshot-thumbnail">
<img src="http://maemo.org/midcom-serveattachmentguid-4df9ac1430d911ddbd94cb7cced7cacecace/thumbnail_zapys-livejournal" onclick="screenshotdetails('4df9ac1430d911ddbd94cb7cced7cacecace','http://maemo.org/midcom-serveattachmentguid-38617d7830d911ddbd94cb7cced7cacecace/original_zapys-livejournal');" alt="Click on the screenshot to see a larger one!" width="40">
</div>
<div class="application-data">
<a href="http://maemo.org/downloads/product/OS2008/zapys/">Zapys - Livejournal client</a><br>
<div class="rating">
<img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*">     5 votes    </div>

</div>
</li>


<div id="screenshotfull4df9ac1430d911ddbd94cb7cced7cacecace" class="screenshotfull"></div>
<li><div class="screenshot-thumbnail">
<img src="http://maemo.org/midcom-serveattachmentguid-87f414040e2911dda28f61d0f93a6f2e6f2e/thumbnail_evince.png" onclick="screenshotdetails('87f414040e2911dda28f61d0f93a6f2e6f2e','http://maemo.org/midcom-serveattachmentguid-8060bd640e2911dda28f61d0f93a6f2e6f2e/original_evince.png');" alt="Click on the screenshot to see a larger one!" width="40">
</div>
<div class="application-data">
<a href="http://maemo.org/downloads/product/OS2008/evince/">Evince Document Viewer</a><br>
<div class="rating">
<img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/partial_star_75.gif" alt="*">     13 votes    </div>

</div>
</li>


<div id="screenshotfull87f414040e2911dda28f61d0f93a6f2e6f2e" class="screenshotfull"></div>
<li><div class="screenshot-thumbnail">
<img src="http://maemo.org/midcom-serveattachmentguid-57a1c594d83711dcad88936c31e951c651c6/thumbnail_ukeyboard.png" onclick="screenshotdetails('57a1c594d83711dcad88936c31e951c651c6','http://maemo.org/midcom-serveattachmentguid-49a2f0b2d83711dcad88936c31e951c651c6/original_ukeyboard.png');" alt="Click on the screenshot to see a larger one!" width="40">
</div>
<div class="application-data">
<a href="http://maemo.org/downloads/product/OS2008/ukeyboard/">Additional keyboard layouts</a><br>
<div class="rating">
<img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/partial_star_75.gif" alt="*">     10 votes    </div>
</div>
</li>


<div id="screenshotfull57a1c594d83711dcad88936c31e951c651c6" class="screenshotfull"></div>
<li><div class="screenshot-thumbnail">
<img src="http://maemo.org/midcom-serveattachmentguid-1bd9f4b6911811dca20f7996f70bde68de68/thumbnail_scummvm-mi2-2.png" onclick="screenshotdetails('1bd9f4b6911811dca20f7996f70bde68de68','http://maemo.org/midcom-serveattachmentguid-1803f2e2911811dca20f7996f70bde68de68/original_scummvm-mi2-2.png');" alt="Click on the screenshot to see a larger one!" width="40">
</div>
<div class="application-data">
<a href="http://maemo.org/downloads/product/OS2008/scummvm/">ScummVM</a><br>
<div class="rating">
<img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/orange_star.gif" alt="*"><img src="/midcom-static/style_maemo2007/partial_star_75.gif" alt="*">     15 votes    </div>

</div>
</li>

</ul>
</div>
</pre>