2010年11月29日月曜日

Google Bloggerテンプレート(テンプレートデザイナー)の画像枠を消す方法

 忘れては困るので自分で記録(笑い)シンプルが自分は好き。

 1.HTLM編集でここを探す(デフォルト)

   }

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 5px;

background: #fff;

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}


 2.編集する(修正する)

   }

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding:
0px;

background: #fff;

-moz-box-shadow:
0px 0px 0px rgba(0, 0, 0, .5);
-webkit-box-shadow:
0px 0px 0px rgba(0, 0, 0, .5);
box-shadow:
0px 0px 0px rgba(0, 0, 0, .5);
}


※赤いところを修正、面倒なので0に修正する

 「画像枠」が無くなり綺麗に投稿されます、昔のBloggerテンプレートと異なる点は

 【Bloggerテンプレート(テンプレートデザイナー)になり丁寧にも画像枠に立体的な影も付与された】

 と言う点で修正は意外に面倒だと感じたことでした。

 今まで放置していたが「急に画像枠を見て今一だね」と感じて修正してみた(笑い)そんな感じです。


※自分は気分屋ですねぇ~