PamGau
Web周り、サッカーの話、ときどきヌコ

Googleの左サイドバーを消すユーザスタイルシート for Firefox , Opera

グーグル、検索結果ページを刷新

こういった仕様変更は基本的には「慣れる」のがベストなのでしょうけど、今般の場合、元々ブラウザのサイドパネルを表示させているような向きにはうっとうしいみたいです。

経過措置として検索結果ページに対してユーザスタイルシート (User CSS)で適用してみます。適用前後でレイアウトは下のニ画像のように変わります。ついでにスポンサードリンクやらもろもろの邪魔者ブロックも消しました。

Firefoxは3.6.3、Operaは10.53とこの記事更新時点で最新バージョンを使っています。なお、チョロメのことは知りません。

Google検索結果画面(CSS適用前) Google検索結果画面(CSS適用後)

Firefox + Stylishの場合

アドオン"Stylish"を導入しておくと、当該スタイルを適用しないことも簡単にできるので導入を強く推奨。導入後は下記のUser CSSを登録します。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(http://www.google.co.jp/search){

  div#leftnav {display:none}
  div#center_col {border-left: none !important;margin: 0em 1em !important;}
  div#tpa1 {display:none !important}
  div#mbEnd {display:none !important}
  div#tads {display:none !important}

  div.s, .j{
    width:auto !important;
    max-width:100% !important;
    padding-right:8px !important;
    text-align:justify !important;
    min-width:200px !important;
  }
}

追記:"google.com"の方を検索に使用する方は"@-moz-document"をそれに合わせて変更する必要があります。Stylishにはコピー機能があるので両方登録しておくこともできます。

また、画像検索などでもサイドバーを消したい場合は、"url-prefix"内の”search”を消せばいいです。

Operaの場合

普通、Operaで使うユーザースタイルシート(xxx.css)は、"Operaについて"に表示された"ユーザー CSS ディレクトリ"に配置します。

ところがこれまでにユーザースタイルシートを使ったことがないと、"Operaについて"に"ユーザー CSS ディレクトリ"が見当たらないかもしれません。その場合は、「設定フォルダ - Opera」を参考に、自前で作成しておいた方がいいです。

以上のことを確認したら、下記のコードを"delete_google_sidebar.css"のような適当な名前で保存します。

@charset "utf-8";
/*
Name:Google 左サイドバー消去
*/

div#leftnav {display:none}
div#center_col {border-left: none !important;margin: 0em 1em !important;}
div#tpa1 {display:none !important}
#mbEnd {display:none !important}
#tads {display:none !important}

div.s, .j{
  width:auto !important;
  max-width:100% !important;
  padding-right:8px !important;
  text-align:justify !important;
  min-width:200px !important;
}

なんのことはないスタイル指定の要部は、Firefox用のコードのうち、@-moz-document{……}の中身に過ぎません。charsetで文字コードを指定しているのは「表示」メニュー→「スタイル」で当該スタイルシートの名称を日本語で表示するための配慮です。

Operaサイトごとの設定画面

Operaの「設定」→「詳細設定」→「コンテンツタブ」→「サイトごとの設定を編集ボタン」→「追加ボタン」と進み、左図のように「サイト」のテキストボックスに、「www.google.com」と書き込みます。

この「サイト」では"*(アスタリスク)"のようなメタ文字は使えず、あくまでドメイン名しか指定できません、

次いで、「表示設定タブ」に移動し、最下段の「ユーザースタイルシート」に先ほど保存したCSSファイルを指定します。

これで作業は完了です。


参考記事


"「Firefox 3 Download Day」" « Home »

TrackBack

ご注意
当分の間、トラックバックの受信を行わないことといたしました。過去に戴いたトラックバックのリストについてはそのまま保持いたします。
トラックバックはありません

Comments

イシルウェン posted at 2010/05/25 17:17
「Google 左 うざい」で検索していてここにたどり着きました。
Greasemonkeyで表示させないようにすることもできるようですが、
あちらはどうしても一瞬表示されてしまって具合が悪いので、
こちらを使わせていただくことにしました。
ありがとうございます。

ただ、一部の状況でスポンサーリンクが消えなかったり(一度の検索語数が多い時?)、
ナビが上手く消えないこともありましたので、
試行錯誤の結果改変したものをうちのブログに載せてみました。(Firefoxのみ)
もしも不都合がありましたら削除しますので、
お申し付けください。
kyorecoba posted at 2010/05/27 14:55
>イシルウェンさん
該当記事を拝見しました。
私の方にもありがたく使わせていただきました。
上に掲載したCSSはあまり確認しないままでしたのでたすかります。
ご注意
当分の間、JavaScript が有効でないとコメント投稿できないようにします。スパム対策であって、投稿される方の個人情報を取得する目的ではありません。悪しからずご了承ください。
Recent Entries
Googleの左サイドバーを消すユーザスタイルシート for Firefox , Opera
「Firefox 3 Download Day」
手持ちのエディタからのインタプリタ実行
Microsoft.mshtmlの陥穽
MyMiniCity 巡回専用クライアントソフト
Flag Button Devkit : 国旗の缶バッジ化キット
スポットライトが当たったような画像をPaint.NETで作る
IMEのオン/オフを判別する方法
ソフトウェアパッケージ風画像をPaint.Netで描く
PHP 初学者向けの Web 上のリソース
Links
PamGau 系
PamGau::Memo
PamGau::Dust
PamgauSigh Wiki
はてなブックマーク
パンパでガウチョ
kyorecobaのdel.icio.us
BLOGNAVI
XREA.COM
VALUE-DOMAIN
PHP ver 4.4.2
Powered by Nucleus CMS Creative Commons
feedberner banner この日記のはてなブックマーク数
BlogPeople
あわせて読みたい