ミドリ

キャラクター

キャラクターの紹介などに使えるボックスです。

名無ななし　太郎たろう

ここにキャラクターの説明や紹介文を入力してください。あまり長すぎると、途中から表示されないようになっています。このように。
サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。

名無ななし　花子はなこ

なので、多くても3～4行程度に収まるようにするときれいに入ると思います。
ここの色も変えれます。各ボックスのclass="setumeibun pink"の「pink」の部分を好きなクラス名に変更して、cssの方に追加・書き換えすると変更できます。クラス名を全部違うものにして、色味も変えると個別に変更できます。

名無ななし　次郎じろう

このボックスはいくつでも増やすことが出来ます。クラス名に「left」が付いてるが左アイコン、「right」が付いてるのが右アイコンになります。
キャラクターアイコンのdivにclass="no-image"を追加すると、左のようなNo Imageのアイコンになります。多分、どのdivに追加してもNo Imageが出ると思います。