<< Portable Firefo... Tagsのおしゃれ part1 >>
 

Tagsのおしゃれ part2( Tagsを見やすくしたいよね)

はじめに

エキサイトのタグがちょっと詰まっていて見にくいですね。そこで、図1に様にリンクの間にスペースを入れて見やすくしたいと思います。
Tagsおしゃれシリーズの第2段です、よろしかったら試して下さいね。
a0031863_2093080.gif

図1 設置例

難易度:★





CSS編集

半角スペースを入れるために、リンクの間に0.5em、半分の文字分のスペースを入れて表示しています。入れるスペースは皆さんで調整して下さいね。

CSS編集


.TAGS a{padding-left:0.5em;}




関連記事

関連記事として、お洒落も楽しめますので、以下のリンクをクリックして楽しんでくださいね。


[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2006-04-06 20:08 | │├Tags | Trackback(1) | Comments(22)
トラックバックURL : http://potto.exblog.jp/tb/3446349
トラックバックする(会員専用) [ヘルプ]
※このブログはトラックバック承認制を適用しています。 ブログの持ち主が承認するまでトラックバックは表示されません。
Tracked from ここでもつぶやくのかい? at 2006-04-06 23:17
タイトル : タグ機能を試してみました!!
タグ機能を追加しました タグ機能の便利さは前から知ってましたので エキサイトでもできるといいなあ...って思ってました。 ぽっと陽だまり研究所さんのところでタグの設置について 教えていただいたのでちょっとやってみました。 やっているうちにTagsの背景に富士山が...ができました。 参考にさせていただいたのは Tagsのおしゃれ part1 Tagsのおしゃれ part2( Tagsを見やすくしたいよね) です。また工夫したいと思います。 pottoさん、どうも...... more
Commented by derochan3 at 2006-04-06 23:01
こんばんは。
できるかなあ...なんて思っていろいろとやっていたら
なんとかできました!!
Tagsの背景になってしまいましたが。
Tagの機能は前からあるといいなって思ってましたの
うれしいですね!!
Commented by potto37 at 2006-04-06 23:13
derochan3さん、こんばんは。
上手くできましたね。
富士山の写真がとても綺麗で、いいですね。
Commented by derochan3 at 2006-04-06 23:17
ぽっとさん
どうもありがとうございます。
TBさせていただきますのでよろしくおねがいします。
Commented by potto37 at 2006-04-06 23:22
derochan3さん、TBありがとうございます。
コメントを書き込むタイミングを見てると、
なんだかチャットみたいですね。
Commented by derochan3 at 2006-04-06 23:29
ぽっとさん
...ほんとにチャットですね!!
富士山を見に来ていただいてありがとうございます。
今夜はどうもありがとうございました。
Commented by potto37 at 2006-04-06 23:33
こちらこそ、ありがとうございました。
なんだか楽しかったです^^
Commented by mink3753 at 2006-04-07 11:15
ぽっとさん こんにちは♪
以前、カレンダーに絵を挿入する件でお世話になりましたMinkです。
またもや、このtagのスペースをあけるのを是非真似させてもらおうと思います!

で、さっそく質問なんですが
 
.TAGS a{padding-left:0.5em;} 
↑ これはCSSのどの辺に追加するのですか?
1番最後に貼り付けるだけじゃ、反応しなかったんですけど(涙)

それと、これからもお世話になると思いますので
リンクさせていただいてよろしいでしょうか?

Commented by potto37 at 2006-04-07 20:19
Minkさん、こんにちは。

一番最後に入れればOKです。
今、拝見させて頂いたのですが、ちょっと手前のコメントが閉じていないようです。
そちらに、非公開で修正方法を書いておきましたので、見て下さいね。

リンクOKですよ。こちらこそ、よろしくお願いいたします。
Commented by blue_moon_rabbit at 2006-04-08 16:19
さっそくアップグレードしてみました(笑)
どうもありがとう♪
Commented by petite-tomo at 2006-04-08 16:44
どうもはじめまして。
そうかこうすればよかったんだ。思いつきませんでした。
早速やってみました。ありがとうございました。
Commented by mink3753 at 2006-04-08 19:48
ぽっとさん! ありがとうございます!
さっそく教えていただいたとおりに修正したら、タグのスペースをあけることも
アイコンを入れることも成功しました。
ほんとうにどうもありがとうございました♪

なんか、ぽっとさんが神様のように見えてきました(^▽^)/
Commented by potto37 at 2006-04-09 07:01
blue_moon_rabbitさん、速いですね。
こちらこそ、コメントありがとうございます。
Commented by potto37 at 2006-04-09 07:03
petite-tomoさん、はじめまして。
ちょっとしたことなんだけど、お役に立てたようで良かったです^^

Commented by potto37 at 2006-04-09 07:08
Minkさん、上手くできたようで良かったです^^
ご報告ありがとうございます。

Minkさんのタグは、とても可愛くできてますね。

Commented by donki-de-naguri at 2006-04-10 19:50
初めまして、こんにちはっ。
このやり方すごく参考になりました!どうもありがとうございます。
『TAGS』という指定(?)がわかったので、他にもいじれてすごく助かりました~♪
Commented by potto37 at 2006-04-11 06:28
donki-de-naguri さん、はじめまして。 こんにちは^^
こちらこそ、コメントありがとうございます。
ちょっとしたことですが、見やすくなりますね。
喜んで頂けて、嬉しいです。
Commented by hima-kakinotane at 2006-04-27 00:59
ぽっとさん、初めまして。
Tagsのおしゃれ、part1.2ともに参考にさせていただき、Tagsの表示をちょこっと変えました。Tagsの文字間隔がつまっているなあ、というのは私も感じていたので、それが修正できてとてもうれしいです。またいろいろ参考にさせてください。ありがとうございました。
私のblogからこちらの記事にリンクを貼らせていただきました。もし問題があるようでしたらはずします。事後になって申し訳ございません。
Commented by potto37 at 2006-04-27 21:49
hima-kakinotaneさん、はじめまして。
ご紹介ありがとうございます。
Tagsのおしゃれ、ちょっとしたことだけど見やすくなりますよね。
こちらこそ、よろしくお願いします。
Commented by yoshi_ren at 2006-04-27 22:50
はじめまして!
勝手にリンクをずっと前から貼らせて頂いてます。
Tagsのおしゃれ 早速やってみました。
スキン編集 やり始めると結構楽しくて
長い時間掛けて やっとここまできました。
まだまだ挑戦してみたいと 頑張ってます。
これからも参考にさせて頂きますので
宜しくお願いします。
Commented by potto37 at 2006-04-28 21:03
Renさん、はじめまして。
リンクとコメントありがとうございます。
スキン編集って楽しくて、はまっちゃいますよね。
私もやりだすと、止まらなくて。

こちらこそ、よろしくお願いします^^
Commented by julian1211 at 2006-05-01 21:56
はじめまして。
Tagsのおしゃれ、参考にさせていただきました!!
なんとなくできたかな~。
ありがとうございます!!
リンクさせていただきましたのでこれからもよろしくお願いいたします!
Commented by potto37 at 2006-05-02 21:59
はじめまして、 julianさん
リンクありがとうございます。

Tagsのおしゃれ、簡単ですが私も気に入ってます^^
ちょっとしたことだけど、なんだか見やすくていいですよね。

こちらこそ、よろしくお願いいたします。


<< Portable Firefo... Tagsのおしゃれ part1 >>
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。