ぷちぷちっと改造


コメントシステムのCSSを改造しました。
サイトイメージに合うようになったでしょ♪

新しいコメントシステム「プチコメ」はCSSの書き換えでデザインを変更できるというのがすごくいいです。自分のサイト専用に作られたかのような統一デザインに出来るから他のより愛着がわきますね〜。

Recent Commentsで小さなコメントやエントリを表示するアイコンがあるのですが、パッと見て何のアイコンか分からない人いるだろうなぁ。
一応、鉛筆がエントリ、吹き出しがコメントです。
それでも分からない人のために…
petit-recent.cgiの改造
document.write('<td align="right" width="13"><a href="$entry_url" target="_blank"><img src="$image_entry" border="0" ALT="エントリーを表¥示" title="エントリーを表¥示"></a></td>');

document.write('<img src="$image_com" border="0" ALT="コメントを表¥示" title="コメントを表¥示"></a></td>');

ALTタグとTITLEタグを追加しました。
カーソルを合わせるとTITLEタグの内容が表示されます。
「表」の字が化けるので後ろに「¥」を入れてください。
※<>は半角に直してください。

どうでしょう?
ちょっとは分かりやすくなったでしょ。
細かい気配りが分かりやすいユーザーインターフェイスの第一歩です♪

他にもpetit-js.cgiの16行目を「Post Comment」に変更してます。
日本語で「コメントする」と悩んだけど、まぁ、英語表記の方がかっこいいかな(笑

Posted: Mon - December 29, 2003 at 12:45 AM  |   |   |   |  このエントリーを含むはてなブックマーク  | ランキングを見てみる
 




© 2003 M.Kawasaki All rights reserved. Site designed by DIGICOOL