• MENU ●●●●
  • シリウスブラックカラーテンプレート作成手順


    シリウスカスタマイズ 記事一覧を記事中段へ移動して情報を解り易く明示しましょう グーグル検索で好評かを得られるかも?

    スポンサー広告

    当該サイトコンテンツ関連記事

    シリウスブラックカラーテンプレート作成手順

     

     

    シリウスのカラーテンプレート作成手順はご覧になりましたか?

     

    こちらでは あと一歩進みます

     

    記事コンテンツの背景までカラーにしてしまおうという訳です

     

    海外テンプレートによくあるカスタマイズですね

     

    当サイトで使用しているものがそうです

     

    ブラックテンプレート といえば解り易いかもしれません

     

    背景をブラックにするのは然程面倒は御座いません

     

    今回の解説を応用すれば 背景を赤や茶色 青色 緑色

     

    貴方の好みに替えることができます

     

     

    ただし 背景が黒なら 文字色を変える必要があります

     

    それは他の色でも同じですね

     

    薄いグレーや淡いピンクなら 替えなくてもよいかな?

     

     

    また サイトページメニューも変更が必要です

     

     

    全て解説いたしますのでよろしくお願いいたします

     

     

    メニューのカラー変更はお隣のシリウスカラーテンプレート作成手順
    でご確認願います

     

     

    デフォルトのブラックテンプレートからスタートします

     

    背景カラー変更

     

    デフォルトは白

    手順

     

    全体設定より テンプレート選択 フォルダを開き 次にingを開く

     

    以下ファイルを変更します
    cnt bg

     

     

    ファイルクリック 編集からペイント選択

     

    横長の白い画像が連写され記事背景を作っています
    この画像を黒に変えましょう

     

    替えました 上書き保存

     

     

    次にテンプレート選択で 一端 他のテンプレートを選択しから 
    再度戻し選択を行ってください

     

    このままプレビューで確認しても変更が確認できません

     

     

     

    ここで 上部メニューのテンプレート選択 横幅選択

     

     

    上から二つ目のチェックを外してください

     

     

    以下で 記事背景の変更ができました

     

     

    でも 文字色が黒ですので認識できません

     


     

    文字色変更

     

     

    文字色変更は スタイルシート開いて 12番目のカラーコード
    #333333を書き換えます

     

     

     

     

    白は #FFFFFFです

     

     

    文字が白になりました

     

    しかし 右のフリースペースが真っ白ですね

     

    サイト本体を色図けした場合 フリースペースは表示する方法が
    変わります

     

    フリースペース操作画面 

     

    灰色枠かスタイルなしのみが適合します

     

    それ以外は なんかかみ合いません

     

     

    灰色枠を指定した例

     

     

     

    スタイルなしの例

     

     

     

     

    長々と 解説してますが 数度やれば ここまで10分以内で
    できるようになります

     

    左のメニューラインは デフォルトのままですが これでよいという方は
    テンプレートをエクスポートして保存してください

     

     

    しかし

     

    左のメニューライン背景 およびメニュー表示に ご不満のある方は 
    次のステップへと進みましょう

     

    スポンサーリンク

     

     

    シリウスブラックカラーテンプレート作成手順記事一覧

    デフォルトメニュー構成やカラー変更の解説です

    左のサイトメニューおよびメニュー背景の変更手順の解説です前頁では このスタイルまで進みましたが左のメニューはデフォルトのままですここでは メニュー背景の変更例からメニュー内のカラー変更を解説しますメニュー背景変更方法はは2例あります一つ目背景カラーを変更するメニュー背景は記事背景と同色でもよいのです...

    ≫続きを読む

     

    背景をオールフォト画像にしてみよう

    サイト背景をオールフォト設定 画像で表示する手順シリウスのサイト背景は、記事を書き込むカラム全体とサイト本体の後ろに配置される背景が重なりが認識されますが、記事背景を非表示にすることでサイト全体を画像か、もしくはデフォルトで設定できる各種背景カラーでカラフルなデザインとして表現することができますシリ...

    ≫続きを読む

     

    ブラックテンプレート8対2の配色 メニュー背景透明化

    当サイトは 記事背景が黒で 右メニュー背景が画像ですねこのスタイルは どうすればできるのですか?と たくさんのお便りがございますので 解説を追記します簡単なことですサイト背景の画像を作るとき 記事部分の黒にしているだけですメニュー背景が画像ですが ペイントで画像を作るとき 黒背景をメニュー位置までサ...

    ≫続きを読む

     

    フッターのサイトマップのフォントカラー背景色を変更

    テンプレートのカラー変更をしてみると フッターのカラーや その上にあるサイトマップを表示するフォントや背景カラーがサイトカラーに合わないこともあります私など 全然気にならないのですけれど やはり気になる方はおられるようですねよく お問い合わせがございますので説明を追記いたしますサイトマップのフォント...

    ≫続きを読む

     

    カテゴリーリスト フォント&タイトルカラー変更

    ブラックサイトの場合で カテゴリー以下の階層を関連メニューとしてページ巻末下に表示すると文字色が見えずらいと 当サイトのカスタマイズ利用者から沢山のクレームがございます私は これでいいんじゃないかなと判断していましたが やはり見えやすく修正する必要がございますね以下は デフォルトの場合 認識しずらい...

    ≫続きを読む

     

    エントリーリスト フォントカラー変更方法

    デフォルトテンプレート対応エントリーページ巻末に表示される関連ページの記事フォントのカラー変更についてデフォルト背景色の場合は然程必要なことではありませんが記事背景カラーを変更したときなどは デフォルトの文字色では見えずらくなりますね読者の方がはっきりと認識しやすい環境にしてみましょう当サイトはブラ...

    ≫続きを読む

     

     

     

     

    シリウスブラックカラーテンプレート作成手順
    シリウスカスタマイズ

       広告

    .













    お勧め目 抜粋






















































    shop

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


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


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


    カスタムに使える情報

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