miniBBSスタイルシートについて メッセージ編
ここでは、設定箇所と主なプロパティの説明をします。
説明ファイル style.css
body
{ 表示ページ全体の指定
background-color:
#FFFFFF; 背景色
margin:0px; ページ余白
}
#all
{ BBS欄全体の指定
width:
170px; メッセージ欄の幅（幅の調整はここで）
text-align:center;
margin-left:auto;
margin-right:auto;
}
.box
{ メッセージごとのエリア
border-bottom:
1px dotted
#999999; メッセージ区切り線
}
#postimg
{ 上部ポスト画像エリアの指定
border-bottom:
1px dotted #999999;
上部区切り線
padding-bottom:
5px; 下部余白
padding-top:
5px; 上部余白
}
.name
{ 名前欄の指定
font-family:HiraMaruPro-W4; フォント指定
font-size:
10px; フォントサイズ
font-weight:
normal;
color:
#996600; フォントカラー
padding-bottom:
5px;
padding-top:
5px;
}
.mess
{ メッセージ欄の指定
font-family:HiraMaruPro-W4; フォント指定
font-size:
10px; フォントサイズ
line-height:
14px;
font-weight:
normal;
padding-right:
5px;
padding-left:
5px;
padding-bottom:
5px;
}
.time
{ TIME表示欄の指定
font-family:Futura,verdana,
arial,
sans-serif; フォント指定
font-size:
9px; フォントサイズ
padding-left:
5px;
padding-bottom:
3px;
}
#page
{ 下部ページリンクの指定
font-family:Futura,verdana,
arial,
sans-serif; フォント指定
font-size:
9px; フォントサイズ
padding-bottom:
5px;
padding-top:
5px;
}
