Home > WordPress > Vicunaではてなスターが落ちる件の対処法

Vicunaではてなスターが落ちる件の対処法

2009/01/07 21:55
WordPress

私が現在使っているwp.Vicuna Ext.というテーマでは、はてなスターの設置は簡単にできるのですが、スターだけがなぜか下の方にずれて表示されるのがみっともないなあと思っていました。ずれていたときの画像は、WordPressのテーマをwp.Vicuna Extに変更の最後の方にキャプチャしたものがあります。このほかスターが多くて「☆14☆」のように表示される場合でも、数字はあるべき位置にあるのに、☆だけが下に落ちていました。

はてなスターというのはjavascriptで表示しているんでしょうか？　よくわからないのですが、普通にページのソースを見ても表示されないので、CSSで上下に動かす方法も分からず、「みっともないなー、なんとかならんのかなー」と思っていたところでした。

しかし、maRkのMyOwn – はてなスターとmt.Vicunaで紹介されていたCSSをまるごとコピペしたところ、ちゃんと真ん中に☆が来るようになりました。感謝。こちらで使われているのはMovableTypeのVicunaのようですが、WordPressのVicunaでも同じみたいです。

.hatena-star-star {
      vertical-align: middle;
      margin-top:0 !important;
}
.hatena-star-comment-container a,
.hatena-star-star-container a{
      background-image: none !important;
      padding-left: 0px !important;
}

ついでに、はてなスターのボタン画像を変更するを参照して、コメントと☆追加のアイコンをデフォルトの水色のものからグレーのものに取り替え、周りと色調を揃えてみました。

Trackbacks:1

Trackback URL for this entry: http://blog.yuco.net/2009/01/vicuna_hatenastar_drop/trackback/
Listed below are links to weblogs that reference: Vicunaではてなスターが落ちる件の対処法 from blog.yuco.net

pingback from ブログをリニューアルしました - まだげん 2009/09/02: [...] ターの画像の表示位置がずれてしまうので、以下を参考にさせていただき修正しました。 Vicunaではてなスターが落ちる件の対処法 – blog.yuco.net http://blog.yuco.net/2009/01/vicuna_hatenastar_drop/ [...]

Home > WordPress > Vicunaではてなスターが落ちる件の対処法