2017年1月23日月曜日

Bloggerで画像の枠を消す方法 | 日々のメモ帖 by holidaybuggy1980 holidaybuggy1980
300 300

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


ブログランキング・にほんブログ村へ

0 件のコメント:

コメントを投稿

Ads by A8.net