SIRIUS　シリウスiPhoneサイトは　デフォルトでカラーテンプレートを
パソコン表示サイトとは別に選択できますね

 

白背景が好みの方はそれはそれで....

 

でも意味深？．．．か　オリジナルに華やかなイメージを
もしくは高級感をと？
お求めの方は　サイトの背景を変えてみることも簡単にできますので

 

まずはお試しください

 

スポンサーリンク

 

 

 

背景カラーを変える

 

iPhoneサイトスタイルシートを開きます

 

一番上の項目

 

@charset shift_jis;
@import url(./css/commonstyles.css);
@import url(./css/tables.css);
body {
text-align:center;
color:#333;
font-size:0.9em;
line-height:1.6em;
font-family:メイリオ, Helvetica, HiraKakuProN-W3, sans-serif;
margin:0;
padding:0;
}

 

背景カラーを変更した際に　フォントカラーも認識上変える必要が
ある場合は
color:#333;　を改行します

 

背景カラーについては　指定コードがありませんので
追加します

 

追加行です　#000000;黒にしてますが　個々のカラーコードを
好みに改行します
background-color: #000000;

 

 

@charset shift_jis;
@import url(./css/commonstyles.css);
@import url(./css/tables.css);
body {
text-align:center;
color:#ffffff;　フォントカラー
background-color: #000000;　背景指定追加行
font-size:0.9em;
line-height:1.6em;
font-family:メイリオ Helvetica, HiraKakuProN-W3, sans-serif;
margin:0;
padding:0;
}

 

以上で背景カラーへの切り替えは完了します

 

 

---

 

背景も変更したなら　サイト巻末に表示される
カテゴリーメニューも合わせてカラーを変更しましょう

 

以下の２か所を変更すレば切り替わります

 

必ず保存選択

 

iPhoneサイトスタイルシートの切り替えの反応ですが
環境により　即座の切り替わり確認に多少時間を要すこともあります

 

 

 

おおよそ３７５番の位置から

 

#categorylist .desc {
font-size:12px;
line-height:130%;
color:#505050;　背景カラー指定箇所　ここ切り換え
padding:10px;
}

 

#categorylist .more {
text-align:right;
padding-right:10px;
padding-left:10px;
padding-bottom:5px;
}

 

#categorylist .bottom {
background-image:url(img/categorylist_bottom.jpg);
background-repeat:no-repeat;
background-position:center bottom;
}

 

#entrylist {
padding:10px;
}

 

#entrylist dl {
display:block;
padding:6px;
}

 

#main #entrylist h4 {
color:#069;
background-image:url(./img/entlist_title.jpg);
background-repeat:no-repeat;
background-position:left bottom;
padding-left:30px;
margin:0 0 10px;
}

 

#entrylist dt {
font-weight:700;
font-size:14px;
background-image:url(./img/entlist.jpg);
background-repeat:no-repeat;
background-position:left center;
padding-left:15px;
line-height:20px;
}

 

#entrylist dd {
margin-left:15px;
margin-bottom:8px;
font-size:11px;
color:#757575;　フォントカラー変更箇所
line-height:120%;
}

 

 

iPhoneサイト背景カラーをカスタマイズ P-TOP
SIRIUS iPhone機能　シリウスモバイル対応カスタマイズ P-TOP
SIRIUS　シリウスカスタマイズ