スポンサーサイト

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

Blockquoteタグで囲った部分の表示を変更する

私のテンプレートをダウンロードすると
何も手を加えない状態ですと

blockquoteした部分の表示は
このようになると思います



それを

このように表示させるようにカスタマイズする事が出来ます


方法は以下の通り CSSファイルの中に↓のような部分がありますがこれを
(CSSファイルのかなり下部のあたり)

/* Blockquote
------------------------------------------------------------ */

blockquote p {
color: #999999;
font-size: x-small;
width : 90%;
margin : 2em 0;
padding-top : 0.5em;
padding-bottom : 0.5em;
padding-left : 10px;
background : transparent url("http://blog-imgs-31.fc2.com/f/f/1/ff12expo/block-gr.gif") left top repeat-y;
}




↓このようにする事で
blockquote部分の表示を
このように変更させる事ができるのです

/* Blockquote
------------------------------------------------------------ */

blockquote p {
color: #999999;
font-size: x-small;
width : 90%;
margin : 2em 0;
padding-top : 0.5em;
padding-bottom : 0.5em;
padding-left : 10px;
/*background : transparent url("http://blog1.petitmall.jp/c/chanu/file/block-gr.gif") left top repeat-y;*/
border-top: 1px dotted #CCCC99;
border-right: 1px dotted #CCCC99;
border-bottom: 1px dotted #CCCC99;
border-left: 5px solid #CCCC99;

}



枠の色を変更するには
緑色の部分を好きな色が出るように変更して下さい
色の番号はこちらで確認できます


スポンサーサイト

メニューリストアイテムのlist-style-positionをoutsideにする方法«  | HOME |  »E3 2005 Xbox360/ PS3/ Nintendo Revolution

コメント

コメントの投稿

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

トラックバック

http://ff12expo.blog6.fc2.com/tb.php/138-a0ca4d70

 | HOME | 

FF12発売中
FF12関連ゲーム+音楽
発売中のお勧めゲーム
これから発売予定のお勧めゲーム
    とてもいい励みになっています!
    一日ワンクリックお願いします!↓
  • psBlogRanking.gif
今日: 昨日:
TOTAL:

RECENT ENTRIES

CATEGORIES

RECENT COMMENTS

【リンクについて】
このサイトはリンクフリーです

FF12 Expo お勧め


    Micro Button黒_logobmb




    アフィリエイトはここからスタート!LinkShare


APPENDIX

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