スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

関連エントリ抽出中...

引用部分の背景を変える方法

blogteku_226.png
今回は、記事編集画面にある「Q」ボタンを押して使用することができる引用部分の背景を変更する方法を紹介したいと思います

サイトをより カッコよくできます

詳しくは、つづきから

変更方法

まず引用部分は、記事編集画面にある「Q」ボタンを押すか

文章を<blockquote><p></p></blockquote>タグで囲むことによって使用できます

変更するには、まずCSSの編集画面で「blockquote」を検索します

/* 引用部分 */
blockquote {
margin:2px;
padding:5px;
background:#f0f0f0; /* 背景 */
border:#cccccc 1px solid; /* 枠線 */
border-left:#cccccc 5px solid; /* 枠線(左) */
}


すると、↑のようになっていると思うので そこを下のように書き換えます

/* 引用部分 */
blockquote {
margin:2px;
padding:5px;
background-image:url(背景に使いたい画像のURL); /* 背景 */
border:#cccccc 1px solid; /* 枠線 */
border-left:#左の線の色 5px solid; /* 枠線 (左) */
}


もし背景に画像ではなく色を使いたい場合は、

background-image:url(背景に使いたい画像のURL); /* 背景 */  を

background:#背景にしたい色; /* 背景 */   に書き換えます

お疲れ様でした

関連エントリ抽出中...

317. :2010/03/21 17:39 編集
お疲れ~
356. :2010/03/31 15:22 編集
ずっとこのやり方を探していました!

とても参考になりました♪
357. :2010/03/31 17:57 編集
>>D.Kさん
どういたしまして



管理者にだけ表示を許可する

この記事のトラックバックURL
http://kininaru7777.blog76.fc2.com/tb.php/509-2fad1b62





ページ最上部へ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。