
Bloggerテンプレートの多くは、本文中に貼り付けた画像を囲むように枠線(Border)が入ります。アフィリエイトリンクのコードにはビーコンという縦横1pxのイメージ画像がたいてい付いてきます。
このビーコンは1px四方のちびっこのくせに表示されたページでは罫線枠付きで3mm×3mmくらいに膨れ上がり1文字くらいのスペースを取っています。
これは格好悪いので枠罫線(Border)を消してみます。
HTMLから img の border を探す
ダッシュボードの「レイアウト」-「HTMLの編集」で「テンプレートの編集」を表示します。
HTMLソースのスタイルシートから次の記述を探します。
.post img で検索すると良いでしょう。
.post img { padding: 4px; border: 1px solid $borderColor; }
これが本文中(post)のイメージ(img)に余白と枠罫線を付けている記述です。これを次のように編集します。
.post img { padding: 0; }
以上で、本文中のイメージ画像から余白、枠罫線が消えました。
0 comments:
コメントを投稿