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■*/
あとはエントリ作成画面にて
このエントリーのトラックバックURL:
|
■ 過去放送保管庫(ケロログ支店) ■ 番組登録方法 iTunesをインストール済みの方はクリックするとiTunesが起動し、 簡単に番組を登録出来ます。 iTunesなどのPodcastingアプリケーションにドラッグ&ドロップしてください。 ●求む!メール職人さん (採用された方にはエレラジ特製ステッカープレゼント) ■ 曲のリクエストやコーナーへの投稿はこちらから! ■ 番組に関するメールの宛先はradio@hiroelegance.netまで |
![]() skypeに凸電もお待ちしております |