◆当サイト一押し教材『ルレアプラス』◆

シリウスの背景画像のスクロール機能を固定にする方法

    シリウスでサイト作成していく中で背景画像を使っているでしょうか?

    背景画像もあるのと無いのとでは、サイトイメージが大きく変わってくるので、効果的に使っていきたいところですね。

    背景スクロールを固定にする方法

    シリウスのサイト背景を決めるときにボーダーや単色ではなく、特定の画像を表示させたいときもありますね。

    ですが、普通の画像では画面をスクロールしてしまうと、画像の下の何も無い白い部分が見えてきてしまいます。

     

    さすがにこれではちょっと締まらないですね。

    じゃあシリウスでサイト背景のスクロールをさせないように固定にできないのかということですが、

    CSSに1行加えるだけで可能となります。

    それが以下の1行です。

     

    この1行をCSSの50~60行目辺りのbodyの中に追加します。

    こんな感じに1行追加してアップロードしましょう。

    そうするとサイトの背景に指定した画像がスクロールされずに固定状態になります。

    以下のサイトに使っているので、ご参考までに。

    ⇒ http://tokuten.saku-affili.net/

     

    このようにサイト背景を固定にするだけで、サイトの印象が変わるということがわかったかと思います。

    シリウスでのサイト作成時にご活用くださいね。

      ◆アフィリエイトで成功するためのオススメ情報商材◆

      オススメ情報商材ランキング
      実際に私が実践しているアフィリエイトで稼ぐための情報商材をランキング形式でご紹介します。
      便利ツールランキング
      アフィリエイトの実践を補助する役立つ便利ツールをランキング形式でご紹介します。

      ◆Facebook始めました◆

      最新記事もチェック

      ◆SAKUの無料メルマガ購読のご案内◆

      mail-magazine

      コメントを残す

      日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)