2005年10月 6日

blockquoteを見やすくカスタマイズ!

ブログの記事を編集する際、
他サイトからの記事を引用する際
今まではTABLEを使ってメリハリをつけていましたが
blockquoteタグで囲うだけで簡単に
こんな感じのかっこいいレイアウトを実装できます。

【参考】:よぼよぼTYPEさん引用文(blockquote)

styles-site.css
に以下のソースをコピペ。
枠線の色は好きな色に変更してみてください。
RGBの色見本はとほほさんあたりで

あとborder:1px dashed #ff69b4;/*枠線色RGB*/
ここの行のdashedが枠線の種類指定で
私はdotted(点線)にしています。

/*■■blockquote■■*/
blockquote 
{
font-family: verdana, arial, sans-serif;
font-size:mediuml;
margin: 0;
padding: 0.5em;
background-color:#f0f8ff;/*背景色RGB*/
line-height:150%;
border:1px dashed #ff69b4;/*枠線色RGB*/
}
/*■■blockquote■End■*/
あとはエントリ作成画面にて

inyou.gif

テーブル風に囲みたいところを選択して
”ボタンを押せばblockquoteタグで囲んでくれます\(^o^)/

エレラジにお便りお寄せください|・ω・) hiroeにweb拍手を送る
投稿者: hiroe at 2005年10月 6日 18:10


  • 送る前に「当ブログのトラックバックポリシー」をご覧ください。
  • この記事へトラックバックする場合は、このトラックバック用URLを、
    あなたのウェブログ等の投稿ページの「トラックバック先のURL」欄に入れて更新してください。

  • トラックバックが重複しても削除依頼コメントは不要です。適当に消しますので。

このエントリーのトラックバックURL:


コメント
コメントしてください。コメントをもらえると中の人が喜びます。




保存しますか?


(o゚∀゚)o (;´Д`) ( ´_ゝ`) (lll゚д゚) ((((;゚Д゚)))) (σ・∀・)σ (゚Д゚)?
(>Д<) (=゚ω゚)ノ (・∀・) ( ・∀・)っ旦 φ(`д´) (*´Д`*) (・∀・ )っ/凵⌒☆
ヽ(´ー`)ノ (*´д`*) (TдT) (´・ω・`) (`・ω・´) (´;ω;`) /■\
(゚д゚)(。_。)(゚д゚)(。_。) ヽ(゚∀。)ノ ヽ( `Д´)ノ (* ^ー゚)ノ Ψ(`∀´)Ψ (-∀-)zzZ 。゚(゚´Д`゚)゚。
コメント編集ボタン(OPERA 8.5・IE 6.0・Sleipnir 1.66にて動作確認済み)
太字 イタリック 下線 打ち消し線 引用 リンク

カテゴリー別

hiroeleganceのエレガンスとは呼べないラジオ(通称:エレラジ)について

過去放送保管庫(ケロログ支店)
番組登録方法
iTunesをインストール済みの方
iTunesをインストール済みの方はクリックするとiTunesが起動し、
簡単に番組を登録出来ます。
このバナーをアナタのiTunesのポッドキャストメニューにドラッグ&ドロップするだけで番組の登録が完了します。
iTunesなどのPodcastingアプリケーションにドラッグ&ドロップしてください。

●求む!メール職人さん
(採用された方にはエレラジ特製ステッカープレゼント)


曲のリクエストやコーナーへの投稿はこちらから!
番組に関するメールの宛先はradio@hiroelegance.netまで
My status
エレラジロゴ
skypeに凸電もお待ちしております