カテゴリ:│├トラックバック( 5 )

 

トラックバックとコメント拒否の文字の消し方です


特定のURLとIDに対してコメントとトラックバックを拒否できるよになりましたね。
図1に示すこの”※トラックバックが・・・拒否されることがあります”の文字が気になるので消しました。よろしかったら参考にしてください。



a0031863_75323.jpg

図1 実施前


a0031863_753547.jpg

図2 実施後


CSS設置例


CSS編集部分に以下のコードを設置するだけです。背景と同色にしてこの文字を消します。私は、背景が白なので#ffffffを使用していすが、黒の方は#000000が良いと思います。





.TRACK_TOP FONT{
color:#ffffff ! important; /*背景と同じ色を指定して下さい。*/
font-size:0%; /*フォントを0%にして小さくします。*/
}



今日のポイント

  • ! importantで優先順位を高めています。IE3.0, Netscape 4.0 は未サポートのようなので上手くできない場合もあります。


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

難易度:★


ぽっと


CopyRight(C) 2004 All rights reserved by potto37
[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-10-14 19:46 | │├トラックバック | Trackback(8) | Comments(34)
 

サイドのコメントやトラックバックの表示間隔の調整(3列用)

”最新のトラックバック”や”最新のコメント”の表示の各部分の隙間が広すぎる気がしたのでソースを見てみました。
その結果、<TD height=10>で強制的に間隔を10あけていることが分かりました。
そこで、この間隔を少し狭くする方法を説明します。
なお、この記事は3列用です。
設置方法だけを知りたい方はCSS設置例を見てください。



a0031863_644229.jpga0031863_6443558.jpg















図1 設置前後の比較



コメント欄のソースを見てみる

この部分はソースを見ているところです。興味のある方が見てくださいね。




<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>
図2 ソースを見てみる



CSS設置例

私は左側に”最新のトラックバック”を、右側に”最新のコメント”を表示しています。
左側が、DIV.MN_L 右側がDIV.MN_Rに相当しますので、両方のTRの高さを10から半分の5PXに変更しました。以下のコードをCSS編集の最後などに追加して下さい。
変更量はお好きな量を指定してくださいね。




DIV.MN_L TD {height:5px;}
DIV.MN_R TD {height:5px;}
図3 CSS編集部分



今日のポイント
  • 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さんのところで2列用のコメント欄の圧縮法を紹介しています。よろしかったらトラックバックをご覧下さい。
[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-09-11 06:26 | │├トラックバック | Trackback(2) | Comments(20)
 

最新のトラックバックのサイト名を改行しないようにしました

最近のトラックバックが追加されてトラックバックをしてもらったことがすぐに分かるのでうれしいです。

この最新のトラックバックのサイト名の部分を改行しないように、
ちょっとだけ変えてみました。

なお、長いサイト名の場合は後ろが...が付いて表示されます。
また、コメントリストのユーザ名と共通部分ですのでそちらにも影響します。

IE(Internet Explorer)専用なのでちょっと気が引けます^^;



a0031863_206671.jpga0031863_2063689.jpg











改行しないようにする方法(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
[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-07-29 20:08 | │├トラックバック | Trackback(1) | Comments(10)
 

トラックバックのバグ?(修正されたみたいです)



私だけかもしれないのですが・・・

最近、トラックバックをするとトラックバックをする相手の記事のリンク先が編集欄から消えてます。

以前はトラックバックをするとトラックバックをした相手先の記事のリンクとサイト名が表示されたと思うのですが。


トラックバックのリンク先が無いとどの記事からのトラックバックか分からないので不便です。

皆さんはどうでしょうか?





追記:04/07/29 19:39:41
今日試したところトラックバックのリンクが直っていました。
エキサイトさん、ありがとう(^_^)/

[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-07-28 07:43 | │├トラックバック | Trackback(1) | Comments(15)
 

トラックバックをお洒落に♪


トラックバックにイメージを



こんどは、トラックバックのところにイメージを入れる方法です。ちょっと、トラックバックをするのが楽しみになります。

CSS編集で、DIV.TRACK_TOP の部分に青字の部分を追加するだけです。
赤字がイメージファイル名です。




DIV.TRACK_TOP {
LINE-HEIGHT: 170%;

background-image:url(イメージファイル名); background-position:right;
background-repeat:no-repeat;

}




a0031863_143553.jpg


ぽっと








CopyRight(C) 2004 All rights reserved by potto37
[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-07-14 14:10 | │├トラックバック | Trackback(2) | Comments(6)
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。