忍者ブログ

CriCri

クリエイティブになりたいクリクリ工房

   

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

デモランキングバナー

記事内の画像に外余白をつける

新しくなったプレビューには画像がついています。
そこで気がつかれた方がたくさんいると思いますが、記事の文章が画像にぴったりくっついているものと、少し離れているものがあります。
この差は、画像に外余白が付いているか、いないかです。
私もそこまで考えて指定していなかったので、記事が写真にくっついてましたが、テンプレート大修正をした時に「月の華」以外は修正しました。
これは他のテンプレートにも有効ですので、プレビューで写真と記事がくっついているものにも使えます。


テンプレート編集ページへの行きかたは以前に何度も説明してあるので省略します。
ページ右下のCSSの最初のブロックに次の指定を貼り付けてください。
    img {
        margin:2px;        
        border:none;
    }
上記のmarginは外余白です。borderは枠線です。ここでは枠なしを指定しています。
これで、全ての画像と記事との間に少し間が開きます。
気になる方は試してみてください。

もしも、記事以外には外余白が欲しくない場合は「記事ブロック」のなかに次の指定を貼り付けてください。
セレクタの「.EntryText 」は記事文章を指定する部分ですが、テンプレートによってはセレクタが別の名前になっています。分かればその名前で指定してください。分らない場合は上記の方法でしてください。
.EntryText img {
    margin:2px 4px;
}

拍手[0回]

デモランキングバナー
  

COMMENT

NAME
TITLE
MAIL (非公開)
URL
EMOJI
Vodafone絵文字 i-mode絵文字 Ezweb絵文字
COMMENT
PASS (コメント編集に必須です)
SECRET
管理人のみ閲覧できます
 

TRACKBACK

TrackbackURL

カレンダー

08 2017/09 10
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

AD

PR

ブログ内検索

素材サイト様

White Board様
White Board Banner
妙の宴様
妙の宴 Banner
もずねこ様
Mozneko Banner
押し花とアイコン様
押し花 バナー
petit sozai emi様
petit sozai emi
幕末維新新選組様
幕末維新新選組
The Heart of Eternity 様
thoe バナー
Crambon様
Crambon バナー
DragonArtz Design 様

プロフィール

メール de コンタクト

このブログへのリンク

Firefoxを支援しています

管理人はFirefoxの愛好者です。Internet Explorer は大嫌い。IEよりはるかに優れたFirefoxをお試しあれ。ダウンロードは下のバナーから無料でできます。
Firefox ブラウザ無料ダウンロード

現在の閲覧者

Copyright ©  -- CriCri --  All Rights Reserved

Design by CriCri / material by DragonArtz Desighns / powered by NINJA TOOLS / 忍者ブログ / [PR]