特定のURLとIDに対してコメントとトラックバックを拒否できるよになりましたね。
図１に示すこの”※トラックバックが・・・拒否されることがあります”の文字が気になるので消しました。よろしかったら参考にしてください。
CSS設置例
CSS編集部分に以下のコードを設置するだけです。背景と同色にしてこの文字を消します。私は、背景が白なので#ffffffを使用していすが、黒の方は#000000が良いと思います。
.TRACK_TOP FONT{
color:#ffffff ! important; /*背景と同じ色を指定して下さい。*/
font-size:0%; /*フォントを０％にして小さくします。*/
}
今日のポイント- ! importantで優先順位を高めています。IE3.0, Netscape 4.0 は未サポートのようなので上手くできない場合もあります。
関連記事：2004-09-20 12:35 コメント欄の編集のまとめ
難易度：★
CopyRight(C) 2004 All rights reserved by potto37
”最新のトラックバック”や”最新のコメント”の表示の各部分の隙間が広すぎる気がしたのでソースを見てみました。
その結果、<TD height=10>で強制的に間隔を10あけていることが分かりました。
そこで、この間隔を少し狭くする方法を説明します。
なお、この記事は３列用です。
設置方法だけを知りたい方はCSS設置例を見てください。
→
コメント欄のソースを見てみる
この部分はソースを見ているところです。興味のある方が見てくださいね。
<DIV class=MNTTL_R>最新のコメント</DIV>
<DIV class=MN_R>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><A href="#">おはようございます..</A></TD></TR>
<TR>
<TD class=SMALL>by potto37 at 07:20</TD></TR>
<TR>
<TD height=10></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 border=0>
CSS設置例
私は左側に”最新のトラックバック”を、右側に”最新のコメント”を表示しています。
左側が、DIV.MN_L 右側がDIV.MN_Rに相当しますので、両方のTRの高さを10から半分の5PXに変更しました。以下のコードをCSS編集の最後などに追加して下さい。
変更量はお好きな量を指定してくださいね。
DIV.MN_L TD {height:5px;}
DIV.MN_R TD {height:5px;}
今日のポイント- exciteのスキンの構造はめざせマイスキンを運営しているtomoさんの記事が非常に分かりやすいです。
- 今回の技は状況依存セレクタを用いています、
状況依存セレクタとは、そのスタイルが設定されている状況に応じてスタイルを適応する便利な技です。
今回のケースで説明しますと、DIV.MN_L つまり、<div class="MN_L">～</DIV>で囲まれている間の TDタグだけにスタイルを指定できます。
他の場所のTDタグには影響しません。
DIV.MN_L TD {height:5px;}
難易度：★
CopyRight(C) 2004 All rights reserved by potto37
追記 2004年9月11日 14：26
はい こちらサポセン。を運営しているken2さんのところで２列用のコメント欄の圧縮法を紹介しています。よろしかったらトラックバックをご覧下さい。
最近のトラックバックが追加されてトラックバックをしてもらったことがすぐに分かるのでうれしいです。
この最新のトラックバックのサイト名の部分を改行しないように、
ちょっとだけ変えてみました。
なお、長いサイト名の場合は後ろが...が付いて表示されます。
また、コメントリストのユーザ名と共通部分ですのでそちらにも影響します。
IE（Internet Explorer）専用なのでちょっと気が引けます＾＾；
→
改行しないようにする方法（IE専用）
CSS編集部分です。
.SMALL {FONT-SIZE: 11PX;
white-space:nowrap;
text-overflow:ellipsis; /*IE専用*/
}
青字が追加部分です。
文字を小さく表示する方法
CSS編集部分です。
.SMALL {FONT-SIZE: x-small;
}
赤字部分が修正部分です。
こちらは、IE専用でないので他のブラウザでも表示可能ですが文字が小さすぎて見にくい気がします。
CopyRight(C) 2004 All rights reserved by potto37
私だけかもしれないのですが・・・
最近、トラックバックをするとトラックバックをする相手の記事のリンク先が編集欄から消えてます。
以前はトラックバックをするとトラックバックをした相手先の記事のリンクとサイト名が表示されたと思うのですが。
トラックバックのリンク先が無いとどの記事からのトラックバックか分からないので不便です。
皆さんはどうでしょうか？
追記：04/07/29 19:39:41
今日試したところトラックバックのリンクが直っていました。
エキサイトさん、ありがとう(^_^)/
トラックバックにイメージを
こんどは、トラックバックのところにイメージを入れる方法です。ちょっと、トラックバックをするのが楽しみになります。
CSS編集で、DIV.TRACK_TOP の部分に青字の部分を追加するだけです。
赤字がイメージファイル名です。
DIV.TRACK_TOP {LINE-HEIGHT: 170%;
background-image:url(イメージファイル名); background-position:right;
background-repeat:no-repeat;
}
CopyRight(C) 2004 All rights reserved by potto37
