Top    

miniBBSスタイルシートについて 書き込みページ編


書き込み用表示部分(b.php)のスタイルシートの解説です。

スタイルシートの記述については、こちらを参考にしてください。
http://www.parkcity.ne.jp/~chaichan/src/cssmain.htm

ここでは、設定箇所と主なプロパティの説明をします。

説明ファイル poststyle.css

body { 表示ページ全体の指定
background-color: #FFFFFF; 背景色
background-image: url(images/bg.gif); 背景画像
}


#postbox{ 書き込み欄 外枠の指定
width:260px; 書き込み欄の幅(幅の調整はここで)
margin:auto;
background:#ffffff; 背景色
border-right: 1px solid #999999; 右枠線
border-bottom: 1px solid #999999; 下枠線
border-left: 1px solid #999999; 左枠線
font-family:verdana, arial, sans-serif;
font-size:11px;
}


#posttitle { タイトル部分の指定
font-family:verdana, arial, sans-serif;
color:#333333;
font-size:10px; フォントサイズ
font-weight:bold;
background:#ffffff;
background-image: url(images/title_bar.jpg); 背景画像
padding:2px;
text-align: center;
letter-spacing: .2em;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
}

.item { テキスト(name,mail,site,message)指定
font-family:verdana, arial, sans-serif;
color:#333333;
font-size:11px;
font-weight:normal;
background:#ffffff;
text-align: left;
padding-top:7px;
}

input { name,mail,site記入欄指定(IEのみ有効)
background-color: #FFFFFF;
height: 15px;
border: 1px solid #999999;
font-size:11px;
}

textarea { メッセージ記入欄指定(IEのみ有効)
border: 1px solid #999999;
}

Posted: Wed - December 3, 2003 at 12:55 PM