version設定
・version設定>全体背景設定より背景画像を挿入
→設定方法の詳細はこちら
・タグ設定のbodyに以下のJavascriptを挿入
→背景画像を表示画面いっぱいに表示させるため
<script>
document.body.style.setProperty("background-repeat", "no-repeat", "important");
document.body.style.setProperty("background-position", "center top", "important");
document.body.style.setProperty("background-size", "cover", "important");
document.body.style.setProperty("background-attachment", "fixed", "important");
</script>
1.
※編集部分
【CSS】
・前面画像がホバー時に薄暗くなるように変更
【HTML】
・HTMLにて、前面画像に遷移リンクを追加
2.
※編集部分
【CSS】
・横幅を500pxで指定
・中央寄せに変更
3.
※編集部分
【CSS】
・横幅を500pxで指定
・中央寄せに変更
4.
※編集部分
【CSS】
・前面画像がホバー時に薄暗くなるように変更
【HTML】
・HTMLにて、前面画像に遷移リンクを追加
5.
※編集部分
【CSS】
・横幅を500pxで指定
・中央寄せに変更
6.
※編集部分
【CSS】
・横幅を500pxで指定
・中央寄せに変更
7.
※編集部分
【CSS】
・前面画像がホバー時に薄暗くなるように変更
【HTML】
・HTMLにて、前面画像に遷移リンクを追加
8.
※編集部分
【CSS】
・横幅を500pxで指定
・中央寄せに変更
9.
※編集部分
【CSS】
・横幅を500pxで指定
・中央寄せに変更
10.
※編集部分
【CSS】
・横幅を500pxで指定
・中央寄せに変更
11.
※編集部分
【CSS】
・横幅を500pxで指定
・中央寄せに変更
12.
※編集部分
【CSS】
・横幅を500pxで指定
・中央寄せに変更
13.
※編集部分
【CSS】
・前面画像がホバー時に薄暗くなるように変更
【HTML】
・HTMLにて、前面画像に遷移リンクを追加
14.
※編集部分
【CSS】
・横幅を500pxで指定
・中央寄せに変更
15.
※編集部分
【HTML】
・自動で更新されるテキストを年のみに変更
Squad All rights reserved.
16.
※編集部分
【HTML】
・画像を2枚→1枚に変更
【CSS】
・画像の位置を変更
→表示画面幅が600px未満のときは中央寄せ
→表示画面幅が600px以上のときは右寄せ