読者です 読者をやめる 読者になる 読者になる

IS Paradeのブログパーツが復活した&CSSをいじって余計な部分を消してスッキリさせて「はてなダイアリー」に設置

はてな blog

twitterのフォロワーとパレードしよう!」のIS Paradeのブログパーツを以下で書いた
Google Gadgetsを使用して設置していた。
はてダにIS Paradeのブログパーツを貼る。
しかし、だいぶ長いことメンテナンス中のままだった。
復旧しそうにないから、そろそろ外そうかと思ってたら、復活したようだ。


復活したのでついでに、IT戦記 はてなダイアリーにいいねボタンを置く方法CSSを真似して、Google Gadgetsの余計な部分を消した。

<style>
/* IE 以外用 */
/* IE では、 nth-child が使えない */
table.gadget tr:nth-child(1), table.gadget tr:nth-child(2), table.gadget tr:nth-child(4) {
    display: none !important;
}

/* IE 用 */
/*  IE ではテーブルはコンテンツがあればつぶれないので、不要なものを消して td の高さを 0px にし iframe だけ残す */
table.gadget td {
    height: 0px !important;
    padding: 0px !important;
}

table.gadget img, table.gadget span, table.gadget a, table.gadget a:hover {
    display: none;
    height: 0px !important;
    font-size: 0px !important;
}

/* 共通 */
table.gadget td, table.gadget tr, table.gadget iframe, table.gadget div ,table.gadget {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}
</style>

Before

After