<< トラックバックとコメント拒否の... お洒落な付箋紙(両サイドの猫ち... >>
 

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


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


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
[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-10-02 09:06 | │├コメント欄 | Trackback(6) | Comments(35)
トラックバックURL : http://potto.exblog.jp/tb/1114211
トラックバックする(会員専用) [ヘルプ]
※このブログはトラックバック承認制を適用しています。 ブログの持ち主が承認するまでトラックバックは表示されません。
Tracked from ブログの玉手箱 at 2004-10-09 09:53
タイトル : 鍵付きコメントの表示
ぽっとの陽だまり研究室の鍵コメントを判りやすくする方法からのアイデアです。 自分のブログには鍵付きコメントはたまにしかもらいませんが、だからこそ見落としがないように気をつけています。 ぽっとさんは鍵マークを大きくされていましたが、自分は周りを赤で囲いました。 DIV.COMMENT_TAIL IMG{border:2px solid red} ... more
Tracked from ブログ試用記 at 2004-10-11 20:25
タイトル : 新!コメント欄のカスタマイズ(ビフォーアフター編)
鍵コメントを判りやすくする方法 ぽっとさんの「ぽっとの陽だまり研究室」からトラバ。 少し、気になっていた事と照らし合わせて今回のカスタマイズを 実行しました。 今回もまた、ぽっとさんのところを参考にして実行した カスタマイズでもありますが、エキサイト独自の非公開コメント機能、 使いどころによっては大変便利な機能なので、手馴れた人はこれを うまく使いこなしていると思います。 ただ、せっかく非公開コメント(鍵コメント)を頂いても、それに気付かず 普通に受け答えしてしまった覚えが僕自身あります。 その原因の最たる理由が、非公開コメントのアイコンの大きさ。 ...... more
Tracked from 「ス」的な日常生活 at 2004-10-28 15:52
タイトル : 鍵コメントを判りやすくする!
ぽっと様のぽっとの陽だまり研究室鍵コメントを判りやすくする方法を参考にコメントマークをでっかくしてみました。 うっかりやさんなので、わりと大きめにしてみました。) 考えたら、今まであのコメントマークを気にしたことなかったんですよね。 なんか鍵コメントきたとしても、そのまま気付かず返事しそうだな、と自分で思い とりあえずわかりやすく、て感じですね。... more
Tracked from 姫のひとりごと。 at 2004-11-28 14:03
タイトル : 鍵つきコメントをわかりやすくするっ!!
ブロガーの方に耳寄りな情報です。 こんな画期的な方法があったのですね(*´▽`*) 鍵つきコメントってあんまりもらわないんだけど(コメント数自体も多くないんだけど 汗) いざ鍵つきになってたときに見過ごしてしまいそうになることがあって。 そのうち気付かずにコメントしてしまうんじゃないかと思ってたんだよね。 で、こんな記事を発見したのです!!ということでTB。 ぽっとの陽だまり研究室 ぽっとさんがそれはそれはわかりやすく解説してくださってるので 初心者のあたしでも「ちょち...... more
Tracked from あさっての方向 at 2005-02-15 20:47
タイトル : 自分用メモ その19 コメントイラストをデカく
鍵コメントを判りやすくする方法 ぽっとの陽だまり研究所さんの記事を参考にして、 コメント欄のイラストをデカくしてみました。... more
Tracked from ぺっこり日記 at 2005-09-10 22:19
タイトル : 鍵コメ
突然ですが、エキサイトブロガーの皆さま。 鍵コメのアイコンが小さくて見落としそうな時ってありませんか? 私はあります。 はっきり言って、見づらいです。 断っておきますが、私は老眼ではありません(爆) むしろ、ド近眼。 左右とも裸眼で0.02くらい。 ワンデーの使い捨てコンタクトを愛用しています。 ・・・と、そんなことはどうでもよくって 話を戻して、鍵コメのアイコンのこと。 先日、オリジナルスキンにしてから いろいろとスキン編集についてのブログを見て回るようになった...... more
Commented by snowy2465 at 2004-10-10 23:37
鍵コメントを解りやすくする方法!
使わせて頂きましたm(__)m
季節によって、ブログを変えたいなって思うけど、
なかなかこんな感じにしたいって思いつきません><;
Commented by potto37 at 2004-10-11 10:40
すのさん、いつも遊びに来ていただいて
ありがとうございます。
この技にコメントが来なくてちょっと寂しかったけど、
すのさんにコメントしてもらえて、嬉しかったです^^

季節によって、ブログを変えたいって
私も思うのですが、なかなか思いつかないですよね。
Commented at 2004-10-11 13:28
ブログの持ち主だけに見える非公開コメントです。
Commented by potto37 at 2004-10-11 15:00
鍵さんこんにちは。
そちらにコメントしておきました。
Commented at 2004-10-11 18:17
ブログの持ち主だけに見える非公開コメントです。
Commented by marubegs8 at 2004-10-11 20:27
こんばんは。この記事とても参考になりました。
トラックバックさせて頂きました。
ただ、ぽっとさんのこの記事と大差が無い内容なので、
もし、トラックバックするまでもないと判断された場合は、
遠慮なくトラックバックを削除して下さい。それでは。
Commented by potto37 at 2004-10-11 23:40
marubegs8 さん、トラバありがとうございます。
トラックバックで紹介して頂けると嬉しいです。
これからも、よろしくお願いします。
Commented by td1959 at 2004-10-12 23:06
marubegs8さんのところから来ました。
オリジナルのアレンジかと思っていたのですが、汎用性のある基本構文なのですね。
それにしましても、その発想が凄いと・・・
他の記事もこれから拝見させていただきます by td
Commented by osampo01 at 2004-10-12 23:58
これやってみよう。鍵が大きくなるんですね。
いいかも!
Commented by satsuki_t1974 at 2004-10-13 14:34
はじめまして
スキンをあれこれ改造しようと、こちらにちょくちょくお邪魔させて頂いておりました
おかげさまで、二種類作る事ができました
ありがとうございました
また改造をおもいついたら、お邪魔させていただきたいと思います
宜しくお願いします。。。
Commented by potto37 at 2004-10-13 19:34
tdさん、ありがとうございます^^
アイディアを褒められると、とっても嬉しいです。
これからも、よろしくお願いします。
Commented by potto37 at 2004-10-13 19:35
osampo01 さん、こんばんは^^
コメントの吹き出しと鍵が大きくなりますよ。
サイズはもう少し大きいほうが見やすいかもしれません。
よろしかったら、使ってくださいね。
Commented by potto37 at 2004-10-13 19:37
satsuki_t1974 さん、はじめまして。
お役にたてて嬉しいです。
こちらこそ、これからもよろしくお願いします^^
Commented by akebono-vine at 2004-10-14 12:41
おわ!これ最近鍵コメントする人が増えたので気になってたんですよ。
て事でいつもながら参考にさせていただきます。
夜にでもイジってみようかな。
Commented by potto37 at 2004-10-14 20:34
アケボノさん、こんばんは^^
サイズを11pxにしましたが、もう少し大きいほうが分かりやすいみたいです。現在12pxにしています。
Commented by pirloyan_tyavg at 2004-10-28 02:57
ぽっとさん、こんばんわ^^
鍵コメを大きくする方法を
私も使わせてもらいました!!

やっぱり大きい方が見易いし分かり易いですね^^
ありがとうございました♪
Commented by potto37 at 2004-10-28 19:38
pirloyan_tyavgさん、こんばんは^^
鍵コメ大きくすると便利ですね。
コメントありがとうございます。

こちらこそ、コメント頂けて嬉しいです^^
Commented by camxhime at 2004-11-28 14:03
こんにちは!はじめまして。この方法、本当に便利ですね。
いつか鍵つきコメントと気付かずにコメントしてしまうんじゃないかと
ヒヤヒヤしていたんです。早速試してみたら、本当にわかりやすい。
ほかの人にも知ってもらいたいと思い、TBさせてもらいました。
これからほかの記事も読んで、スキン編集の参考にさせてもらおうと思います。
また遊びに来ます☆ リンクいただいて帰ります。
Commented by potto37 at 2004-11-28 19:47
camxhimeさん、はじめまして^^
TBとリンクありがとうございます。
私もこの技は便利に活用しています。
また、よろしかったら遊びに来てくださいね^^
Commented by none33 at 2005-01-06 16:39
はじめまして、ブログの玉手箱さんのところからこちらへ
伺いました。 そしてさっそく鍵アイコンを大きくする方法
使わせていただきました。
ほんとうにありがとうございます。
これからも勉強しに伺います。。。
Commented by potto37 at 2005-01-06 20:57
none33さん、はじめまして^^
コメントありがとうございます。
鍵アイコンのTipsを利用して頂いて嬉しいです。
これからも、ゆっくり楽しんで下さいね。
Commented by tallylamp at 2005-01-11 16:18
ども。
最近鍵コメが増えてきたので、参考にさせていただきました。
また、いろいろ教えてください。
Commented by potto37 at 2005-01-11 21:17
tallylampさん、こんばんは^^
コメントありがとうございます。
また、よろしかったら遊びに来てくださいね。
Commented by horsemint at 2005-02-08 14:50
こんにちは。
↑の桜、とっても素敵ですね。
私もアイコンを大きくしてみました。
参考になります。
いつもありがとうございます。
Commented by potto37 at 2005-02-08 21:35
horsemintさん、こんばんは^^
コメントありがとうございます。
アイコン大きくすると見やすいですよね。

この桜の素材は「胡桃の森」さんからお借りしました。
参考までにアドレスを書いておきますね。
http://kuruminomori.com/
Commented by cyodebusu at 2005-02-15 20:49
お邪魔します。cyodebusuです。
こちらの記事を参考に鍵コメを分かりやすく、デカくしてみました。
ぽっとさんの記事にはいつも助けられ、ド素人の私でもスキン編集を楽しめるようになりました。
いつもありがとうございます。
(TBさせていただきました)
Commented by potto37 at 2005-02-17 22:45
cyodebusuさん、こんばんは^^
TBありがとうございます。
そう言っていただけると嬉しいです。
これからも、よろしくお願いします。
Commented by lonlon55 at 2005-04-25 03:24
はじめまして。CSSとは何ですか?この、鍵を大きくするのは、オリジナルスキンを使用中でないと使えないのですか?
すみません、全くそういう知識がないので・・・。
教えて頂けたら幸いです。よろしくお願いします。
Commented by potto37 at 2005-04-25 22:43
lonlon55さん、はじめまして。

CSSとはCascading Style Sheetの略で、WEBページ上の「見栄え」を定義するための技術だそうです。
HTMLで見栄えを定義するのではなく、CSSで定義しましょうって感じです。

はじめは、言葉の定義はあまり気にしないでも良いですよ。
操作は、exciteのスキンを選んだときにプレビューと編集があったと思うのですが、その編集をクリックして編集します。

保存と同時にマイエキサイトブログにこのスキンを適用しますにチェックを入れて、保存をクリックすれば[マイスキン]に保存/更新されます。もう一度スキン編集をクリックし、マイスキンをクリックします。すると、別のスキン選択が表示されますので、今保存したスキンの適用を押すと、スキンが適用されます。
それ以降は、スキン編集の編集から行うことが出来ます。

ちょっと、難しいですかね。
マイスキンの方が、操作が楽だったりします。(たぶん^^;)
Commented by lonlon55 at 2005-04-26 01:23
できました!!ありがとうございます。
最初は、こんなに丁寧に教えて頂いてるのにやっぱり、「?」がちらつきつつでしたが(^^;
ちゃんとやってるのに、変わらない!と思ったら「適用」をクリックしてませんでした・・・お恥ずかしい(汗;
また今後も参考にさせて頂きたいと思います。
よろしくお願いします♪
Commented by potto37 at 2005-04-26 22:36
lonlon55さん、おめでとうございます。
なんだか、嬉しくなったでしょ。
自分でスキン編集が出来るようになると楽しいですね。

こちらこそ、よろしくお願いします^^
Commented by orange_pecco at 2005-09-10 22:27
こちらの記事を参考に鍵コメのアイコンを大きくしてみましたが
とても見やすくなりました。
素晴らしいアイディアをありがとうございます。
今後もどうぞ参考にさせて下さいね。
トラックバックさせていただいています。
Commented by potto37 at 2005-09-11 09:37
orange_peccoさん、コメントとトラバありがとうございます。
鍵コメントのアイコン大きくすると、分かりやすいですね。
こちらこそ、よろしくお願いします。
Commented by aki-olive at 2006-11-11 17:38
はじめまして。
ごあいさつが遅れて申し訳ありませんが、こちらのブログで
教えて頂いた方法で先日鍵コメのアイコンを大きくいたしました。
とても分かりやすくなって嬉しいです。ありがとうございました。
Commented by potto37 at 2006-11-12 20:16
aki-oliveさん、はじめまして。
うまくできると、嬉しいですよね。
「わたしも、うまく出来ました」って喜びのコメントを頂くと、嬉しくなります。
こちらこそ、ありがとうございます。
<< トラックバックとコメント拒否の... お洒落な付箋紙(両サイドの猫ち... >>
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。