これが、今回のテンプレートの目玉です。多分。
この四つのタブ、マウスカーソルを当てると、フェードインで項目が浮かび上がってきます。
いままでのテンプレートで、ぱっと出てくるようなのはあったけど、
じわじわ出てくるのがあまりなかったので、作ってみました。
もちろん、すべてのブラウザで確認済みですよ~。
次回のテンプレでは、プラグインにこれを使おうと思っています。
プレビューでは分からないかもしてませんが、使っていただいているうちに気づくと思います。
誰かがコメントしてくれるたびに、アイコンの数が増えていきます。
コメントが10個より多くなると…?
→
アイコンは10個が限界なので、10個までしか表示されません。(カウントは増えますが)
じつは、これを作るのに苦戦し、
display:inline-block;というものが有用だったことに気づいた時は…かなり興奮しましたw
ブログを見に来る人が気づくか気づかないかっていう機能なのですが、
コメント送信フォームの「コメント」欄の右下についている横長四角をドラッグすると…
なんと、コメントの欄が膨らみます!!
「コメント欄が小さくて、コメントしずらいなぁ…。めんどくさいからやめよっと」
↑こういう人がいなくなって、コメ率UP間違いなし!(保証しません)
ちなみに、
Chromeブラウザにも同じような機能があり、それをヒントに作りました。