flickr badgeのカスタマイズ2007/6/21

ちょっとサイドバーに華が欲しくて、flickr badgeを復活させました。ただ、flickrのデフォルトのコードはちょっとページに馴染まないので、不必要なコードをざくざく削りました。

<!– Start of Flickr Badge –>
<style type="text/css">
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid #FFFFFF !important; margin:2px;}
</style>
<div class="flickr_badge_image">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?…
</div>
<!– End of Flickr Badge –>

これだけで親要素の幅が決まってれば割と綺麗に表示できました。横軸に表示される画像数で(このサイトの場合2枚)全体に表示される画像数(このサイトの場合10枚)と割り切れる数を設定してやるとおさまりが良いです。count=100とかやっても100枚表示できたりはしませんが。

たまあに変な画像が混じってますが、ご愛嬌。

ひとり仕事: フリーランスという働き方
(2012-10-5)
売り上げランキング: 14,705
100円