忍者ブログ
ADMINEDITRES

果報は寝て待て(-_☆)


果報を寝て待ってはいるのですが・・・
04月 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 
      

[PR]

    
×

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

      

引用の表示を指定してみました

    
いや、大したコトをやったワケではナイのですが。
blockquoteタグをチョコっとイジってみました。
 今回もあるふぁサンのカスタマイズin忍者ブログでお世話になりました。
 関連記事:『引用部分の設定

ノーマルな状態だとセンタリングされているダケなのでチョットつまんないんです(・∀・;)
そんなワケで、いつものコピペ名人発動です(-_☆)


/*引用の指定*/
blockquote {
padding:○px;
color:文字色指定;
background-color:#背景色の指定;
border-left:○px 線種 左サイドの色指定;
}



コレをスタイルシートに埋め込むダケ。
えっと、ドコでも大丈夫だと思うのですが、後でドコに置いたかわかりやすい方がいいかな?と思うので、記事のスタイル指定しているあたりに私は置きました。

○にはモチロン、数字を入れます。
私はpaddingは5px、ボーダーは2pxで指定してます。
線種は点線ですのでdottedを指定してみました。
色はテキトー(笑)


あとはホントどうでもいいのかもしれませんが、追記のリンクが普通のリンクと一緒で目立たないので太字にしてみる・・・なんてコトもやってみました。
チョットこれで様子見たいってトコかな?

これがType1
左側のドットのみ



次はType2
四方を囲んでみた。
タグは<blockquote class="type2">~</blockquote>


コレはType3
長文用にと、コッチは点線ではなく破線で囲んでスクロールバーをつけてみました。

便利かな~と思って。

意外とコレの方が需要はありそう(笑)
タグは<blockquote class="type2">~</blockquote>


    ↑
スクロールバー出す為の調整用画像
(長くならないと出ない為)

7/19に追加♪
PR
  << prev entry     | HOME |     next entry >>     
+++ この記事へのコメント +++
 
name
title
color
mail
URL
comment

ご利用のブラウザ、設定ではご利用になれません。
password Vodafone絵文字 i-mode絵文字 Ezweb絵文字
secret?  ※チェックすると管理者へのみの表示となります。
 
+++ この記事へのトラックバック +++
この記事にトラックバックする:
Search in BLOG
CATEGORIES
ARCHIVE

RECENT COMMENTS
RECENT TRACKBACKS
TRACKBACK PEOPLE
Pavloba ? ! ? !


すぐにサボって寝てしまうので、時々構って下さい。
鼻を触ると喜びます?
MailForm
    
+++ Powered By 忍者ブログ +++
Copyright © 果報は寝て待て + Template Design BY © Pavloba
+++ 忍者ブログ + [PR]
+++