2008.07.09 広告のiframeだけを非表示にするcssハック[Stylish][firefox][ユーザースタイルシート]
誰も見てないさなかお久しぶりです。
さて、私はすっかり火狐厨になったわけですが、これの「Stylish」というアドオンが便利なんですね。
何が便利って広告は消せるし、Googleの検索結果のデザインを改造できたりするし。かといって重くなることもなく、見た目を変えるアドオンとしては最高のものでしょう。
さてさて。
広告として多く使われるのが、iframe。つまりインラインフレーム。
一方で、GoogleのWEBアプリとしても使われまくるインラインフレーム。
つまり、全てのiframeを非表示にしてしまうと、困った困った。Google ドキュメントとか使えないですしね。
そんなこんなで、いらないiframeは削除しつつ、Googleとかではiframeは表示するcssのコードです。
さて、私はすっかり火狐厨になったわけですが、これの「Stylish」というアドオンが便利なんですね。
何が便利って広告は消せるし、Googleの検索結果のデザインを改造できたりするし。かといって重くなることもなく、見た目を変えるアドオンとしては最高のものでしょう。
さてさて。
広告として多く使われるのが、iframe。つまりインラインフレーム。
一方で、GoogleのWEBアプリとしても使われまくるインラインフレーム。
つまり、全てのiframeを非表示にしてしまうと、困った困った。Google ドキュメントとか使えないですしね。
そんなこんなで、いらないiframeは削除しつつ、Googleとかではiframeは表示するcssのコードです。
iframe{
display:none !important;
}
@-moz-document domain(google.com), domain(google.co.jp) {
iframe:not([style*="display:"]){
display:inline !important;}
}
上のコードをコピーアンドペーストすればオッケーです。
以下、解説
iframe{
display:none !important;
}
/*全てのiframeを非表示にする。*/
@-moz-document domain(google.com), domain(google.co.jp)
/*「google.com」と「google.co.jp」のドメインのところのみに適用する。
増やしたい場合は、domain(○○○)をコンマで追加していけばOK*/ {
iframe:not([style*="display:"])
/*style属性に「display:」を含まないもの、つまり表示形式を指定していないものにを非表示
これで一応、ホワイトリストにはなるんじゃないかと思うけどね。*/
{
display:inline !important;}
}
と、いうこと。
確かめたのは、iGoogleとGoogle ドキュメントだけだけど、これでだいたい良いんじゃないかな。
COMMENT
COMMENT FORM
TRACKBACK
TB URL