【WordPress】 Line 風のチャット表現 【忘備録】

Line 風のチャット表現をCSSで

ちょっとやって見たかっただけですが、

WordPressにCSSをコピペし「LINEぽい吹き出し」を作って会話を入力する方法

お世話になっている寝ログさんのを拝借

 

今、時間ある?

ちょっと手伝って欲しいんだけど、いいかな?

なに?

近くのコンビニでiTuneカードを何枚か買ってきて欲しいんだけどいいかな?

そんなことより、CSSの話をしようぜ。

 

こういうことができます。

で・・何故このページがあるか?というと、これで、最後に、

<br class="clear_balloon"/>

を入れるんですが、消えるんですよね。。<br>がきっと、ビジュアルエディタの方で消されるようです。だから、

<div class="clear_balloon"></div>

の方じゃないと、消えちゃいます。

これがないと、クラスのballoonの終わりがなくなっちゃうので、文字が回り込んでしまいました。

というのを忘れないようにってことで、忘備録です。

CSSファイルをイジって、こんな表現ができるんですねw

ありがとうございます。

投稿者 tom2rd

コメントを残していただけるとありがたいです

Loading Facebook Comments ...

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください