早いもので、あっという間に3月です。
1月2月3月は過ぎるのが早いとは言いますが
ここまで早いと思うのはやはり歳の所為でしょうか。
ブログ会話のお話し
ブログ会話に挑戦してみたいと思いまして。
ただ、絵心がないのでアイコンが作れないって言うね！
そんなこんなで色々調べに調べ
まずは、無料でアイコンを作れるサイトを見つけました。
似顔絵メーカーCHARAT様
色んなタイプのアイコンが作れるみたいです。
それと、吹き出しを出すCSSを載せてくれてるブログも発見。
より良い時間をあなたのポケットに様
ブログ会話の事が詳しく書いてありました。参考にしてます。
それで、試しに作ってみたのです。
アシスタントの銃を持った彼です。
どうも初めまして名前はまだありません！
こんな感じなのでしょうけれども
どうにも、吹き出しが2行になってしまうのです。
何とかならないものでしょうかね！
д）。oO（まだまだ色々勉強する必要がありますな。
ブログランキング登録してます。
【このカテゴリーの最新記事】
- no image
- no image
- no image
- no image
-
うまく表示されたようでよかったです。
また、わざわざこちらのサイトへのコメントまでいただきありがとうございました。
初めまして。
まさか参考にさせていただいたサイトの管理人様がコメントしていただくとは！
言われたように変えてみたところ、うまく表示されました。
ありがとうございます！
これからもちょくちょく覗かせていただきます(*ﾉωﾉ)
より良い時間をあなたのポケットに管理人のロフと申します。
この度はリンクいただきましてありがとうございます。
吹き出し用のhtmlタグを以下のように紹介していましたが、
<div class="balloon">
<div class="left-icon" style="background-image: url('画像URL')"></div>
<div class="left-balloon" style="color:; background:; border-top-color:">
ここにセリフ
</div>
</div>
次のように改行をなくすとうまくいくかもです。
<div class="balloon"><div class="left-icon" style="background-image: url('画像URL')"></div><div class="left-balloon" style="color:; background:; border-top-color:">ここにセリフ</div></div>
的外れだったら、ごめんなさい。
では、では。