• MENU●●●●
  • シリウスのトップページ背景をGIFシネマで全体表示する設定方法


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

    スポンサー広告

    関連記事


    トップページ背景のみ対応のGIFシネマグラフ設定手順

    海外サイトによく見られる...いや時々でしょうか?
    サイト構成に トップページのみ画面全体にGIF画像..シネマグラフを
    組み込んでいる例が見られます。

     

    検索エンジンか何かで訪れた際のサイトイメージは大事ですね

     

    ま、コンテンツが一番大事なのは重々承知はしておりますけど...?
    一瞬で虜にしてしまう...?....表現が大げさすぎ...

     

    でも、多くのサイトを運営するなら一つぐらいやってみる価値があるのでは?
    と理解しております...です。

     

     

    シリウスで実行する場合は、一カラムであれば面倒が少なくやりやすいの
    ですが、サイトのご案内のサイドメニューの配置要素を考えますと...

     

    トップページだけ1カラムとか

     

    2カラムの場合でなら、トップページだけ1カラムにするとか

     

    2カラムのまま行くなら、記事台紙の非表示とか

     

    サイドメニュー背景の非表示とかの各種レイアウトの可変を行うしか
    ないようです。

     

    今後、カスタマイズに関しては追記してまいりますが今回はこの程度で
    ご勘弁くださいね...

     

    では、まいりましょうか...

     

    トップページ背景のみGIFシネマグラフを設定する手順

     

    今回は以下の画像を背景として指定しました

     

     

    ちなみに当サイトは背景を画像で表示しておりますが

     

    白背景がお好みの場合..記事、台紙を削除後

     

    サイトオプションから..サイト背景色を白で選択

     

    背景画像を表示しない...で指定すれば

     

    トップページはGIF画像で表示

     

    以下ページは通常の白背景サイトとして使えます

     

     

    以下の記述コードをコピーしてあなたのサイトのトップページの
    最上部に張り付け...画像コードを書き換えてください

     

    それだけで完了です

     

    <img style="z-index: -1;min-width: 1024px;position: fixed;top:0;left:0;" width="100%" height="100%" src="img/60s9801bicccc1.gif";>

     

     

    簡単すぎますか?

     

    でも、記事台紙を非表示にっしていないと サイトの両脇だけしか
    見えませんね

     

     

    今回のカスタマイズはページ解説を応用しております
    シリウスサイト背景にユーチューブ動画をCSSのみで設定する方法

     

     

    追伸

     

    トップページの背景を設定することは、シリウスデフォルト機能の
    画像の拡張に障害が発生し設定ではできませんでした

     

    外部から何かしら追加すればできるということが確認されております

     

    当サイトはエントリーページですが、解説のカスタマイズでは表示は
    不能なので別な方法で表示しております

     

    今回はトップページのみのカスタマイズです、 当サイトのように
    カテゴリー エントリーページでも異なる画像を個別に指定されたい場合

     

    こちらで詳細を追記しております
    シリウスのサイト背景をGIFアニメーション|シネマで表示する方法

     

     

     

    シリウスのトップページ背景をGIFシネマで全体表示する設定方法
    GIFアニメ 動く画像をシリウスサイトに設置する方法のご案内
    シリウスカスタマイズTOP

    シリウスのトップページ背景をGIFシネマで全体表示する設定方法関連解説
    YouTube動画やMP4からGIF画像を作成する方法のご案内
    シリウスサイト内にGIFアニメファイル 動く画像をyoutube動画やMP4から簡単に設置するカスタマイズ方法ご案内です
    シリウスサイトへ3D GIFアニメーション画像を設置してみよう
    シリウスサイト内に3D GIFファイルのアニメーション画像を設置.❔.3次元として脳が理解する立体化 スタイルとは?詳細カスタマイズのご案内です
    一部分だけを動かすGIF画像加工シネマグラフ参考まとめ
    一部分だけを動かす加工を施し魅力的なスタイルを表現するGIF画像シネマグラフをご覧いただき製作の手本として参照ください シリウスに洗練されたシネマグラフをカスタマイズしてナイスなサイトへ....
    GIF画像の編集が思うように進まれない方へ|ずるっこカスタマイズ
    シリウス内にGIF画像を自主制作して設置しようとしても思うようにことが進まれない方は 多少ずるっこですがいいカスタマイズ手法がございます 思考を変えてみましょう
    シリウスヘッダーをGIFアニメーション画像に切り替える設置方法
    シリウスサイトのヘッダーをGIFアニメーション画像に切り替えて表示するには 通常設定ではなくスタイルシートで指定することで対応が可能です
    ヘッダーフレーム内にGIF画像を自動で、リサイズ調整する手順
    シリウスサイトのトップヘッダーフレーム枠内に、正常にGIf画像のサイズが適合される自動リサイズ調整、および正常な動きを反映させるための工程をご案内いたします
    すべてのページヘッダーで異なるGIFアニメーション表示を設定方法
    シリウスサイトでは、すべてのページヘッダーで異なるGIFアニメーションの適合表示は、デフォルト指定ではできませんが、CSSに指示を加えれば簡単にできます
    ヘッダーレイアウトにロゴタイプのアニメーションを設置する方法
    シリウスサイトのヘッダーレイアウトにイメージ向上か?お遊び心か?目的は様々な要素で使えるロゴタイプサイズの動くアニメーションを設置する方法のご案内です
    シリウスのサイト背景をGIFアニメーション|シネマで表示する方法
    シリウスのサイト背景をすべてのページでワイドサイズのGIFアニメーション、シネマグラフで個別設定する方法のご案内です、よりハイレベルなデザインカスタマイズへお進みください
    シリウス機能でGIF画像ファイルのリサイズが反映される保存方法
    シリウスのデフォルト機能?、かと思われますがGIF画像ファイルの構造を失うことなく抽出から保存までの手順をご案内します

       広告

    .













    お勧め目 抜粋






















































    shop

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


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


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


    カスタムに使える情報

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