![ネットビジネス,物販アフィリエイト,サイトアフィリエイト](https://netbe.jp/wp-content/uploads/2017/12/cta2.png)
![yaji-010](https://netbe.jp/wp-content/uploads/2016/05/yaji-010.gif)
![yaji-010](https://netbe.jp/wp-content/uploads/2016/05/yaji-010.gif)
![サイトアフィリエイト 教材](https://netbe.jp/wp-content/uploads/2017/09/c2ae4a257e0f75081310f14db504381f.png)
シリウスで背景(壁紙)をスクロールで動かさず固定する方法
シリウスはデフォルトの設定では背景(壁紙)が
スクロールと同時に動く設定になっています。
しかし
サイトデザインによってはこの背景(壁紙)を動かさずに
固定したい場合もあるはずです。
よって今回はシリウスの背景(壁紙)を固定する方法を紹介します。
シリウス(SIRIUS)で背景を固定する方法
シリウスの背景(壁紙)を固定する方法は、
CSSに一文を追加するだけで簡単に設定可能です。
メニューボタンの『テンプレート』⇒『スタイルシート編集』で
CSS編集画面に行き、CSSの中の『body』の中に
1 |
background-attachment:fixed; |
の一文を追加するだけで背景(壁紙)が固定されます。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
body { margin: 0px; padding: 0px; text-align: center; color: #333333; font-size: 0.9em; line-height: 140%; background-color: #F5F5F5; background-attachment:fixed;/*この1文を追加するのみ*/ <% backgroundImage %> <% backgroundDisplay %> <% backgroundColor %> <% bodyFontSize %> } |
そうすることでサイトの背景(壁紙)は固定されます。
非常に簡単な設定で行なえますので、
現在スクロールと同時に背景(壁紙)が動き
気になっている方はぜひ一度設定してみてください。
シリウスの全てのカスタマイズをまとめました。
シリウスの全てのカスタマイズをまとめました。
他の場所をカスタマイズされたい場合は
是非参考にしてみてくださいね。
⇒シリウス 【全カスタマイズ一覧まとめ】 HTMLテンプレート
タグ:HTMLテンプレート, SIRIUS, シリウス, 背景
![ネットビジネス,物販アフィリエイト,サイトアフィリエイト](https://netbe.jp/wp-content/uploads/2017/12/cta2.png)
![yaji-010](https://netbe.jp/wp-content/uploads/2016/05/yaji-010.gif)
![yaji-010](https://netbe.jp/wp-content/uploads/2016/05/yaji-010.gif)
![サイトアフィリエイト 教材](https://netbe.jp/wp-content/uploads/2017/09/c2ae4a257e0f75081310f14db504381f.png)