Flickr badgeΒΆ

Sphinx lets you use html code. Start an indented html block with .. raw:: html html. So it is very easy to embed all kinds of widgets.

Use this code:

.. raw:: html

        <!-- Start of Flickr Badge --> <style type="text/css">
        #flickr_badge_source_txt {padding:0; font: 11px Arial,
        Helvetica, Sans serif; color:#666666;} #flickr_badge_icon
        {display:block !important; margin:0 !important; border: 1px
        solid rgb(0, 0, 0) !important;} #flickr_icon_td {padding:0 5px
        0 0 !important;} .flickr_badge_image {text-align:center
        !important;} .flickr_badge_image img {border: 1px solid black
        !important;} #flickr_badge_uber_wrapper {width:150px;}
        #flickr_www {display:block; text-align:center; padding:0 10px 0
        10px !important; font: 11px Arial, Helvetica, Sans serif
        !important; color:#3993ff !important;}
        #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper
        a:link, #flickr_badge_uber_wrapper a:active,
        #flickr_badge_uber_wrapper a:visited {text-decoration:none
        !important; background:inherit !important;color:#3993ff;}
        #flickr_badge_wrapper {background-color:#ffffff;}
        #flickr_badge_source {padding:0 !important; font: 11px Arial,
        Helvetica, Sans serif !important; color:#666666 !important;}
        </style> <table id="flickr_badge_uber_wrapper" cellpadding="0"
        cellspacing="10" border="0"><tr><td><a
        href="" id="flickr_www">www.<strong
        cellpadding="0" cellspacing="10" border="0"
        id="flickr_badge_wrapper"> <script type="text/javascript"
        <tr> <td id="flickr_badge_source" valign="center"
        align="center"> <table cellpadding="0" cellspacing="0"
        border="0"><tr> <td width="10" id="flickr_icon_td"><a
        id="flickr_badge_icon" alt="jeroenleijen's P o r t f o l i o
        align="left" width="48" height="48"></a></td> <td
        id="flickr_badge_source_txt">jeroenleijen's <a
        o r t f o l i o</a> photoset</td> </tr></table> </td> </tr>
        </table> </td></tr></table> <!-- End of Flickr Badge -->

to get this (a badge for my Flickr page):
jeroenleijen's P o r t f o l i o photoset jeroenleijen's P o r t f o l i o photoset

Published:Fri Jun 25 2010