●絵だけで挑戦●
★会話してる感じ
今回も来てくださってありがとうございます。
今回はちょっと「吹き出し」について書こうと思います。
このやり方が良いとは思ってませんが、こんな方法でも出来ますよ!を少し紹介してみようと思います。
●さぁ~遊びましょう!
まずは二色の吹き出しを作ります。
(もちろんこれをコピーしてもOKです)
好きな画像と吹き出しを順番に並べます。
HTML編集で「絵」と「吹き出し」の間の</p>・<p>を消します。
<p><img src="好きな「絵1」"></p>
<p><img src="吹き出し「画像1」"></p>
<p><img src="好きな「絵2」"></p>
<p><img src="吹き出し「画像2」"></p>
※上記の赤い部分を消します!!
そしたら空白ですが、会話してる感じになります。
<p>は「パラグラフ」の略で「節」ってことです。
<p><img src="好きな「絵1」"><img src="吹き出し「画像1」"></p>
一つの括りを長くしただけです。
文字をペイントで書いてみました。
●大きさの変更!
四隅のハンドル操作で画像の大きさを変えられます。
※画像を小さくして、スマートフォンでもレイアウト確認してください。
もちろん吹き出しも画像なので同じように変更可能です。
ペイント操作
「ペイント」アプリを立ち上げて文字を挿入します。
「A」のマークをタップして描きたい場所で枠を広げます。
保存したら文字入り吹き出しが出来上がります!
出来ました!
●コードを書かずに会話形式完成です。
何でも出来たら嬉しい!
息子が昔描いたヒマワリです。
もう一度みたくなったので飾ってます。
こんな風に思い切り花の絵を描けたらなぁ〜って観てて思います。
また、いつかCSSを使った簡単会話もやってみたら面白いかもですね。
今回は「絵」を使って遊んでみました。
出来たのはいいですが、キャラ設定とか会話内容とか本当におかしいですよね。
適当に作ってる部分がドーンと見えちゃいましたが…作ってる本人は楽しんでます[笑]