忍者ブログ

CriCri

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

   

[PR]

×

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

デモランキングバナー

引用文に枠をつける

引用文を使われる方は少ないかもしれませんが、エディターに「ブロック引用」のボタンがあります。
高機能エディターの2段目、オタマジャクシのようなボタンがそうです。
これを押すと、隣のボタンの「インデント」と同じように文章が右にずれます。
一見同じ機能のように見えますが大きな違いがあり、「ブロック引用」は枠をつけたり背景色を変えたりできます。
どう違うのかを知りたい方は、次の文章を見てください。

まず普通の「インデント」です。これは文章を引っ込めるだけの役割です。
 
今度は「ブロック引用」です。同じく引っ込みますが、枠、または背景色が出ます。

この「ブロック引用」は、CSS で指定していなければ「インデント」とまったく同じに見えます。
ご使用のテンプレートがブロック引用処理されているかどうかは、実際に試してみれば分かります。
私のテンプレートには付いていなかったのですが、後から付け加えました。
下にCSS を付けましたので、カスタマイズされたい方は利用してください。
とても簡単ですので、ブロック引用処理のしていないテンプレートを使われている方も参考にしてください。

拍手[0回]


まず、テンプレート編集ページを出します。ページへの行き方は、すでに以前に説明してありますので省略します。
次に、右下のCSS を見ます。
私のテンプレート(更新済みのもの)の場合は、最初のブロックからblockquote を探してください。
ここのborder のところをお好きに変更してください。
ブロック引用処理がされていない他のテンプレートの場合は、下のCSS を貼り付けると簡単です。

枠が点線
blockquote {
    padding:8px;
    border:dotted 1px #AAAAAA;
}
枠が棒線
blockquote {
    padding:8px;
    border:solid 1px #AAAAAA
}
黒地のテンプレートなら、上の指定がどれにでも合う無難なものです。線の色は灰色です。
白地なら下のように薄い灰色にするといいです。同じくどのテンプレートにも合います。

枠が点線
blockquote {
    padding:8px;
    border:dotted 1px #CCCCCC;
}
枠が棒線
blockquote {
    padding:8px;
    border:solid 1px #CCCCCC;
}
色(モノクロ)のバリエーションをあげると、
黒      #000000 数字が大きくなるほど色が薄くなります。数字は#999999 まで
灰色     #AAAAAA アルファベットが後ろになるほど色が薄くなります。
白      #FFFFFF アルファベットはF までです。
デモランキングバナー
  

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]