均等割 4分割エリア 部品

コンテンツ内に均等割で配置されるエリア部品です。


写真の均等針配置は、写真部品の方にありますので、ここではエリアに中に部品を配置して作っていくときに使用してください。

均等割 分割エリア- 四分割
os

四分割エリア-Yi01

四分割のエリア部品です。四角く枠がつきます。
枠の太さと色は自由に変えていけます。この中に部品を組んでいきます。エリアの高さは一番高いものに高さが調節されます。

あああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああ

os
「四分割-Yi01」編集解説
配置後に罫線の太さと色を設定していきます。
部品記述の中に <!-- 左側の内包部品ここから --> <!-- 左側の内包部品ここまで -->  が見つかると想います。
左のエリア内に組んで聞く部品はこの中に組んでいってください。
<!-- 左側の内包部品ここから --> この記述のすぐ上に
background-color: #ffcbf3; こんな記述が見つかると思います。
#ffcbf3 こちらは左側の背景の色です。#から始まる6桁の色のコードです。好きな色に調整してみてください。
囲み罫線をなくすには border: none; と打ち替えてください。

同じように左から2番目の編集は、
<!-- 左から2番目の内包部品ここから --><!-- 左から2番目の内包部品ここまで --> で左と同じように進めていきます。
同じように左から3番目の編集は、
<!-- 左から3番目の内包部品ここから --><!-- 左から3番目の内包部品ここまで --> で左と同じように進めていきます。
同じように右側の編集は、<!-- 右側の内包部品ここから --><!-- 右側の内包部品ここまで --> で左と同じように進めていきます。
枠の高さは、どちらか高い方に合わせてセットされます。
エリアが4つあるので部品を組んでいくとかなりわかりにくくなってきます。注釈を良き確認しながら組んで行ってください。
os

四分割エリア-Yi02

四分割のエリア部品です-角丸の枠がつきます。
枠の太さと色は自由に変えていけます。この中に部品を組んでいきます。エリアの高さは一番高いものに高さが調節されます。

あああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああ

os
「四分割-Yi02」編集解説
配置後に罫線の太さと色を設定していきます。
部品記述の中に <!-- 左側の内包部品ここから --> <!-- 左側の内包部品ここまで -->  が見つかると想います。
左のエリア内に組んで聞く部品はこの中に組んでいってください。
<!-- 左側の内包部品ここから --> この記述のすぐ上に
background-color: #ffcbf3; こんな記述が見つかると思います。
#ffcbf3 こちらは左側の背景の色です。#から始まる6桁の色のコードです。好きな色に調整してみてください。

同じように左から2番目の編集は、
<!-- 左から2番目の内包部品ここから --><!-- 左から2番目の内包部品ここまで --> で左と同じように進めていきます。
同じように左から3番目の編集は、
<!-- 左から3番目の内包部品ここから --><!-- 左から3番目の内包部品ここまで --> で左と同じように進めていきます。
同じように右側の編集は、<!-- 右側の内包部品ここから --><!-- 右側の内包部品ここまで --> で左と同じように進めていきます。
枠の高さは、どちらか高い方に合わせてセットされます。
エリアが4つあるので部品を組んでいくとかなりわかりにくくなってきます。注釈を良き確認しながら組んで行ってください。
os

四分割エリア-Yi03

四分割のエリア部品です。四角い背景がそれぞれがつきます。背景の色は自由に変えていけます。この中に部品を組んでいきます。エリアの高さは一番高いものに高さが調節されます。

あああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああ

os
「四分割-Yi03」編集解説
配置後に罫線の太さと色を設定していきます。
部品記述の中に <!-- 左側の内包部品ここから --> <!-- 左側の内包部品ここまで -->  が見つかると想います。
左のエリア内に組んで聞く部品はこの中に組んでいってください。
<!-- 左側の内包部品ここから --> この記述のすぐ上に
background-color: #ffcbf3; こんな記述が見つかると思います。
#ffcbf3 こちらは左側の背景の色です。#から始まる6桁の色のコードです。好きな色に調整してみてください。

同じように左から2番目の編集は、
<!-- 左から2番目の内包部品ここから --><!-- 左から2番目の内包部品ここまで --> で左と同じように進めていきます。
同じように左から3番目の編集は、
<!-- 左から3番目の内包部品ここから --><!-- 左から3番目の内包部品ここまで --> で左と同じように進めていきます。
同じように右側の編集は、<!-- 右側の内包部品ここから --><!-- 右側の内包部品ここまで --> で左と同じように進めていきます。
枠の高さは、どちらか高い方に合わせてセットされます。
エリアが4つあるので部品を組んでいくとかなりわかりにくくなってきます。注釈を良き確認しながら組んで行ってください。
os

四分割エリア-Yi04

四分割のエリア部品です。角丸の背景がそれぞれがつきます。背景の色は自由に変えていけます。この中に部品を組んでいきます。エリアの高さは一番高いものに高さが調節されます。

あああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああ

os
「四分割-Yi04」編集解説
配置後に罫線の太さと色を設定していきます。
部品記述の中に <!-- 左側の内包部品ここから --> <!-- 左側の内包部品ここまで -->  が見つかると想います。
左のエリア内に組んで聞く部品はこの中に組んでいってください。
<!-- 左側の内包部品ここから --> この記述のすぐ上に
background-color: #ffcbf3; こんな記述が見つかると思います。
#ffcbf3 こちらは左側の背景の色です。#から始まる6桁の色のコードです。好きな色に調整してみてください。

同じように左から2番目の編集は、
<!-- 左から2番目の内包部品ここから --><!-- 左から2番目の内包部品ここまで --> で左と同じように進めていきます。
同じように左から3番目の編集は、
<!-- 左から3番目の内包部品ここから --><!-- 左から3番目の内包部品ここまで --> で左と同じように進めていきます。
同じように右側の編集は、<!-- 右側の内包部品ここから --><!-- 右側の内包部品ここまで --> で左と同じように進めていきます。
枠の高さは、どちらか高い方に合わせてセットされます。
エリアが4つあるので部品を組んでいくとかなりわかりにくくなってきます。注釈を良き確認しながら組んで行ってください。
os
os