Version設定
※編集部分
・versionの上下左右の余白削除
→余白の設定方法はこちら
・全体とversionの背景色を白(#fff)に設定
→背景色の設定方法はこちら
1.
※編集部分
【CSS】
・横幅を表示画面にフィットするように100%に設定
2.
※編集部分
【CSS】
・横幅を表示画面にフィットするように100%に設定
3.
※編集部分
【CSS】
・色背景を薄い青(#d0f0fd)から少し濃い青(#abe0f7)に変更
4.
※編集部分
【CSS】
・横幅を表示画面にフィットするように100%に設定
5.
※編集部分
【HTML】
・画像を8個から1個に変更
【CSS】
・bg-image(背景画像)のクラスにaspect-ratio: 9/16を指定
→背景が素材のサイズとあうように調整
※このwidgetは同version内で複数使用されているため、
Javascriptはタグ設定にて入力しております。
6.
※編集部分
【HTML】
・画像を8個から1個に変更
【CSS】
・bg-image(背景画像)のクラスにaspect-ratio: 199/264を指定
→背景が素材のサイズとあうように調整
※このwidgetは同version内で複数使用されているため、
Javascriptはタグ設定にて入力しております。
7.
※編集部分
【CSS】
・横幅を表示画面にフィットするように100%に設定
8.
※編集部分
【HTML】
・画像を8個から1個に変更
【CSS】
・背景画像を削除
・背景色を黒(#0a011a)から薄い青(#abe0f7)に変更
※このwidgetは同version内で複数使用されているため、
Javascriptはタグ設定にて入力しております。
9.
※編集部分
【CSS】
・横幅を表示画面にフィットするように100%に設定
10.
※編集部分
【HTML】
・画像を8個から2個に変更
【CSS】
・bg-image(背景画像)のクラスにaspect-ratio: 9/16を指定
→背景が素材のサイズとあうように調整
※このwidgetは同version内で複数使用されているため、
Javascriptはタグ設定にて入力しております。
11.
※編集部分
【CSS】
・横幅を表示画面にフィットするように100%に設定
12.
※編集部分
【HTML】
・画像を8個から1個に変更
【CSS】
・背景画像を削除
・背景色を黒(#0a011a)から薄い青(#abe0f7)に変更
※このwidgetは同version内で複数使用されているため、
Javascriptはタグ設定にて入力しております。
13.
※編集部分
【HTML】
・画像を8個から1個に変更
【CSS】
・背景画像を削除
・背景色を黒(#0a011a)から薄い青(#abe0f7)に変更
※このwidgetは同version内で複数使用されているため、
Javascriptはタグ設定にて入力しております。
14.
※編集部分
【CSS】
・横幅を表示画面にフィットするように100%に設定
15.
※編集部分
【CSS】
・色背景を薄い青(#d0f0fd)から少し濃い青(#abe0f7)に変更
16.
※編集部分
【HTML】
・画像を8個から1個に変更
【CSS】
・背景画像を削除
・背景色を黒(#0a011a)から薄い青(#abe0f7)に変更
※このwidgetは同version内で複数使用されているため、
Javascriptはタグ設定にて入力しております。
17.
| 商品名 | 類似サービスA | |
|---|---|---|
| 内容1 |
|
テキスト |
| 内容2 |
|
テキスト テキスト |
| 内容3 | テキスト テキスト |
テキスト テキスト |
| 内容4 | テキスト テキスト |
テキスト テキスト |
| 内容5 | テキスト |
テキスト テキスト |
18.
※編集部分
【HTML】
・画像を8個から2個に変更
【CSS】
・bg-image(背景画像)のクラスにaspect-ratio: 9/16を指定
→背景が素材のサイズとあうように調整
※このwidgetは同version内で複数使用されているため、
Javascriptはタグ設定にて入力しております。
19.
※編集部分
【CSS】
・横幅を表示画面にフィットするように100%に設定
20.
※編集部分
【HTML】
・テキストフォントを明朝体からゴシックに変更
【CSS】
・タイトルカラーを黒(#333)からネイビー(#055188)に変更
・横幅を750pxから550pxに変更
・Qアイコンの背景色を薄い青(#abe0f7)、テキストカラーを黒(#333)に変更
・Aアイコンの背景色を黒(#333)、テキストカラーを薄い青(#abe0f7)に変更
21.
※編集部分
【CSS】
・横幅を表示画面にフィットするように100%に設定
22.
※編集部分
【CSS】
・色背景を薄い青(#d0f0fd)から少し濃い青(#abe0f7)に変更
23.
※編集部分
【HTML】
・画像を削除
24.
※編集部分
【CSS】
・画像の横幅を表示画面幅によってそれぞれ指定
→画面幅が600px以上のとき：500px
→画面幅が600px未満のとき：200px
・画像の位置(左右)を表示画面幅によってそれぞれ指定
→画面幅が600px以上のとき：右から10px
→画面幅が600px未満のとき：右から画面幅全体の30%