修正版: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;
    }

}




ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

Shint
2014年08月21日 10:18
スタイルシート利用させていただきました。
検索結果を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;
}
}

これはどう直したら使えるようになるでしょうか?
お時間があればご教授ください。
2014年08月21日 22:23
作ってみました。
以下ではどうでしょうか。

@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%;
}


}

siro
2014年08月22日 00:23
最近検索結果にキーワードが表示されなくなり、アドオン有効/無効でstylishが原因と判明。そしてこちらを再訪して無事キーワードが表示されるようになりました。
検索窓固定は非常に便利です。ありがとうございます。

ところが、今度は検索ボックスの下にあるツール類(ウェブ 地図 ニュース 画像etc)などが隠れてしまいました。
こちらを表示した上で検索窓固定はできないでしょうか?
Shint
2014年08月22日 09:11
返信ありがとうございます。

前のトップページでは検索窓を中央やや上、幅短めで表示させていたのですが、今のトップページでこのパラメータでは左上に表示されるみたいですね。
説明不足ですみません。

でも書いてくださった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;
}
}

おかげで助かりました。どうもありがとうございます。
Shint
2014年08月22日 09:37
追記:このままだとGoogleのロゴが重なりますから、別途位置変えてます。
2014年08月22日 23:53
>>Shintさん
説明不足ですみません。
書いたものは任意の座標に表示するようにしたものでした。
ですが普段使いの見た目に出来たようで良かったです。

>>siroさん
本文に記述のスタイルを修正しました。
また、本文中にも記載していますが、google画像検索でもちゃんと動作するようにしました。
siro
2014年08月25日 09:25
素早い返信有難うございます。先ほど修正確認いたしました。
最高です。使い勝手が遥かに向上しました。
ありがとうございました。
Toshi
2015年08月16日 18:47
先日から使わせてもらっています。
https://news.google.co.jp/も対象に出来ないでしょうか?
Toshi
2015年08月18日 07:25
ありがとう、バッチリです。

この記事へのトラックバック

  • googleで使えるFirefoxアドオンstylish用スタイル

    Excerpt: Firefoxのアドオン Stylish 用のgoogleで使えるスタイルです。 検索バー固定、検索結果に番号を振る 、検索結果の色付けと横幅拡大、の3種です。3つ同時に適用も可能です。 Goog.. Weblog: パソコン鳥のブログ racked: 2014-09-02 21:06
  • userstyles.orgで「Google検索バー固定」公開

    Excerpt: googleの検索バーをスクロールせずに固定するstylish用スタイル「検索バー固定」ですが、こちら で修正したばかりなのに、またgoogleの変更で機能しなくなっていました。 Weblog: パソコン鳥のブログ racked: 2014-09-20 09:22
  • googleで使えるstylish用スタイルの更新と、Firefox/Chromeの両方に対応

    Excerpt: これまで紹介してきたStylish用スタイルについて、Chromeでも動作確認できたものを紹介します。 Weblog: パソコン鳥のブログ racked: 2015-04-16 21:08