Vanilla*e

うるるの雑記部屋☆彡
<< さようなら「渋谷公会堂」という名 | TOP | モブログ投稿テスト >>

コメントアイコンを設定

2006/10/02 Mon | Serene Bach > カスタマイズ

今回はコメントを投稿する際
コメント投稿者のお名前のところらへんに
アイコンを付けるカスタマイズです(;^_^)v












たまにSBユーザーさんのブログで見かけてて、いいなぁ〜コレなんて思ってたんです。
でもこのカスタマイズ方法はあまり見かけなかったんですよねぇ;;

で、フラリと訪問したネットメモ様に
バッチリな説明があり早速実行してみました!

ネットメモ様ありがとうございます!<(_ _)>



参考にしたのはコメントアイコンの設定方法のページ。

ラッキーなコトにSBの独自タグに{comment_icon}{comment_iconform}があるらしく
設置自体はとても簡単っぽいです(´∀`)


がっ!

説明のとおり設置したもののアイコンを選択するプルダウンは見えるものの
テストコメント投稿しても肝心のアイコンが表示されない・・;;;

色々試した結果、このテンプレの仕様かコメントアイコン自体の仕様か分からないのですが

フォームの一番上・・つまりこのテンプレで言うと名前入力の上のエリアに
{comment_iconform}を記述するとダメみたいなんですよねぇ。。

つまりこんな感じ
<h2>Comment Form</h2>
<div class="comment_form">
<form action="{site_cgi}" method="post">
<dt>icons:</dt>
<dd>{comment_iconform}</dd>

<label for="name" id="labelname">name</label><br />
<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" size="25" /><label
.
.
.
</div>


なのでURLとコメントの間に挟んだら上手く表示されるようになりました(>_<)

♪なんでだろ〜なんでだろ〜・・と考えてもそーなんだから仕方が無いので
プルダウンはその位置に収めることに( ̄ー ̄)


しかし、
<dt>icons:</dt>
<dd>{comment_iconform}</dd>

のまんまのタグで記述してしまうとCSSの関係か
プルダウンがちょっとズレてしまうんですよねぇ;

気になるズレ









これはちょっと見映え的にアレかなぁ・・と思い少々タグをいじっくって

<label for="icons" id="iconsname">icon</label>
<dt>{comment_iconform}</dt>


って感じに変えてみたら


スッキリ♪










なかなかスッキリ収まってくれましたヽ(´ー`)ノ

ともあれ最初 表示されなかった時はどうしようかと思ったものの
なんとか自己解決できてよかったよかった(*´Д`*))


ド素人の説明でわかりにくくてスイマセン;
author : うるる | comments (0) | trackbacks (0)

Comment

Comment Form








[icon]


 

Trackback

Trackback URL :