ブログカスタマイズ

Thumbnails の表示 その3

2 0
20121204-02.jpgテンプレートを差し替えたらブログパーツとして Tumblr の画像を表示している Thumbnails の画像が左寄りに寄ってしまうという現象が起きました。

このままだとちょっとカッコ悪いので、<center>~</center> でコードを囲ってみたのですが、全然中央に表示されず困り果て、あれこれネットを探したところ…

LAB@Moonさまで該当コードを発見!さっそく私なりにアレンジして試して思い通りに表示する事が出来ました!大変助かりました。管理人さまありがとうございました!

HTML<head> に追加

<script type="text/javascript" src="http://th.umbls.com/js/th.umbls.js"></script>


プラグインに追加

<script type="text/javascript" src="http://api.umbls.com/thumbnails/get?user=ユーザー名"></script>


CSSに追加

#tumblr li{
float: left;
list-style-type:none;
}
#tumblr img{
float:left;
margin:3px;
border-style:solid;
border-color:#999999;
border-width:1px;
}




以上がこれまで表示していたコードです。
これに以下のコードをCSSに追加しました。

.thumbnails ul li {
border-top: none;
padding:10px 0px 0px 0px;
list-style: none;
margin: 0 6px 0px 0;
float: left;


画像はTumblrにアップされていた来日したカンバーバッチさんの画像を
リブログしたもの。いや~朝6時から待っていたファンもいたとか~。
バッチさんに逢えて羨ましい限りです~。

Comments 2

There are no comments yet.

onion

カンバーバッチさん!

日本を楽しんでたらいいですね〜。
つか、TVでは全然言わない? ま、最近地上波をあまり見ないけども。

いやあ、未だにTumblrがなにかほぼわかってないわたし、ブログへの埋め込みまでやっちゃうマクノスケさんの好奇心には頭が下がるばかりです。
CSSって奥が深くて、なんかもうよくわかりません〜〜!

マク→onionさん

onionさんへ

カンバーバッチさん、ホントに空港の人を見て戸惑いながらも感激したって
ニュースを見て「ニッポンでもバッチさん人気がある!ってわかってくれたー!」
って喜んじゃいました-!
マーティンさんも来るし、「Sherlock」ファンには嬉しい年の瀬ですね!
ってホント、地上波ではこの報道見ませんでしたが、今度の放送で
人気が出るのは間違いなし!ですね。

でTumblrですが、みんながアップした画像を引用してクリップしていく
ような感じで、ちょっとアレなところもあって、どうかなあ~とは
思ってるんですが、結構大手の映画サイトも使っているので
(映画.comとか…)いいかなあ~と思って。
このブログパーツは他の方が開発されて公開されているのをコピペして
使っているだけなので全然凄くないんですよ~。
私もCSSとか…実は全然わかってないまま使ってます。(笑)