• MENU●●●●
  • iPhoneサイト背景カラーをカスタマイズ


    シリウスカスタマイズ アコーディオンブラインドメニューシリウスへ取り付け完了 詳細は外部カスタマイズメニューでご覧ください

    スポンサー広告

    関連記事


    シリウスiPhoneサイト背景カラーを変更する方法

    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;
    }

     

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

     

     


     

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

     

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

     

    必ず保存選択

     

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

     

     

     

    おおよそ375番の位置から

     

    #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 シリウスカスタマイズ

    iPhoneサイト背景カラーをカスタマイズ関連解説
    iPhone機能を追加したなら手動作業も必要
    シリウスサイトを設定画面でiPhone機能を追加することは簡単にできますが、それて終わりではありません 手動でいくつものスマホモバイル適合作業を行う必要があるのです
    iPhone用テンプレート初期化
    シリウスで以前よりiPhone用テンプレート同時公開しているサイトで モバイルユーザビリティの警告があるような場合 テンプレートに問題がある可能性があります
    PC画面スマホモバイル自動切り替え要素指定方法
    シリウスのPC画面とスマホモバイル画面で外部スクリプト等で自動サイズ変更とならないスライダー画像等サイト内に置くサイズのある要素は自動切り替えに指定し適合するようカスタマイズします
    iPhone画面にユーチューブ動画表示サイズを適合する手順
    シリウスサイトをiPhone同時後悔設定にした際 サイト内に置いてあるユーチューブ動画もiPhone画面で調度良い表示サイズに指定しましないと半分程度の範囲でしか認識できません
    iPhone機能 モバイル表示画面を確認する
    シリウスをiPhone同時公開に指定する際 モバイル画面では どのように表示されるかを確認しながら構築してゆくことが出来ます
    スマホとPC画面を分離適合サイズで読み易く表示する方法
    シリウスサイトのスマホサイトとPCサイトでの表示内容をモニタリングサイズに適合した読みやすい構成に分離表示する方法のご案内です
    スマホサイト フォントサイズを簡単カスタマイズする方法
    SIRIUS シリウスのiPhone機能 デフォルトフォントサイズは スマホサイトの構成により 小さすぎて読みずらい場合もありますが 読みやすくカスタマイズ変更するこは簡単にできます

       広告

    .













    お勧め目 抜粋






















































    shop

    特典付き広告..ポチする
    【上位版】次世代型サイト作成システム「SIRIUS」


    シリウスカスタマイズで気を付けること


    サイトにnorton|ノートンの安全評価を付ける


    カスタムに使える情報

    Webデザインで使えるWeb配色ツールまとめサイト