Flickr badgeにて flickr のサムネイルをサイトにてランダム表示しています。

サイトのサイズに合わせたサムネイルにしたいのですが。

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

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2009/11/11 16:59:05
  • 終了:2009/11/18 17:00:03

回答(2件)

id:rafting No.1

ラフティング回答回数2652ベストアンサー獲得回数1762009/11/11 17:15:10

ポイント35pt

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

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

id:cont96

ありがとうございます。

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

2009/11/11 17:23:20
id:Cherenkov No.2

Cherenkov回答回数1502ベストアンサー獲得回数4922009/11/11 22:37:43

ポイント35pt

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 -->

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません