最近のコメント&トラックバックにアイコンを追加
噴水2さまで見かけた、最近のコメント&トラックバックに追加した矢印アイコン。
コメントは右矢印、トラックバックは左矢印と、可愛らしさと分かりやすさが両立されていて、素敵です。
(「スタイルシートに着手」の15番にて紹介されています。)
早速真似っこして、ピンクの矢印アイコンを追加してみました。
素材は、とんとん工房さまにお借りしました。
CSSの記述は以下の通りです。
アイコンのURLは、ご自身でアップロードされたものに変更してくださいね。
#recent-comment li {
list-style: none inside url(http://***/arrowr.gif);
}
#recent-trackback li {
list-style: none inside url(http://***/arrowl.gif);
}
【2006.8.23 追記】
最近の記事にもNEWアイコンを追加しました。
#recent-entries li {
list-style: none inside url(http://***/arrowr.gif);
}
| 固定リンク
「ウェブログ・ココログ関連」カテゴリの記事
- 「KOROPPYの本棚」のトラックバック・ポリシー(2005.05.25)
- テンプレートをいじらずにココログのコメント欄で絵文字を使う方法(改訂版)(2011.09.20)
- テンプレートをいじらずにコメント欄で絵文字を使う方法(2005.01.14)
- ココログ本文で絵文字を使う方法(改訂版)(2006.02.08)
- 「同一カテゴリの最新記事5件表示」の見た目を、CSSで調整(2007.04.11)


コメント
「コメントは右矢印、トラックバックは左矢印」にしてるって よくわかりましたね
最近のトラックバックは置くのを止めてるのにw
アイコンの左右の向きを使い分けるのは かなり気に入ってるところなので 真似していただけてうれしいですわ~
投稿: Маша(マーシャ) | 2005.10.18 01:31
★マーシャさん
最初はツリー画像に矢印がついているんだと思っていたんですよ。
そうしたら別のアイコンだと仰るので、
じゃあどうやっているんだろう[?]とCSSを拝見したんです。
そこで対にしてトラバにも設定しているのに気がつきました。
これは芸が細かいな、と感嘆しましたよ[!]
投稿: KOROPPY | 2005.10.18 09:25
なるほど CSSを直接ご覧になりましたか
解説記事(ってほどのものではないですが 独立した記事でもないし) わかりにくくてすみませんでした
カスタマイズの達人(* ̄m ̄*)クスッに真似してもらえてうれしかったので 片付けていた「最近のトラックバック」を再設置してみました ちょっと浮かれとります(* ̄▽ ̄*)アハハ~
投稿: Маша(マーシャ) | 2005.10.18 18:22
★マーシャさん
>わかりにくくてすみませんでした
いえいえ、検索した時の私のキーワードが悪かったんです。
「最近のトラックバック」、復活されたんですね。
二つが揃っていると、ますます矢印アイコンが活きてきますね[ハート]
投稿: KOROPPY | 2005.10.18 20:20
こんにちは[♪]またまたお世話になっちゃいました[ハート]
ちょっとアイコンに文字が重なってるような気もしますが、満足してます[ミニハート]
なんだか自分でブログを見るのも楽しくなってきました[ミニハート]←自己満足[?]
そんなわけで、またお邪魔すると思いますがよろしくお願いしま~す[♪]
投稿: sacchi | 2006.02.24 13:19
★sacchiさん
IEだとアイコンと文字がくっついて見えますが、
Firefoxだと間が空いて見えますね。
アイコンのデザインが気付かせ難いだけで、
私もきっちりくっついてしまってます。
投稿: KOROPPY | 2006.02.24 14:57
こんばんは[♪]
こちらの記事に関連するコメントをいただきましたので、勝手ながら記事を書かせていただきました[♪]
ありがとうございました。
投稿: sacchi | 2006.02.24 23:39
★sacchiさん
記事でのご紹介、ありがとうございました[ハート]
可愛さと機能性が合致していて、嬉しい技ですよね。
投稿: KOROPPY | 2006.02.25 09:20
はじめまして。
sacchiさんとこから来ました。
いろいろ参考にさせていただきました。
ありがとうございます。
お名前を記事に載せてもいいですか?・・・というより、
載せます!
本当にありがとうございます。
また来ます☆
投稿: ママりん | 2006.02.28 23:40
★ママりんさん
記事でのご紹介、ありがとうございます。
一気に色々なカスタマイズを入れられたようですね。
可愛らしく便利になるのが楽しいですよね。
投稿: KOROPPY | 2006.03.01 12:05
sacchiさんやママりんさんのとこをみてて、あたしも!!と思い、ボチボチやっておるところです。
もう少ししたら日の目を見るハズです(^o^;
どうもありがとうございます!!
投稿: チーボ | 2006.03.24 16:14
★チーボさん
お友達のカスタマイズは刺激になりますよね。
上手く行きますように。
投稿: KOROPPY | 2006.03.27 09:20
KOROPPYさん、どうもです。
下記のようなことをするにあたって、ツリー化したリストにアイコンを付けるのにこの記事を参考にさせていただきました[♪]。
毎度お世話になります。
【ココログ】カテゴリー欄に最近の記事をツリー表示するスクリプト
ツリー化コメントリストで最新のn件にNEWマークを付ける
投稿: 風柳 | 2006.09.06 03:41
【風柳さん】
トラバありがとうございました。
参考になったとのこと、嬉しいです。
マーシャさんの発想力に感謝ですね[♪]
投稿: KOROPPY | 2006.09.06 10:39
なんか 一からの発想でもないのに
過分に褒められてるなぁ( ̄- ̄*)テレッ
はっきりとは覚えてないのですが
BlogPeopleのリンクリストを見てだったかと...
投稿: Маша(マーシャ) | 2006.09.08 00:55
【マーシャさん】
アンテナを張って、得た情報を自分なりにアレンジするのも、
素晴らしい能力の一つですよ~[!]
今は「最近の記事」にもつけてます(*^m^*)
投稿: KOROPPY | 2006.09.08 18:58