人気ブログランキング | 話題のタグを見る
<< トラックバックとコメント拒否の... お洒落な付箋紙(両サイドの猫ち... >>
 

鍵コメントを判りやすくする方法


鍵コメントのアイコンが小さくて、見づらいことがありませんか?
このアイコンを大きく表示して、鍵コメントを見分けやすくする方法です。
よろしかったらご利用下さい。


鍵コメントを判りやすくする方法_a0031863_9164978.jpg

図1 設定前


鍵コメントを判りやすくする方法_a0031863_917168.jpg

図2 設定後


CSS設置例


CSS編集部分に以下のコードを設置するだけです。サイズは11pxにしてありますが、好きなサイズを指定してください。





DIV.COMMENT_TAIL IMG{

height:11px;
width:10px;

}
図3 CSS設置コード


今日のポイント

  • 今回の技は状況依存セレクタを用いています、
    状況依存セレクタとは、そのスタイルが設定されている状況に応じてスタイルを適応する便利な技です。
    今回のケースで説明しますと、DIV.COMMENT_TAIL  つまり、<div class="COMMENT_TAIL ">~</DIV>で囲まれている間の IMGタグだけにスタイルを指定できます。



関連記事:2004-09-20 12:35 コメント欄の編集のまとめ

難易度:★

注意:普通のコメントのアイコンも大きくなります。アイコンを大きく表示して判断し易くする方法です。

ぽっと


CopyRight(C) 2004 All rights reserved by potto37
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-10-02 09:06 | │├コメント欄
<< トラックバックとコメント拒否の... お洒落な付箋紙(両サイドの猫ち... >>
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。