2013年3月5日火曜日

Blogger : 写真の枠をなくす

ブログ右上の「デザイン」から、
デザイン → テンプレート → HTMLの編集 と辿って以下のコードを探します。
面倒なので自分はそっくりエディタにコピーした上で、検索して編集しました。それぞれの環境や設定によって違うかと思いますが、自分のところでは314行目あたりにありました。
316行目と324行目の 2px, 5px を 0px に変更して、318行目を削除して、HTMLを保存します。エディタで編集した場合は書き戻してから保存します。
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 2px;
background: #ffffff;
border: 1px solid #eeeeee;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}
.post-body img, .post-body .tr-caption-container {
padding: 5px;
}

変更後は以下のようになります。
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 0px;
background: #ffffff;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}
.post-body img, .post-body .tr-caption-container {
padding: 0px;
}

これで写真の周囲の枠がなくなりました。

0 件のコメント: