[CSS]そのまま使えるコメントのスタイルシートのテンプレート集
Post on:2009年9月30日
スタイリッシュにデザインされたブログなどに無料で利用できるコメントのテンプレートをcss globeから紹介します。
![サイトのキャプチャ](/wp-content/uploads-2009-2d/2009093002.png)
CSSG Collection: Free Comment Styles
コメントは汎用的に利用できるように、リスト要素で実装されています。
HTML
1 2 3 4 5 6 7 8 9 10 11 12 |
<textarea name="code" class="html" cols="60" rows="5"> <ol class="comments"> <li> <ul class="meta"> <li><img src="path-to-gravatar.gif" alt="Author's name" /></li> <li><a href="url-to-authors-homepage.html">Author's name</a></li> <li>posted on date-goes-here</li> </ul> <div class="body">Comment text goes here...</div> </li> </ol> </textarea> |
コメントのデザインは、下記の4種類がダウンロードできます。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009093003-01.png)
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009093003-02.png)
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009093003-03.png)
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009093003-04.png)
sponsors