パソコン鳥のブログ

アクセスカウンタ

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

<<   作成日時 : 2014/08/19 19:48   >>

ブログ気持玉 0 / トラックバック 3 / コメント 10

こちら で以前、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;
    }

}




テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(3件)

タイトル (本文) ブログ名/日時
googleで使えるFirefoxアドオンstylish用スタイル
Firefoxのアドオン Stylish 用のgoogleで使えるスタイルです。 検索バー固定、検索結果に番号を振る 、検索結果の色付けと横幅拡大、の3種です。3つ同時に適用も可能です。 Google検索ツールをサイドバーに表示する greasemonkeyスクリプトもご覧ください。 ...続きを見る
パソコン鳥のブログ
2014/09/02 21:06
userstyles.orgで「Google検索バー固定」公開
googleの検索バーをスクロールせずに固定するstylish用スタイル「検索バー固定」ですが、こちら で修正したばかりなのに、またgoogleの変更で機能しなくなっていました。 ...続きを見る
パソコン鳥のブログ
2014/09/20 09:22
googleで使えるstylish用スタイルの更新と、Firefox/Chromeの両方に対応
これまで紹介してきたStylish用スタイルについて、Chromeでも動作確認できたものを紹介します。 ...続きを見る
パソコン鳥のブログ
2015/04/16 21:08

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(10件)

内 容 ニックネーム/日時
スタイルシート利用させていただきました。
検索結果を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;
}
}

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

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


}

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

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

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

でも書いてくださった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:11
追記:このままだとGoogleのロゴが重なりますから、別途位置変えてます。
Shint
2014/08/22 09:37
>>Shintさん
説明不足ですみません。
書いたものは任意の座標に表示するようにしたものでした。
ですが普段使いの見た目に出来たようで良かったです。

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

コメントする help

ニックネーム
本 文
修正版:googleで使えるFirefoxアドオンstylish用スタイル 「検索バー固定 」 パソコン鳥のブログ/BIGLOBEウェブリブログ
文字サイズ:       閉じる