チェックマークの画像をリストマークに設定し、マークが左にはみ出したような設定で大きくアピール項目などを表示
 
目立つ位置に、大きくアピールしたい項目を箇条書き(リスト表示)に配置したい時、単純な黒丸(・)でのリスト表示ではなくチェックマークの画像にしたデザインです。
タブレット表示の時、ウィンドウ幅がパソコンよりも狭くなり文字の改行が増えることになりますが、その時でも右の人物写真が下揃えになるようにしています。

こんな方にオススメです。

 

  • 全く初めてで知識もないがやってみたい方。
  • 習い事として始める前にちょっと体験してみたい方。
  • 先生から色々と言われてそのとおりに作るだけの教室はイヤ。自由に自分の思うように作ってみたい方。
  • やってみたことがあるが、ついていけなかった方。
  • 本当に気楽な気持ちで「やってみたいだけ」の方。

  • appeal_009はCSSとDRESSの両方を使って設定しています。
  • DRESSSではチェックマーク付きのリストの設定をしています。リストマークの変更、及びリストの文字サイズ、太さなどはDRESSから変更可能です。
  • 右側の人物画像が文字の行数が多い時(また、改行が多くなり画像高さよりも大きくなる時)でも下揃えになるために必要な設定としてinner009の記述(HTML)がありますが、消去しないでください。
  • 人物画像は差し替え可能です。
  • ブロック1行目の「style」のカスタムタグは、inner009による下揃えのために必要なCSSが書かれていますので、消去しないでください。

Tablet View

SP View