スタイルシートヘルプ StyleBBS 掲示板

スタイルシートを自由に変更できます。


掲示板フォーム

青枠で囲まれている部分 [フォーム]

緑枠で囲まれている部分 [本文]

ID class
#it1〜#it9
.tit .hr .img .icn .cts .ft


[スタイルシートリファレンス]

[色見本]


a:link,a:visited,a:active {
color: #333333; /*リンク色*/
text-decoration: none; /*下線の無いリンク*/
}

a:hover {
color: #00fa9a; /*リンク色[マウスオーバー]*/
text-decoration: none; /*下線の無いリンク*/
}

body {
color: #333333; /*文字色[基本色]*/
background-color: #ffffff; /*背景色[基本色]*/
background-image: url(); /*背景画像アドレス(bg.jpg)*/
background-repeat: no-repeat; /*背景画像並べかた*/
repeat-x(横方向に並べる) repeat-y(縦方向に並べる) no-repeat(ひとつだけ表示する)
background-attachment: fixed; /*背景画像スクロールした時の動作*/
scroll(スクロールする) fixed(スクロールしない)
background-position: top left; /*背景画像位置*/
top(上端) center(中央) bottom(下端)
left(左端) center(中央) right(右端)
font-size: 9pt; /*文字サイズ*/
font-family: Times,"Times New Roman","MS ゴシック"; /*フォントの種類*/
line-height: 150%; /*文字の行間*/
スクロールバーの色を指定します。IE5.5 以降で使用可能 Netscape不可
scrollbar-track-color: #000000; /*スクロールバーの背景色*/
scrollbar-face-color: #000000; /*スクロールバーの表面の色*/
scrollbar-shadow-color: #333333; /*スクロールバー内側の影の色*/
scrollbar-darkshadow-color: #444444; /*スクロールバー外側の影の色*/
scrollbar-highlight-color: #333333; /*スクロールバー内側のハイライト色*/
scrollbar-3dlight-color: #444444; /*スクロールバー外側のハイライト色*/
scrollbar-arrow-color: #ffffff; /*スクロールバーの矢印の色*/
}

本文緑枠で囲まれている部分

table,td {
color: #333333; /*文字色*/
font-size: 9pt; /*文字サイズ*/
width: 470px; /*横幅*/
border: #dddddd 1px solid; /*枠の色 枠の太さ*/
background-color: #; /*背景色*/
}

フォーム青枠で囲まれている部分

.ftb{
color: #333333; /*文字色*/
font-size: 9pt; /*文字サイズ*/
width: 430px; /*横幅*/
border: #cccccc 0px solid; /*枠の色 枠の太さ*/
background-color: #; /*背景色*/
}

class .tit

.tit{
background-color: #cccccc; /*背景色*/
/*IE4.0 以降で使用可能 Netscape不可*/
filter: Alpha(opacity=70); /*透明度*/
}

入力フォーム全般

.inp {
color: #ffffff; /*文字色*/
background-color: #000000; /*背景色*/
border: #888888 1px solid; /*枠の色 枠の太さ*/
}

ID #it1-#it9

#it1,#it2,#it3,#it4{
width: 220px; /*横幅*/
}
#it5{
width: 430px; /*横幅*/
height: 120px; /*高さ*/
}
#it6{
width: 280px; /*横幅*/
}
#it7{
width: 220px; /*横幅*/
}
#it8{
width: 100px; /*横幅*/
}
#it9{ /*画像認証を有効にした場合使用*/
width: 42px; /*横幅*/
}

ボタン

.btn {
color: #ffffff; /*文字色*/
background-color: #000000; /*背景色*/
border: #888888 1px solid; /*枠の色 太さ*/
font-size: 10px; /*文字サイズ*/
font-family: Times,"Times New Roman","MS ゴシック"; /*フォントの種類*/
padding: 0px 1px 0px 1px; /*ボタン内側の余白*/
}

水平線

hr {
border:solid 1px #000000; /*水平線のスタイル 太さ 色*/
/*IE4.0 以降で使用可能 Netscape不可*/
filter: Alpha(Opacity=100,FinishOpacity=0,style=2); /*水平線グラデーション*/
}

class .hr

.hr{
border:solid 1px #000000; /*水平線のスタイル 太さ 色[.hr]*/
width: 470px; /*水平線サイズ[.hr]*/
/*IE4.0 以降で使用可能 Netscape不可*/
filter: Alpha(Opacity=100,FinishOpacity=0,style=2); /*水平線グラデーション*/
}

タイトルサイズ

h1 {
font-size: 12pt; /*タイトルサイズ*/
}

.img 画像サイズ

.img{
width: 160px; /*画像サイズ*/
margin:0px 5px 0px 5px; /*画像周りの余白*/
}

.icn HOME MAIL MOVIE FLASHアイコンサイズ

.icn{
width: 45px; /*アイコンサイズ*/
}

class .cts

.cts {
line-height: 2em; /*掲示板本文の行間*/
padding:10px; /*掲示板本文両サイドの余白*/
}

class .ft

.ft {
}


PV-board 無料レンタル掲示板