■スタイルシートヘルプ StyleBBS 掲示板スタイルシートを自由に変更できます  青枠で囲まれている部分 [フォーム] 緑枠で囲まれている部分 [本文] ID class #it1〜#it8 .tit .hr 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","ＭＳ ゴシック"; /*フォントの種類*/ 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: #; /*背景色[フォーム]*/ } [.tit] .tit{ background-color: #cccccc; /*背景色[.tit]*/ /*IE4.0 以降で使用可能 Netscape不可*/ filter: Alpha(opacity=70); /*透明度[.tit]*/ } [入力フォーム全般] .inp { color: #ffffff; /*文字色[インプット]*/ background-color: #000000; /*背景色[インプット]*/ border: #888888 1px solid; /*枠の色 枠の太さ[インプット]*/ } [#it1-#it8] #it1,#it2,#it3,#it4{ width: 220px; /*横幅[#it1,#it2,#it3,#it4]*/ } #it5{ width: 430px; /*横幅[#it5]*/ height: 120px; /*高さ[#it5]*/ } #it6{ width: 280px; /*横幅[#it6]*/ } #it7{ width: 220px; /*横幅[#it7]*/ } #it8{ width: 100px; /*横幅[#it8]*/ } [ボタン] .btn { color: #ffffff; /*文字色[ボタン]*/ background-color: #000000; /*背景色[ボタン]*/ border: #888888 1px solid; /*枠の色 太さ[ボタン]*/ font-size: 10px; /*文字サイズ[ボタン]*/ font-family: Times,"Times New Roman","ＭＳ ゴシック"; /*フォントの種類[ボタン]*/ } [水平線] hr { color: #000000; /*水平線色*/ /*IE4.0 以降で使用可能 Netscape不可*/ filter: Alpha(Opacity=100,FinishOpacity=0,style=2); /*水平線グラデーション*/ } [.hr] .hr{ color: #000000; /*水平線色[.hr]*/ width: 470px; /*水平線サイズ[.hr]*/ /*IE4.0 以降で使用可能 Netscape不可*/ filter: Alpha(Opacity=100,FinishOpacity=0,style=2); /*水平線グラデーション*/ } [管理画面 タイトルのサイズ(1-6)][フォーム ボタン(大 H2)(小 H5)] H1 { font-size: 18pt; /*タイトルサイズ1*/ } H2 { font-size: 15pt; /*タイトルサイズ2 ボタン(大)*/ } H3 { font-size: 12pt; /*タイトルサイズ3*/ } H4 { font-size: 8pt; /*タイトルサイズ4*/ } H5 { font-size: 7pt; /*タイトルサイズ5 ボタン(小)*/ } H6 { font-size: 6pt; /*タイトルサイズ6*/ } |