LINE風の吹き出し会話が簡単にできるCSSを作ってみた（はてなブログ） - 夜中に前へ

こんばんは、夜中たわしです。 今回は主にはてなブロガー向けの記事です。 前回の記事のためにLINE風の表現ができるCSSを作ったんですが、それのやり方が知りたいという熱い声（1件）があったので、公開することにしました。 他のサービスでも使用可能ですが、はてなブログ向けの導入方法として紹介します。 紹介するCSSでできること できないこと 制作背景・前置き 注意事項 CSSにコードを追加（その1） CSSにコードを追加（その2） 会話形式CSSを導入している場合 使用方法 おわりに 紹介するCSSでできること これから紹介するCSSでできる表現はこんな感じです なるほど しいたけ しいたけ そのしいたけの人は一体？ わかりません なんか料理が出てきた このようにLINEのグループ会話、に近い表現ができます。 補足：このしいたけは私が撮影したものです 一応、画像じゃないですよ。テキスト部分など

[tawashix]

ぜひご利用ください。見に行きます。

[watto]

しいたけが「ちくわ大明神」状態 … たわし さんのしいたけ画像をずっとアイコンに使わせてもらっていますので、使用料として「欲しいものリスト」から何か安いモノ送らせてもらいます（と、そっちかコメ

[shiromatakumi]

使ってみたいけど会話する相手がいません！

[nkmskacker53]

いつか使ってみます

[suganokei]

ぼくもたまには、こんな素敵な css を使わせていただきたい。蝶別件で恐縮ですが、先日いただいたコメントをネタに使わせていただきました。http://dimofsoul.hatenablog.com/entry/2017/05/16/212538

[psfactory]

LINE風の吹き出し会話が簡単にできるCSSを作ってみた（はてなブログ） - 夜中に前へ

[masayoshinym]

”LINE風の吹き出し会話が簡単にできるCSS”

[tokushitai]

すばらしい！覚えておく！

[careerjourney]

パッと見、区別がつきませんね！

[pojihiguma]

これ良いね

[ck0705]

保存

[dylan-zuki]

CSS歴5日とは思えない

[gendou]

捏造画像を作るのに使われないか心配

[winniemouse]

便利やね

[iwatako]

しいたけしいたけ！面白いです。

[kurataikutu]

LINEネタやるときに

[mashirotan]

力作ですな～！

[khawai]

これはありがたい

[cinefuk]

#メモ

[heartbook]

やってみたい。できるかな？

[inukoblog]

すごいです！

[pikopikopan]

しいたけ

[nimi0370376]

おもしろ

[miketaro1234]

復活したら使います！

[WorldWorldWorld]

機会があれば使いたい

[tsuki-rs]

:beforeに、content:""; 使おうぜ。あとtableを使う意味がちょっとよくわからないのと、style属性は極力使わないほうがええで

[masanori1989]

凄く可愛くて面白い！LINE風の吹き出し会話が今後増えそうな予感がします。

[giovannna]

デザインがかわゆい感じがして、いいな！と思ったら、ご自分でデザインされたのですねー。スゴイ。 かわゆさの秘密はアイコンの選び方なのか、ブルーとグリーンの配色なのか…。

[Galaxy42]

ほえー。こんなカスタマイズができるのか。

[minamaru-0411]

おもしろいです！！参考にします！

[lacucaracha]

良く出来てる。

[amago1022]

おもしろいー！*\(^o^)/*