スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【Firefox】SearchWPの表示を調整してみた

SearchWPという検索ボックスでページ内検索が出来るアドオンを使ってるけど、
微妙にボタン表示が変というか、ボタン表示位置が悪くて検索文字の左端部分が隠せていない。
SearchWP1
  これ
まあこのままでも実害は無いけど、とりあえず見栄えが悪い
というわけで表示の調整をしてみた。
試す場合は自己責任でお願いします。
2013/11/27追記:2.6.3で直った。

1.SearchWPから「ダウンロードを続ける」→「Fiefoxに追加」を右クリックして「名前を付けてリンク先を保存する」でファイルを保存する。
  (すでに入れている場合はプロファイル内の「extensions/{3e270ac3-8936-43fb-ad20-b4685172a83d}.xpi」をコピーしておく。)
2.保存した「searchwp-2.6.2-fx.xpi」の拡張子を.zipに変えて解凍する。
3.さらに「searchwp-2.6.2-fx/chrome/searchwp.jar」の拡張子を.zipに変えて解凍する。
4.3で解凍した「searchwp/skin/classic/searchbox.css」を編集する。
①70行目を変更する
変更前
-moz-margin-start: .28em !important;
変更後
-moz-margin-start: 0em !important;

②71行目を変更する
変更前
-moz-margin-end: .28em !important;
変更後
-moz-margin-end: .56em !important;

5.3で解凍したファイルと4で編集したファイルを.zipで圧縮し直して、ファイル名を「searchwp.jar」に変える。
6.5のファイルを3の「searchwp-2.6.2-fx/chrome/searchwp.jar」と交換する。
7.変更したファイルを.zipで圧縮し直して、拡張子を.xpiに変える。
8.Firefoxにxpiファイルをドロップしてインストール。

これで作業終わり。
とりあえずやったことはボタン表示位置を左にずらしただけ。
これで表示に問題は無くなるはず。
SearchWP2

2013/11/7追記:超今更気づいたけど-moz-border-radiusってFirefox13からは使えないらしい。
4のファイルで66行目の-moz-border-radiusをborder-radiusに変えるとトークンが角丸になる。
SearchWP3

2015/3/16追記:2.7.1では3で解凍した「searchwp/skin/classic/platform/default/searchbox.css」の
28行目にborder-radiusがあるので数字を弄るともっと丸くなる。


テーマ : Firefox
ジャンル : コンピュータ

コメント

非公開コメント

No title

2.7.1ではどうやって丸くするのでしょうか?;;

Re: No title

> 2.7.1ではどうやって丸くするのでしょうか?;;
一応本文に書きましたが、アドオン本体を弄るのが面倒ならば
userChrome.cssに以下を追加してください。(数字は好みで)

/* SearchWPトークンの四隅を角丸にする */
.searchbox-token {
border-radius: 10px !important;
}
カテゴリ
最新記事
アーカイブ
最新コメント
検索フォーム

カレンダー
07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
天気予報
プロフィール

しらしら

Author:しらしら
購入予定アニメ
なし

アクセスカウンター
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。