Bloggerで画像の枠を消す方法

画像を表示させる際、デフォルトでは枠線がついていますが、Bloggerの標準テンプレートを使っているで必ず現れる現象です。

うっとうしく見える場合消すことができるので、消してみました。

方法

　テンプレートからHTML編集にて下記コードをコメントアウトします。

　　.post-body img {
 　　 padding: 8px;
　　  background: $(image.background.color);
　　  border: 1px solid $(image.border.color);

　　  -moz-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
　　  -webkit-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
　　  box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);

　　  -moz-border-radius: $(image.border.radius);
　　  -webkit-border-radius: $(image.border.radius);
　　  border-radius: $(image.border.radius);
　　}

コメントアウトの方法は、/*と*/で全体を囲むか、すべての行の頭に//をつけるかのいずれかになります。

　なお、上記コードは使用しているテンプレートにより異なるようですので、検索する際は、「post」と「img」が一緒にある部分を探すとよいと思います。


以上、参考にしていただけたら幸いです。

• 
• list ツイート