ブログ初心者向けにHTMLタグも用意しました。WEB制作WEBサイト上に会話調のコンテンツを作ろうとするとき、吹き出しのデザインを使いたいなんてこともありますよね。0から作ろうとするとなかなか面倒なのが現実。テンプレがあればサクッと作れるものなんでしょうけれども。そこで今回は、吹き出し調のデザインを簡単に作ることができるサービスをご紹介します。ハリナックスこんな感じの吹き出しを作ることができます。吹き出しの方向も4方向から指定して作成することが可能です。吹き出し調のボックスを簡単に作れるジェネレータ「cssarrowplease」は、フキダシ調ボックスのCSSを生成するオンラインジェネレータ。フキダシの方向や色などを指定すると、それぞれに合わせたCSSを生成してくれるので、設置したいサイトのCSSに追加し、簡単なHTMLを記述するだけでフキダシのボックスを利用することができます。吹き出しの方向やサイズ、そして吹き出し内と外枠の色、サイズを指定すると右側にCSSが生成されます。生成されたCSSと、下記CSSを設置したいサイトにあわせて調節し、サイトに記述します。このCSSがあると、角丸(丸角)や影がうまく表示されます。あるので、詳しい方であれば上記CSSとマージしたほうがよさそうですね。フキダシを表示させたい部分に下記HTMLコードをコピペして完了です。class="arrow_box">ここにテキスト</div>試してみたい方はcssarrowpleaseへどうぞ。FAQや「とは?」系コンテンツを会話調で表現したい時などに、手間をかけずにデザインできるので便利ですね。