人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Flickr badgeにて flickr のサムネイルをサイトにてランダム表示しています。
サイトのサイズに合わせたサムネイルにしたいのですが。

サイズにsだのtだのがありますが、僕のサイトには合いません

細かな調整方法をご教授いただければと思っております。



●質問者: cont96
●カテゴリ:インターネット
✍キーワード:Flickr サイズ サイト サムネイル ランダム
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● ラフティング
●35ポイント

で任意のサイズを指定すればいいのでは?

http://mbsupport.dip.jp/hp/hpg04.htm

◎質問者からの返答

ありがとうございます。

ただ、ちょっと違うかな。。


2 ● Cherenkov
●35ポイント

Flickr badge作成の最後に表示されるコードにcssを追加する方法を提案してみます。

変更は2箇所だけ。


HTML SandBox

このページに以下のコードを貼り付ければすぐ確認することができます。


<!-- Start of Flickr Badge -->
<style type="text/css">
/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
.flickr_badge_image img {width:100%; height:100%;} /* この行を追加 */
#flickr_badge_uber_wrapper {text-align:center; width:40%;} /* widthを適当な値に変える。%かpx指定にして表示の幅を決める。 */
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; 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;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
</style>
<div id="flickr_badge_uber_wrapper"><a href="http://www.flickr.com" id="flickr_www">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><div id="flickr_badge_wrapper">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=3&display=random&size=m&layout=x&source=user&user=22578323%40N03"></script>
</div></div>
<!-- End of Flickr Badge -->
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ