シリウスでサイト作成していく中で背景画像を使っているでしょうか?
背景画像もあるのと無いのとでは、サイトイメージが大きく変わってくるので、効果的に使っていきたいところですね。
背景スクロールを固定にする方法
シリウスのサイト背景を決めるときにボーダーや単色ではなく、特定の画像を表示させたいときもありますね。ですが、普通の画像では画面をスクロールしてしまうと、画像の下の何も無い白い部分が見えてきてしまいます。
さすがにこれではちょっと締まらないですね。じゃあシリウスでサイト背景のスクロールをさせないように固定にできないのかということですが、CSSに1行加えるだけで可能となります。
それが以下の1行です。
1 |
background-attachment:fixed; |
この1行をCSSの50~60行目辺りのbodyの中に追加します。
1 2 3 4 5 6 7 8 9 10 |
body { background-color: #c0cee0; background-position: center top; background-repeat: repeat; color: #474747; font-size: 13px; line-height: 180%; text-align: center; background-attachment:fixed; } |
こんな感じに1行追加してアップロードしましょう。そうするとサイトの背景に指定した画像がスクロールされずに固定状態になります。
以下のサイトに使っているので、ご参考までに。
⇒ http://tokuten.saku-affili.net/
このようにサイト背景を固定にするだけで、サイトの印象が変わるということがわかったかと思います。シリウスでのサイト作成時にご活用くださいね。
この記事へのコメントはありません。