ACR WEBさんのアクセスランキングのCSSを指定してみた

なぜかと考えたところpaddingなどがブログのほかのところと違うからです。CSSで指定してあげればいいのですがソースは以下のようにJavaScriptを貼るだけになっているのでどうしたらスタイルを指定できるのでしょうか。

<SCRIPT TYPE="text/javascript" SRC="http://pranking2.ziyu.net/js/???????.js" charset=shift_jis></SCRIPT>

で、考えたのが次の方法です。まず、JavaScriptの周りをdivで囲ってあげます。

<div id="side">
<SCRIPT TYPE="text/javascript" SRC="http://pranking2.ziyu.net/js/???????.js" charset=shift_jis></SCRIPT>
</div>

そして、パーツが実際表示されたときにどのような仕組みになっているか調べます。今回の場合は直接http://pranking2.ziyu.net/js/???????.jsにアクセスしてみます。するとtableでできていることが分かると思います。ですので

#side td {
   padding:5px 3px 3px 3px;
   line-height:130%;
}

とCSSを記述するとブログランキングのtdのスタイルを指定できます。

これに限らず他のJavaScriptでできたブログパーツでもこの方法でスタイルを変更できると思いますのでぜひお試しください。