スタイルシートヘルプ G-Board掲示板


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

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

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

ID
#tit1,#tit2
#it1〜#it4


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

[色見本]


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: #; /*背景色[フォーム]*/
}

入力フォーム全般

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

ID #tit1-#tit2

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

ID #it1-#it4

#it1{
width: 350px; /*横幅[#it1]*/
}
#it2{
width: 430px; /*横幅[#it2]*/
height: 150px; /*高さ[#it2]*/
}
#it3{
width: 280px; /*横幅[#it3]*/
}
#it4{
width: 350px; /*横幅[#it4]*/
}

セレクトボックス

.sele {
color: #ffffff; /*文字色[セレクトボックス]*/
background-color: #000000; /*背景色[セレクトボックス]*/
}

ボタン

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

水平線

hr {
color: #000000; /*水平線色*/
/*IE4.0 以降で使用可能 Netscape不可*/
filter: Alpha(Opacity=100,FinishOpacity=0,style=2); /*水平線グラデーション*/
}

管理画面 タイトルのサイズ(1-6)

h1 {
font-size: 18pt;
}
h2 {
font-size: 15pt;
}
h3 {
font-size: 12pt;
}
h4 {
font-size: 8pt;
}
h5 {
font-size: 7pt;
}
h6 {
font-size: 6pt;
}

画像サイズ

.img{
width: 120px; /*画像サイズ*/
}

MOVIE FLASH HOME MAILアイコンサイズ

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

COMMENTアイコンサイズ

.icn2{
width: 50px; /*アイコンサイズ*/
}


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