メッセージ吹き出しが簡単に使えるテーマです。
話したことの記録や対談エントリーを書く人におすすめです。
- はてな記法モードを使うと便利です
- はてな記法の「-~~」で灰色の吹き出しができて、「+~~」で緑色の吹き出しができます
はてな記法でメッセージを書くサンプル
-Hi, Jack :-) +Hi! What's up ? -Fine, and you? +I'm ok. +Would you like to have lunch with me from now? -Year!! ok. -[f:id:kudakurage:20130228125015j:plain] -I'd like to have a lunch that is hamburger and french fry of basil!
スマートフォンにも対応させる方法
↓以下のコードを管理画面の「デザイン > カスタマイズ > 記事 > 記事下」にコピー&ペーストして、「スマートフォン版にも表示する」にチェックを入れて保存してください。
<style type="text/css">.entry-content ul,.entry-content ol {position: relative;margin: 15px 30px 15px 0;padding: 12px 15px;background: #e6e6e6;list-style: none;-webkit-border-radius: 7px;-moz-border-radius: 7px;-ms-border-radius: 7px;-o-border-radius: 7px;border-radius: 7px;}.entry-content li {word-break: break-word;}.entry-content li img,.entry-content li iframe,.entry-content li object {float: none;max-width: 100%;margin: 0;}.entry-content ul li + li,.entry-content ol li + li,.entry-content ul ul,.entry-content ul ol,.entry-content ol ul,.entry-content ol ol {margin: 10px 0 0;padding: 10px 0 0;border-top: 1px solid #ccc;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}.entry-content ol ul,.entry-content ol ol {border-color: #b5d96d;}.entry-content ul li + li,.entry-content ol li + li {border: 0;padding: 0;margin-top: 5px;}.entry-content ul:before,.entry-content ol:before {position: absolute;content: '';display: block;bottom: 10px;width: 12px;height: 12px;-webkit-background-size: 12px 12px;-moz-background-size: 12px 12px;-ms-background-size: 12px 12px;-o-background-size: 12px 12px;background-size: 12px 12px;}.entry-content ul:before {background: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130228/20130228120842.gif);left: -12px;}.entry-content ol {margin: 15px 0px 15px 30px;background: #d3ee9c;}.entry-content ol:before {background: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130228/20130228120843.gif);right: -12px;}.entry-content ul ul:before,.entry-content ul ol:before,.entry-content ol ul:before,.entry-content ol ol:before {display: none;}.entry-content {overflow: visible;padding-left: 25px;padding-right: 25px;margin-left: 0;margin-right: 0;}@media screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {.entry-content ul:before {background: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130301/20130301120004.gif);}.entry-content ol:before {background: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130301/20130301120005.gif);}}</style>