FC2ブログ

? スポンサーサイト(--/--/--)

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

? one_of_xxx // 背景色変更方法(2008/08/10)

誰かから質問が来たのですが、返信方法などかかれてなかったのでここで説明しときます。
背景色変えたい時は参考にしてください。


追記より。



①基本的に、以下の”white”を好きな色に変更するだけでいいです。

  (スタイルシート)





/*---------------------------------------
ページ全体の設定
---------------------------------------*/

/* スクロールバー */

html {
scrollbar-face-color:black;
scrollbar-track-color:black;
scrollbar-arrow-color:white;
scrollbar-3dlight-color:black;
scrollbar-highlight-color:black;
scrollbar-shadow-color:black;
scrollbar-darkshadow-color:black;
}

/* 背景色の設定(変更可能) */

body {
background-color:white;
margin:0px;
cursor:crosshair;
}




(中略)


/* ブログタイトル設定 */

.blog_title {
width:100%;
height:150px;
background-image:url(http://blog-imgs-27.fc2.com/f/l/y/flysky/one_title.gif);
background-repeat:no-repeat;
text-align:right;
}

.blog_title_font {
padding-top:50px;
padding-bottom:50px;
padding-right:50px;
color:white;
}

.blog_title_font a {
font-size:15px;
color:white;
font-weight:bolder;
cursor:crosshair;
}



(中略)


/*---------------------------------------
プラグイン
---------------------------------------*/

/* 全体の位置・サイズ */

.plugin {
width:200px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
background-image:url(http://blog-imgs-27.fc2.com/f/l/y/flysky/one_plug.gif);
background-repeat:repeat-y;
}

/* プラグインテキストエリア、フォームの設定 */

.plugin textarea {
font-size:11px;
border-top:none;
border-right:none;
border-left:none;
       border-bottom:1px solid white;
color:white;
background-color:black;
font-family: "ヒラギノ角ゴ Pro W3", "MS Pゴシック", Osaka;
cursor:crosshair;
}

.plugin input {
font-size:11px;
border-top:none;
border-right:none;
border-left:none;
       border-bottom:1px solid white;
color:white;
background-color:black;
font-family: "ヒラギノ角ゴ Pro W3", "MS Pゴシック", Osaka;
cursor:crosshair;
}

/* プラグインタイトル部分の設定 */

.plugin_title {
width:200px;
text-align:left;
padding-left:10px;
font-size:11px;
color:white;
}

/* プラグインの中身の文字 */

.plugin_content {
width:90%;
padding-left:10px;
padding-top:20px;
padding-bottom:10px;
font-size:11px;
color:white;
line-height:17px;
}

.plugin_content a {
color:white;
}

.plugin_content a:active {
color:white;
}

.plugin_content a:visited {
color:white;
}

.plugin_content a:hover{
color:white;
border-bottom:1px solid white;
}

 home 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。