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

主な手順 主な作成手順は、こんな感じです。 CSSをstyle.cssなどに貼り付ける CSSのclassを用いて文章を書く CSSさえ貼り付けてしまえば、あとは「吹き出しクラスを適用したpタグ」などで、書き込むだけです。それほど手間もかからないと思います。 作成方法 作成方法は以下です。 style.cssに貼り付ける 以下のCSSをstyle.cssにコピペします。 /******************************* * 左からの吹き出し ********************************/ .left_balloon { position: relative; background: #fff; border: 1px solid #777; margin: 10px; padding: 10px; border-radius: 15px; margin-

[KoshianX]

こういうの見るたびになぜ dialog 要素が HTML5 に入らなかったかなあと

[ll0oo0ll]

おい文例ｗ

[tolkine9999h]

いいすねー。これ。はやるとみんなこればっかになるかな？

[ginzi009]

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

[naokey7]

“/******************************** 左からの吹き出し********************************/.left_balloon { position: relative; background: #fff; border: 1px solid #777; margin: 10px; padding: 10px; border-radius: 15px; margin-right: 20%; clear: both; max-width: 500px; float: left;}.left_balloon:a

[djkaz]

これ面白い。使えそうねo(^▽^)o

[twisterkun]

おぉ、確かに簡単だ!

[ks1234_1234]

なぜこれがLINEなのだろう。iPhoneSMSが発祥じゃないのか。

[tsu347]

ほほー、これはいい。

[KOUkun]

LINE風に表示させる方法

[countzero00000]

気になる

[syonx]

もっと再現度の高いものを作りたくなるね

[fut573]

アイコン付きで管理できるようにしたら色々夢が見れそう

[tenchikometen]

line風

[hamachang1111]

おぉ！面白い発想や (｀･ω･´)

[ladybba]

これいいｗ

[nekoraka2]

WordPressにCSSをコピペし「LINEぽい吹き出し」を作って会話を入力する方法 LINEのインターフェースは、会話がとても分りやすいです。 シンプルでありながら、どちらが発言しているかすぐにわかるし、インターフェース自体

[TAKAYUKI_SATAKE]

WordPressにCSSをコピペし「LINEぽい吹き出し」を作って会話を入力する方法 LINEのインターフェースは、会話がとても分りやすいです。 シンプルでありながら、どちらが発言しているかすぐにわかるし、インターフェース自体

[kojikoji75]

これはやってみたい

[zinboooy]

仕事で使うことはあまりなさそうだけど。一応メモ。

[deinestadt]

これはおもしろい！

[kuukai13]

これはいい！RT

[s99e209]

WordpressでもLINEのように会話文を表示するための、LINE風吹き出しの設定方法と使用方法。

[susanne]

これつかうだろなー

[Sips]

吹き出し css

[web_shufu]

これなら私でも出来るかも⇒ #Wordpress に #CSS をコピペし「LINEぽい吹き出し」を作って会話を入力する方法