WordPressで、マウスオーバーで、画像に吹き出しの説明ができる、スタイルシート(CSS)とHTML

5/5 (5)

WordPressで、画像に、吹き出しの【説明バルーン】を作ってみる。

こんな感じで、作ってみます。画像の上に、マウスを乗せてください。

説明バルーンが、表示されます。

初めまして、五十嵐未来です。

これからのブログは、画像の会話形式が主流になってきそうなので、探ってみました。

スタイルシート(CSS)

HTML

画像会話形式によるブログが主流になりそうな予感。

参考にさせていただいたのが、こちらのブログ。

非常に、勉強になりました。

これからのブログの1つの主流として、

「画像による会話形式」

「LINE風の会話形式」

こんな感じのブログが増えてきそうな予感がしています。

今後、さらに、進化していくであろう『ブログ』の最新動向をお伝えして行きます。

(*^-^*) よろしくね~

↑ マウスを乗せてみてください。( *´艸`)

補足説明

ちなみに、画像の大きさの設定は、ここです。

2016-07-12_09h40_04

逆に、言うとですね・・・

あなたのアップした画像の大きさを、ここに指定してあげないと

「あなたのアップした画像の大きさ」は、崩れてしまいます。

以上で~~す。

Please rate this

  にほんブログ村 ネットブログ ポータルサイトへ

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

219 views
トップへ戻る