CriCri
クリエイティブになりたいクリクリ工房
[PR]
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
引用文に枠をつける
引用文を使われる方は少ないかもしれませんが、エディターに「ブロック引用」のボタンがあります。
高機能エディターの2段目、オタマジャクシのようなボタンがそうです。
これを押すと、隣のボタンの「インデント」と同じように文章が右にずれます。
一見同じ機能のように見えますが大きな違いがあり、「ブロック引用」は枠をつけたり背景色を変えたりできます。
どう違うのかを知りたい方は、次の文章を見てください。
この「ブロック引用」は、CSS で指定していなければ「インデント」とまったく同じに見えます。
ご使用のテンプレートがブロック引用処理されているかどうかは、実際に試してみれば分かります。
私のテンプレートには付いていなかったのですが、後から付け加えました。
下にCSS を付けましたので、カスタマイズされたい方は利用してください。
とても簡単ですので、ブロック引用処理のしていないテンプレートを使われている方も参考にしてください。
高機能エディターの2段目、オタマジャクシのようなボタンがそうです。
これを押すと、隣のボタンの「インデント」と同じように文章が右にずれます。
一見同じ機能のように見えますが大きな違いがあり、「ブロック引用」は枠をつけたり背景色を変えたりできます。
どう違うのかを知りたい方は、次の文章を見てください。
まず普通の「インデント」です。これは文章を引っ込めるだけの役割です。
今度は「ブロック引用」です。同じく引っ込みますが、枠、または背景色が出ます。
この「ブロック引用」は、CSS で指定していなければ「インデント」とまったく同じに見えます。
ご使用のテンプレートがブロック引用処理されているかどうかは、実際に試してみれば分かります。
私のテンプレートには付いていなかったのですが、後から付け加えました。
下にCSS を付けましたので、カスタマイズされたい方は利用してください。
とても簡単ですので、ブロック引用処理のしていないテンプレートを使われている方も参考にしてください。
まず、テンプレート編集ページを出します。ページへの行き方は、すでに以前に説明してありますので省略します。
次に、右下のCSS を見ます。
私のテンプレート(更新済みのもの)の場合は、最初のブロックからblockquote を探してください。
ここのborder のところをお好きに変更してください。
ブロック引用処理がされていない他のテンプレートの場合は、下のCSS を貼り付けると簡単です。
枠が点線
白地なら下のように薄い灰色にするといいです。同じくどのテンプレートにも合います。
枠が点線
黒 #000000 数字が大きくなるほど色が薄くなります。数字は#999999 まで
灰色 #AAAAAA アルファベットが後ろになるほど色が薄くなります。
白 #FFFFFF アルファベットはF までです。
次に、右下の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 までです。
TRACKBACK
TrackbackURL
COMMENT