片側に寄せた大きな画像と、逆側に背景付きで下にずらした位置に文字がくる設定(DRESS版のみ)

 
幅いっぱいのレイアウトのとき、文字が来る側には余白を設けています。
文字数に関わらず画像に対して下にずらした位置になるように設定していますが、収まりのよい文字数を考慮することでデザインを保てます。

フィンランド式サウナで心と体に休息を

 
またそのなかでいっしょになったたくさんのひとたち、ファゼーロとロザーロ、羊飼のミーロや、顔の赤いこどもたち、いまこの暗い巨きな石の建物のなかで考えていると、みんなむかし風のなつかしい青い幻燈のように思われます。

フィンランド式サウナで心と体に休息を

 
またそのなかでいっしょになったたくさんのひとたち、ファゼーロとロザーロ、羊飼のミーロや、顔の赤いこどもたち、いまこの暗い巨きな石の建物のなかで考えていると、みんなむかし風のなつかしい青い幻燈のように思われます。


  • ブロック自体の上下余白、左右カラムの幅(文字側のカラムはmax-widthも)はDRESSで指定しています。
  • 文字が下にずらした位置に配置にするため、inner017のdivを指定しています。inner017に対するCSSの指定は、styleタグで「スクリプトと詳細設定」のhead内に入れてあります。コピペして利用するページの「スクリプトと詳細設定」に同様のものをコピペするか、もしくはコピペするappeal_017のブロック内にカスタムタグを配置し、そのカスタムタグにstyleをコピペしてください。
  • 画像高さを超えるほどの文字数はブロックの上下に文字がはみ出していきますので、文字数は収まる範囲で調整してください。

Tablet View

SP View