Hatena::ブログ(Diary)

虎塚 このページをアンテナに追加 RSSフィード Twitter

2012-06-14

メモ: Chrome拡張「Stylebot」でユーザCSSを編集する

こちらは、皆さんおなじみ、某ブログサービスのトップページです。

f:id:torazuka:20120614211049p:image

最近、レーシックの巨大なバナー広告がときどき表示されるようになってしまいました。

自分はレーシックに恐怖心があるため、このバナーに出くわすと訳もなく不安になり、落ち着いてブログを書く気分ではなくなってしまいます。技術者にあるまじき脊髄反射でサーセン、サーセン。

というわけで、怖いバナーを非表示にするために、Chromeでユーザスタイルシートを適用する方法を調べました。

すると、Stylebotというベンリな拡張があることを知ったので、使い方をメモしておきます。

StylebotをChromeにインストールすると、アドレスバーの右端に[CSS]というアイコンが表示されるようになります。

f:id:torazuka:20120614211050p:image

この[CSS]アイコンをクリックすると、操作画面が開きます。

左上のアイコンが青くなっていることを確認します(disableの場合は、クリックすると青くなります)。

この状態で、ページ上をマウスポインタでウロウロすると、黄緑色の矩形が表示されて、エレメントを選択できます。

f:id:torazuka:20120614211051p:image

上のキャプチャは、「持っているスター数」というリンクを選択しているところです。

消したいバナーを選択した状態でクリックし、操作画面の[Hyde]ボタンを押すと、バナーが消えます。

f:id:torazuka:20120614211052p:image

[Edit CSS]ボタンを押すと、直接CSSを編集することもできます。

f:id:torazuka:20120614211053p:image

[Save]ボタンを押すと、完了です。

ヤッター、消えた! もうなにも怖くない! Stylebotの作者さん、ありがとう!><

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/torazuka/20120614/stylebot
リンク元