修正版:googleで使えるFirefoxアドオンstylish用スタイル 「検索バー固定 」

スポンサーリンク

こちら で以前、googleの検索画面上部の入力箇所をスクロールせずに固定するFirefoxアドオンstylish用スタイル「検索バー固定」を紹介しました。
ところが、最近のgoogleの変更で、検索バーに入れた入力文字が見えなくなっていたので、修正しました。

次のものを使用して下さい。

8/22
不具合修正、他を行いました。
・google検索時の画面上部のツールバーが隠れない様に修正
・画面上部の「ログイン」や設定アイコンもスクロールしないように固定した
・google画像検索で動作するようにした


8/24
google サジェストが画面上部のツールバーに隠れていた件を修正

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://scholar.google.co.jp/scholar?){
    #gs_hdr_lt ,#gs_hdr_bg{
        margin-top:35px !important;
        position:fixed !important;
    }
    #gs_lnv {
        margin-top:155px !important;
        position:fixed !important;
    }
}
@-moz-document url-prefix(http://www.google.co.jp/search?),
               url-prefix(https://www.google.co.jp/search?),
               url-prefix(http://www.google.com/search?),
               url-prefix(https://www.google.com/search?)
{
    .gb_f{
        background-color:#F1F1F1 !important;
    }
    #footcnt{
        margin-top:132px  !important;
    }
    #gbg{
        position:fixed !important;
        z-index:99999 !important;
    }
    #sfcnt,#dc,#subform_ctrl{
        position:fixed !important;
        top:50px  !important;
        z-index:500 !important;
    }
    #top_nav{
        position:fixed !important;
        top:100px  !important;
        z-index:100 !important;
    }
    #rcnt {
        top:142px  !important;
        z-index:0 !important;
        }
    #appbar{
        top:140px  !important;
        position:absolute !important;
    }
        
    #gbx3,#gbx4{
        position:fixed !important;
    }
    #mngb{
        position:fixed !important;
    }
}

コメント

  1. Shint より:

    スタイルシート利用させていただきました。
    検索結果を100件表示しているので、画面固定はとても助かります。
    ところで、もしよければ教えていただきたいのですが、googleトップページも仕様が変わったらしく、
    私が今まで使っていた検索窓の位置と大きさを変えるStylishが使えなくなりました。
    以下のものです。
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url(“https://www.google.co.jp/webhp?complete=0”) {
    div.lst-d.lst-tbb {
    position:absolute;
    bottom:90px;
    left:135px;
    width:55%;
    height:30px !important;
    }
    }
    これはどう直したら使えるようになるでしょうか?
    お時間があればご教授ください。

  2. パソコン鳥 パソコン鳥 より:

    作ってみました。
    以下ではどうでしょうか。
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url(“https://www.google.co.jp/webhp?complete=0”) {
    #searchform{
    z-index:9999 !important;
    position:absolute;
    top:120px;
    left:120px;
    width:40%;
    }
    .sfbg ,.nojsv{
    width:100% !important;
    }
    #tsf{
    width:100% !important;
    }
    .tsf-p{
    padding-left:0px !important;
    width:100%;
    }
    #sfdiv {
    width:100%;
    }
    }

  3. siro より:

    最近検索結果にキーワードが表示されなくなり、アドオン有効/無効でstylishが原因と判明。そしてこちらを再訪して無事キーワードが表示されるようになりました。
    検索窓固定は非常に便利です。ありがとうございます。
    ところが、今度は検索ボックスの下にあるツール類(ウェブ 地図 ニュース 画像etc)などが隠れてしまいました。
    こちらを表示した上で検索窓固定はできないでしょうか?

  4. Shint より:

    返信ありがとうございます。
    前のトップページでは検索窓を中央やや上、幅短めで表示させていたのですが、今のトップページでこのパラメータでは左上に表示されるみたいですね。
    説明不足ですみません。
    でも書いてくださったCSSのおかげで要素が分かりましたので、普段使っている見た目に設定できました。
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url(“https://www.google.co.jp/webhp?complete=0”) {
    #searchform{
    position:absolute;
    top:250px;
    left:135px;
    }
    #sfdiv {
    max-width:300px;
    }
    }
    おかげで助かりました。どうもありがとうございます。

  5. Shint より:

    追記:このままだとGoogleのロゴが重なりますから、別途位置変えてます。

  6. パソコン鳥 パソコン鳥 より:

    >>Shintさん
    説明不足ですみません。
    書いたものは任意の座標に表示するようにしたものでした。
    ですが普段使いの見た目に出来たようで良かったです。
    >>siroさん
    本文に記述のスタイルを修正しました。
    また、本文中にも記載していますが、google画像検索でもちゃんと動作するようにしました。

  7. siro より:

    素早い返信有難うございます。先ほど修正確認いたしました。
    最高です。使い勝手が遥かに向上しました。
    ありがとうございました。

  8. Toshi より:

    先日から使わせてもらっています。
    https://news.google.co.jp/も対象に出来ないでしょうか?

  9. パソコン鳥 パソコン鳥 より:
  10. Toshi より:

    ありがとう、バッチリです。

タイトルとURLをコピーしました