17/11/17 20:12:49.15 KUNs3wWe0.net
まともなテキストエディタぐらい揃えておけよ
BOMの判定？のためにわざわざ そんなもん使うな
とりあえず Mery とかで十分
124:名無しさん＠お腹いっぱい。
17/11/17 20:20:31.74 J+sWG7e80.net
>>121
Meryの紹介ありがとうございます
125:名無しさん＠お腹いっぱい。
17/11/17 20:39:10.54 7j9i2TvK0.net
>>113です。
>>115さん，>>116さん，レスありがとうございました。
しかし，その１，その２を試すも成功せず。です。
UTF-8（BOMあり）と(BOMなし)の件も確認しながら進めました。
でも，うまくいかない…
そもそも userChrome.js が正しく起動した場合，どのようになるのでしょうか？
とりあえず，私は AutoCloseBookMarkFolder_Fx37.uc.js が使いたいのですが…
126:名無しさん＠お腹いっぱい。
17/11/17 20:40:48.70 7j9i2TvK0.net
>>113です。
>>120さん，ご指摘ありがとうございました。かつ，申し訳ありません。
紹介いただいたスレも３日前から覗いているのですが…
127:名無しさん＠お腹いっぱい。
17/11/17 20:46:16.69 XuyQ53Uz0.net
>>123
自分もよくわからんのですが
userChrome.jsはただ入れておくだけ
Chromeフォルダにいろんなjsファイル入れれば
定められた動作がするというものだと思います
例えばうちで動いたものとしてこんなのがありました
?closeTabsFromTheBeginning@zbinlin.uc.js
?タブコンテキストメニューに左のタブを閉じる項目「Close Tabs from the Left」を追加
?SearchClipboard.uc.js
?検索エンジンボタンをミドルクリックし、クリップボード内の文字列で検索
?メニューの検索エンジンをミドルクリックし、クリップボード内の文字列で検索
?closeTabsFromTheBeginning@zbinlin.uc.js
?タブコンテキストメニューに左のタブを閉じる項目「Close Tabs from the Left」を追加
128:名無しさん＠お腹いっぱい。
17/11/17 20:48:19.03 ENn7NSOB0.net
他に誘導して教えてあげれば？
129:名無しさん＠お腹いっぱい。
17/11/17 20:53:49.07 J+sWG7e80.net
>>123
続きは >>116 >>120 で
130:名無しさん＠お腹いっぱい。
17/11/17 20:54:31.97 cn74sa5o0.net
firefoxのタブ文字が右に行くほどフェードアウトしてるのですが、これはuserchromeで直せますか？
131:名無しさん＠お腹いっぱい。
17/11/17 21:15:56.13 7/3kXYFD0.net
未読込タブの色変えるのできる？
ググって出るような今までのやつ試したけどできなかった
132:名無しさん＠お腹いっぱい。
17/11/17 21:44:34.67 Or6sJ0+30.net
>>128
>>110は誘導されたからまあ良しとして、マルチするのはどうなの
133:名無しさん＠お腹いっぱい。
17/11/17 22:38:03.54 79SWM2Vv0.net
firefoxを起動したときにアドレスバーがフォーカスするようになっていますが
画面真ん中の検索欄にフォーカスすることはできますか？
134:名無しさん＠お腹いっぱい。
17/11/17 22:58:28.80 AV9aN4rB0.net
>>129
既出
/* タブの色を変える */
/* 未読 */
.tabbrowser-tab[unread="true"]
{color: red !important}
/* 非ロード */
.tabbrowser-tab[pending="true"]
{color: yellow !important}
135:名無しさん＠お腹いっぱい。
17/11/17 23:36:18.07 aptMruhY0.net
「Google 検索ツールをサイドバーへ」
URLﾘﾝｸ(userstyles.org)
が、Stylishを使うと適用されるんですが、usercontent.cssに記述すると適用されません。
原因が分かる方いますか？
Windows7 64bit
FirefoxESR 52.5.0
136:名無しさん＠お腹いっぱい。
17/11/17 23:40:59.34 ctHqQUBj0.net
>>132
それだと文字色だけ変わってタブ全体は変わらないよね？
かと言ってbackground-color使ってもやっぱりタブ全体は変わらない…
137:名無しさん＠お腹いっぱい。
17/11/18 00:19:53.08 wYmovHeg0.net
これでもダメだったの？
.tabbrowser-tab[unread="true"] .tab-content { background: red !important;}
138:名無しさん＠お腹いっぱい。
17/11/18 00:20:16.73 zJR+TYej0.net
win10 デフォルトテーマ、コンパクト用
/*----------------- Tab Text color--------------------------*/
.tabbrowser-tab[unread="true"] { color: #aa0000 !important;}
.tabbrowser-tab:not([unread] ){ color: rgba(0,0,0,0.8) !important;}
.tabbrowser-tab[selected="true"] { color: rgba(0,0,0,1) !important;}
.tabbrowser-tab[busy]:not([selected="true"]) { color: #aa0000 !important;}
.tabbrowser-tab[busy] .tab-text { background: rgba(255, 153, 0, 0.6);}
/*****************************************************/
#TabsToolbar .tabbrowser-tab:not([selected="true"]) .tab-content
{background-color: rgba(250,250,250,0.6) !important;}
#TabsToolbar .tabbrowser-tab:not([selected="true"]) .tab-content,
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-content
{border-top: 1px solid var(--tabs-border) !important;}
.tab-line {height:0px !important;}
.tab-line[selected=true]
{height:1px !important;
background-color: var(--tabs-border) !important;}
Arisさんのcssを参考に52ESRで使ってたcssを手直し
Australisより前の形にしたいならArisさんのcss使えばいい
139:名無しさん＠お腹いっぱい。
17/11/18 00:23:46.57 HK81CTBi0.net
>>134
デフォルトなら>>132をbackground-colorにすれば変わるよ
140:名無しさん＠お腹いっぱい。
17/11/18 00:50:45.03 kLozC4ZZ0.net
>>20
横から感謝
モヤモヤが消えた
141:名無しさん＠お腹いっぱい。
17/11/18 01:43:53.10 AMPaprFb0.net
>>133
全てに「!important」を追加すれば適用される
142:名無しさん＠お腹いっぱい。
17/11/18 03:25:14.87 cP+BJfS80.net
>139さん
ありがとうございます。適用できたようです。
143:名無しさん＠お腹いっぱい。
17/11/18 12:14:06.45 KbWQOk/l0.net
Find in Searchbar Highlightが機能しないことがあるのはおま環ですかね
再起動すれば大体は直るんですけど
他のuc.jsはこんなこと無いのですが古いからfx57で上手く動いてないって事でしょうか？
144:名無しさん＠お腹いっぱい。
17/11/18 13:05:44.35 KbWQOk/l0.net
書き込むスレ間違えました・・・失礼しました
145:名無しさん＠お腹いっぱい。
17/11/18 20:20:20.58 zJR+TYej0.net
userChrome.cssで
@import url(XXXXXX_XXXXX.css);
を使用して外部ファイルを読み込むようにすると管理が簡単
146:名無しさん＠お腹いっぱい。
17/11/18 20:47:02.72 nZ80k2qH0.net
3つほど質問があるのですがお願いします
古いStylishのやつがAbout this versionのところに残ったままなんだけどこれ消すにはどうしたらいいんでしょうか？
3以降でも書き方は同じで大丈夫でしょうか？
あと新しい保存データってどこにあるんでしょうか？
147:名無しさん＠お腹いっぱい。
17/11/18 21:09:37.30 aDznNPW60.net
>>143
@import "foo.css";
の方が簡潔じゃない？
148:名無しさん＠お腹いっぱい。
17/11/18 21:16:15.14 LTee+NAc0.net
@import の処理って重い(遅い)んじゃないの？
そう思って面倒でも1ファイル内にべたべた張り付けて並べてる
149:名無しさん＠お腹いっぱい。
17/11/18 22:29:55.87 nazjQW2j0.net
分割管理してuserChrome.cssとして出力すればいいのでは
簡易的にはcat/typeとか
150:名無しさん＠お腹いっぱい。
17/11/18 22:51:21.04 aDznNPW60.net
>>146
ローカルファイルで@importがそんなに問題になるとは思えんが
気になるなら >>147 だな
Windwosならcopyに/bオプションつければ結合できる
151:名無しさん＠お腹いっぱい。
17/11/18 23:01:35.47 pA9vaO4i0.net
どうせなら、Web周りなんだから Node.js 環境でスマートにやろうぜ
152:名無しさん＠お腹いっぱい。
17/11/19 01:48:48.28 T5GpXshk0.net
>>132
これツリー型タブのサイドバーには適用されないのか…困った
153:名無しさん＠お腹いっぱい。
17/11/19 02:04:47.58 QmAYsybD0.net
>>150
57のツリー型タブにしたらきかなくなったよね
154:名無しさん＠お腹いっぱい。
17/11/19 02:05:15.42 zQtAp7uC0.net
ツリー型タブの設定からcssいじれなかったけ
155:名無しさん＠お腹いっぱい。
17/11/19 02:17:45.32 s8R2no0y0.net
>>152
発見した
ありがとう
156:名無しさん＠お腹いっぱい。
17/11/19 06:17:13.46 6qbOUGEG0.net
ホバーしているタブのコントロールをしたいのですが、cssでの指定はどうすればいいのでしょうか
157:名無しさん＠お腹いっぱい。
17/11/19 13:41:06.38 2e7kMtGVQ
前スレの976,977見てコンテキストメニューを整理してますが、メインウィンドウの
ページをpocketに保存
ページを端末に送信+メニュー
要素を調査
と、間の区切りが消せません。ググっても見つけられませんでした。
ご存じの方いらっしゃいませんか？
158:155
17/11/19 13:42:08.82 2e7kMtGVQ
追加で 背景画像だけを表示 もお願いします
159:名無しさん＠お腹いっぱい。
17/11/19 10:55:08.55 AsvFqp5o0.net
Firefoxのアドレスバーと検索バーのあるバーの高さを狭くするのはどうしたらいいでしょうか？
26ptぐらいにしたいです。
いろいろやってみたのですがアドレスバーだけ狭くなってしまったりします。
160:名無しさん＠お腹いっぱい。
17/11/19 11:26:28.77 bCmHF5h90.net
Find in Searchbar Highlight.uc.jsで
・最初からハイライトボタンを表示
・検索ボタンの左クリックは検索実行のままにする
に変更したいのですがどこを編集すればよいのでしょうか？
161:名無しさん＠お腹いっぱい。
17/11/19 11:30:54.67 AsvFqp5o0.net
>>141
おまかんじゃないと思う。
再起動直後は使えてもしばらくすると元の検索エンジンの検索に戻っちゃうね。
162:名無しさん＠お腹いっぱい。
17/11/19 11:33:43.30 hFvH78yw0.net
>>157
自分用だから好きにイジって
#urlbar,
.searchbar-textbox {
min-height: 25px !important;
margin: 0 !important;
}
#nav-bar,
#nav-bar-customization-target {
height: 25px !important;
}
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 0 var(--toolbarbutton-inner-padding) !important;
}
163:名無しさん＠お腹いっぱい。
17/11/19 11:38:38.31 /D3yjMTd0.net
>>158
どこかの書き込みをメモしたものだから動くかは不明
/* 検索バーの → を常に表示するように固定 */
.search-go-button {
display: inline-block !important;
}
164:名無しさん＠お腹いっぱい。
17/11/19 12:14:50.60 cT4y2GXG0.net
大したものじゃないがメモ書き
Googleとかで丸i周辺デカくなるのがうざかった
/*-- URLバー --*/
/* |区切りと…消去 */
#pageActionSeparator,#pageActionButton{display: none !important;}
/* iの部位スリム化 */
#identity-box{
max-width: 20px !important;
padding-left: 2px !important;}
/* URLバー短く、オンマウスで広げる */
#urlbar-container{max-width: 200px !important;}
#urlbar-container:hover{max-width: 500px !important;}
165:名無しさん＠お腹いっぱい。
17/11/19 12:22:34.42 bCmHF5h90.net
>>161
ありがとうございます
動作はして検索ボタンは常に表示されるようにはなりましたがハイライトについては変わりありませんでした
スレ違いでしたので移動します
166:名無しさん＠お腹いっぱい。
17/11/19 12:41:21.80 6qbOUGEG0.net
メニューバーの文字色と、タブのホバーの指定方法教えてください
167:名無しさん＠お腹いっぱい。
17/11/19 12:45:21.72 qr+Mg0fn0.net
このスレ見てるとID調べるのが死ぬほどめんどくせえってのが
存在してる一番の理由だよな
168:名無しさん＠お腹いっぱい。
17/11/19 13:05:34.91 VhqkVc3K0.net
>>80
ブックマークを新タブで開く時にカレントタブからフォーカスを移動しない（user.js）
user_pref("browser.tabs.loadBookmarksInBackground", true);
169:名無しさん＠お腹いっぱい。
17/11/19 13:14:41.07 cT4y2GXG0.net
>>162
全く上手く動いてなかったので手直し
/* URLバー短く、オンマウスで広げる */
#urlbar,#urlbar-container{
max-width: 200px !important;
min-width: 100px !important;}
#urlbar:hover,#urlbar-container:hover{min-width: 350px !important;}
170:名無しさん＠お腹いっぱい。
17/11/19 14:19:12.19 4Y4XL7CY0.net
urlバーを縮めて、検索バーの長さを広げたい場合は
どう記述したら良いんでしょうか
171:名無しさん＠お腹いっぱい。
17/11/19 14:28:43.28 4Y4XL7CY0.net
>>160に似たようなコードが書いてあったのでまねしてみたら形にはなりました
よく読まずに書き込んで申し訳ありません。手直し必要な部分があったら教えて下さい
/* アドレスバーの幅変更 */
#urlbar,
.searchbar-textbox {
width: 300px !important;
/* 検索バーの幅変更 */
#nav-bar,
#nav-bar-customization-target {
width: 300px !important;
}
#nav-bar .toolbarbutton-1～の部分はよく分からなかったので記述しませんでした
172:名無しさん＠お腹いっぱい。
17/11/19 15:27:54.90 MTRsSD+R0.net
そんなものわざわざcssでやらなくても両欄の間をドラッグすればいいような
173:名無しさん＠お腹いっぱい。
17/11/19 15:50:25.72 4B40ylyq0.net
バーにフォルダを置く人には必要なんだよ
174:名無しさん＠お腹いっぱい。
17/11/19 17:13:40.45 aIoRvUYY0.net
Stylishじゃサイドバーの行間とか調整できなくなった？
175:名無しさん＠お腹いっぱい。
17/11/19 17:35:35.25 UAEg6dYe0.net
サイドバーはchrome領域だからuserChrome.cssで指定する
176:名無しさん＠お腹いっぱい。
17/11/19 17:55:37.75 6qbOUGEG0.net
userchromeのリファレンスってどこにあるんですか？
メニューバーの色
アクティブなタブ
非アクティブでホバーされたタブ
非アクティブなタブ
をコントロールしたいですが、それぞれの書き方を知りたいです
また、waterfox55なんですが、角タブ化ってuserchromeでは無理なんでしょうか
cssの書き方はだいたいわかります
177:名無しさん＠お腹いっぱい。
17/11/19 17:58:58.53 T1ki6HR+0.net
>>174
無い
本来ブラウザツールボックスつかってインスペクタで調べて
自力でどうにかできる人向けのものだからね
178:名無しさん＠お腹いっぱい。
17/11/19 18:10:54.47 6qbOUGEG0.net
そういうもんなんですか
頑張ります
179:名無しさん＠お腹いっぱい。
17/11/19 18:13:22.88 V0aT5S9M0.net
>>176
「firefox chrome url」でググると良いよ
180:名無しさん＠お腹いっぱい。
17/11/19 18:19:40.98 6qbOUGEG0.net
ちなみに55の角タブ化ってuserchromeでは無理ですか？
ctrでは出来るんですが
181:名無しさん＠お腹いっぱい。
17/11/19 18:27:28.63 V0aT5S9M0.net
>>178
出来るよ
自分もWaterfox使ってて角タブに変えているよ
182:名無しさん＠お腹いっぱい。
17/11/19 18:33:39.21 ArJdQymq0.net
コンパクトテーマじゃダメなの
183:名無しさん＠お腹いっぱい。
17/11/19 18:49:42.64 AB56stOk0.net
Waterfoxスレでやれよハゲ
184:名無しさん＠お腹いっぱい。
17/11/19 18:56:52.22 AsvFqp5o0.net
>>160
ありがとう。
#urlbar,
.searchbar-textbox
でやったらうまくいきました。
185:名無しさん＠お腹いっぱい。
17/11/19 23:00:40.24 +NIxrQYG0.net
57ではフォントをいじれなくなったのかな？
MSPゴシック指定してるサイトはメイリオに置換してたが出来ない
游ゴシックを游ゴシックMediumにもできないしfont-weghitも効かないから辛い
186:名無しさん＠お腹いっぱい。
17/11/19 23:19:42.50 ps4liQuE0.net
>>183
どういう指定してるのか書かないと。
あとね。
＞font-weghit
そもそもそれ誤字なんだけど。
187:名無しさん＠お腹いっぱい。
17/11/19 23:19:59.15 AB56stOk0.net
できます
188:名無しさん＠お腹いっぱい。
17/11/20 05:35:43.66 aI1wVpB60.net
>>183
うちもフォントの設定がおかしくなったけど試しに新規プロファイルでやってみたら普通にできたから
もしかしたらプロファイルの問題かもね
189:名無しさん＠お腹いっぱい。
17/11/20 11:15:20.63 OEQ1cW6K0.net
下記でアクティブタブに丸みがつくのですが、すべてのタブに丸みをつけるにはどう書けば良いのでしょうか？
/*** タブの角に丸み ***/
.tab-background {
border-radius: 8px 8px 0px 0px !important;
border-image: none !important;
}
.tab-line {
display: none;
}
190:名無しさん＠お腹いっぱい。
17/11/20 11:34:32.44 ARUVS9T10.net
「font-weghit」とか書いてたらそりゃ動くわけねーわ
アホかよ
191:名無しさん＠お腹いっぱい。
2017/11/
192:20(月) 12:17:38.79 ID:EI4o1zsL0.net
193:名無しさん＠お腹いっぱい。
17/11/20 12:18:04.30 EI4o1zsL0.net
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}
194:名無しさん＠お腹いっぱい。
17/11/20 12:40:07.80 OEQ1cW6K0.net
>>189
うーん、残念！
アクティブタブのみ丸くなり、その他間の仕切りも消えます。
>>190も繋げてます。
195:名無しさん＠お腹いっぱい。
17/11/20 12:46:11.31 EI4o1zsL0.net
>>191
一応うちのは丸くなって入るんですが
自分はさっぱりわけわかめなので
URLﾘﾝｸ(i.imgur.com)
196:名無しさん＠お腹いっぱい。
17/11/20 12:50:37.07 8iuGUSOv0.net
お世話になります この2か所の調整できますでしょうか
URLﾘﾝｸ(i.imgur.com)
よろしくお願いします
197:名無しさん＠お腹いっぱい。
17/11/20 12:52:21.98 MWA60KGr0.net
両方共どっかでみたことある
無理ではないと思う
198:191
17/11/20 12:57:29.42 8iuGUSOv0.net
ありがとうございます
パンツ脱いで待ってます
どなた様かよろしくお願いします
199:名無しさん＠お腹いっぱい。
17/11/20 13:07:00.55 tZVR/Gli0.net
サイドバーのタイトルバーをそもそも表示させないって言うのなら利用させてもらっている
/*サイドバーヘッダーを隠す*/
#sidebar-header { visibility: collapse; }
200:名無しさん＠お腹いっぱい。
17/11/20 13:13:37.00 UYkMLTv00.net
自分も>>187だけで全てのタブに反映されてる
201:193
17/11/20 13:19:50.03 8iuGUSOv0.net
>>196
早速ありがとうございます。
202:名無しさん＠お腹いっぱい。
17/11/20 13:22:36.06 pf0hInfk0.net
>>197
俺はカレントタブだけ丸みが付いているように見えるけど、他のタブにカーソル乗せてみると
やっぱり丸み付いてるから、>>187の環境でタブと背景が同色で丸みが見えないだけだと予想
203:名無しさん＠お腹いっぱい。
17/11/20 13:24:52.42 MWA60KGr0.net
/* アドレスバーの幅変更 */
#urlbar,
.searchbar-textbox {
width: 300px !important;
/* 検索バーの幅変更 */
#nav-bar,
#nav-bar-customization-target {
width: 300px !important;
}
素人だけどこれのwidthをheightにしてなんかすればいいんじゃね
204:名無しさん＠お腹いっぱい。
17/11/20 13:27:28.48 OEQ1cW6K0.net
>>192
radiusが3pで丸みが見えず、仕切り線も消えてますね。
205:名無しさん＠お腹いっぱい。
17/11/20 13:31:14.91 OEQ1cW6K0.net
>>199
それはない。はっきり仕切り線も出てる。
206:193
17/11/20 13:38:46.27 8iuGUSOv0.net
>>200
ありがとうございます が、ダメでした
207:193
17/11/20 13:55:49.10 8iuGUSOv0.net
とりあえず urlバー できました
/* urlバーの高さを変更する */
#urlbar {
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}
URLﾘﾝｸ(i.imgur.com)
>>200 ヒントどーもありがとっす
208:名無しさん＠お腹いっぱい。
17/11/20 14:22:18.16 MWA60KGr0.net
何だこのXPみたいな10は
209:名無しさん＠お腹いっぱい。
17/11/20 14:23:16.53 bmuV53Mz0.net
>>204
一瞬xpかと思った凝ってるな
210:名無しさん＠お腹いっぱい。
17/11/20 14:24:10.18 EI4o1zsL0.net
>>204
検索バーの高さも変更できたら教えて
211:名無しさん＠お腹いっぱい。
17/11/20 14:28:35.23 MWA60KGr0.net
正確にはxpのclassicか
212:名無しさん＠お腹いっぱい。
17/11/20 14:29:05.06 U8fW6n0S0.net
XPというよりは2000だろ
213:名無しさん＠お腹いっぱい。
17/11/20 14:45:57.08 r/XZBm/K0.net
履歴アイコンクリックした時に「最近閉じたタブ」一覧が折りたたまれてるんだけど
これを最初から開けるようにって出来ませんか？
userchrome関係ないかもだけど
自分はページ履歴より最近閉じたタブをよく参照してたので使いづらくなったー
214:202
17/11/20 14:48:56.79 8iuGUSOv0.net
これを追加したらURLバーが萎みました
/* 検索バーの高さを変更する */
#searchbar {
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}
URLﾘﾝｸ(i.imgur.com)
215:名無しさん＠お腹いっぱい。
17/11/20 15:00:09.30 BaQXK/5q0.net
アドレスバーの「URLまたは検索語句を入力します」って文字列消せないかな
216:名無しさん＠お腹いっぱい。
17/11/20 15
217::05:46.20 ID:8+ILOplq0.net
218:名無しさん＠お腹いっぱい。
17/11/20 15:09:19.49 UYkMLTv00.net
>>211
Tampermonkeyのアイコンが！
219:名無しさん＠お腹いっぱい。
17/11/20 15:18:07.46 iCieWgMP0.net
これで行けるかな？
/* URLバー・検索バーの高さを変更する */
#urlbar,
.searchbar-textbox{
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}
/* サイドバー ヘッダーの高さを変更する */
#sidebar-header {
font-size: 14px;
padding: 1px 0px;
min-height: 20px !important;
max-height: 20px !important;
}
/* サイドバー クローズボタン位置微調整 */
#sidebar-header .close-icon{
padding: 0 1px;
}
220:名無しさん＠お腹いっぱい。
17/11/20 15:20:47.47 KPlGtFex0.net
#urlbar .textbox-input::-moz-placeholder {color: transparent !important;}
221:名無しさん＠お腹いっぱい。
17/11/20 15:28:03.44 EI4o1zsL0.net
>>215
いけますね
222:名無しさん＠お腹いっぱい。
17/11/20 15:35:38.35 MWA60KGr0.net
>>215
iine
223:名無しさん＠お腹いっぱい。
17/11/20 15:46:53.27 MWA60KGr0.net
/* ツールバーの高さはこれでかわった */
#nav-bar {
min-height: 10px !important;
max-height: 10px !important;
}
224:名無しさん＠お腹いっぱい。
17/11/20 15:53:48.74 UYkMLTv00.net
枠の高さを変更するんじゃなく、バー自体のサイズを変えるんだな
225:名無しさん＠お腹いっぱい。
17/11/20 15:57:33.41 EI4o1zsL0.net
こんなのも先日教えてもらいました
/*アドレスバーと検索バーの高さ */
#urlbar,
.searchbar-textbox {
min-height: 25px !important;
margin: 0 !important;
}
#nav-bar,
#nav-bar-customization-target {
height: 25px !important;
}
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 0 var(--toolbarbutton-inner-padding) !important;
}
226:名無しさん＠お腹いっぱい。
17/11/20 16:06:57.54 MWA60KGr0.net
俺もこの前別のスレで教えてもらったブックマークツールバーがにょきにょき隠れるやつ
/*Auto Hide book mark bar*/
treechildren::-moz-tree-twisty {
-moz-appearance: none !important;
padding-right: 0px !important;
padding-top: 0px !important;
width: 0px !important;
list-style-image: none !important; }
#navigator-toolbox
{
position: relative;
transition: all 0.3s ease 0s !important;
}
#PersonalToolbar
{
/*overflow: hidden;*/
margin-top: -20px !important;
transition: all 0.3s ease 0s !important;
}
#navigator-toolbox:hover
{
margin-bottom: -20px !important;
transition-delay: 0s !important;
}
#navigator-toolbox:hover > #PersonalToolbar
{
margin-top: 0 !important;
transition-delay: 0s !important;
}
227:202
17/11/20 16:11:43.92 8iuGUSOv0.net
>>215
すげぇ～！！！ パンツ脱いだ甲斐があった～！！！
どうもありがとうございます。m(__)m
今日はフルチンで過ごしますね。
228:名無しさん＠お腹いっぱい。
17/11/20 16:17:44.03 Ip6qSIY90.net
>>222
ぬるぬるだな
サイドバーもこのくらい自動でぬるぬる隠れないかな
229:202
17/11/20 16:21:10.65 8iuGUSOv0.net
と思ったらサイドバーちょっと変です
URLﾘﾝｸ(i.imgur.com)
230:名無しさん＠お腹いっぱい。
17/11/20 16:36:44.50 iCieWgMP0.net
>>225
これで大丈夫だと思う。
後、フォントサイズ13pxにした方が見栄え良くなるかも。
#sidebar-header {
font-size: 13px !important;
padding: 1px 0px !important;
min-height: 20px !important;
max-height: 20px !important;
}
#sidebar-header .close-icon{
padding: 0 1px !important;
}
231:名無しさん＠お腹いっぱい。
17/11/20 16:39:13.94 TzRzWpDW0.net
>>187
URLﾘﾝｸ(i.imgur.com)
上2段は>>187のみ、2段目はホバーしているタブに丸みがあるが区切りが消えるのがわかる
下段はこれを踏まえて追記をしたcss
テーマはデフォルト
/*** タブの角に丸み ***/
/* タブ自体を丸くする */
.tabbrowser-tab,
/* タブの背景を丸くする */
.tab-background {
border-radius: 8px 8px 0px 0px !important;border-image: none !important;
}
/* 青ライン(を含む四角形のイメージだが) */
.tab-line {display: none;}
/* 各タブ時の区切り線を消す radius大きくすると上にはみ出る縦線 */
.tabbrowser-tab::before,.tabbrowser-tab::after {opacity: 0 !important;border-image:none !important;border-image-slice: unset !important;width: unset !important;}
/* タブの区切り線 色は適宜変えてどうぞ */
.tabbrowser-tab {
border-left: 1px solid #FF0000 !important;
border-top: 1px solid #FFFF00 !important;
border-right: 1px solid #00FF00 !important;
}
/* 青ラインの替り 不要なら消してok */
.tab-background[selected] {
border-top: 2px solid #0000FF !important;
border-right:none !important;
border-left:none !important;
}
232:223
17/11/20 16:39:33.01 8iuGUSOv0.net
>>226
完璧です！！！
ほんとにありがとうございました
233:名無しさん＠お腹いっぱい。
17/11/20 18:16:41.26 loVwBgTd0.net
タブの色のcssを観たいのですが、インスペクタからだとわかりません
動やったらわかりますか？
解説しているサイトないでしょうか
234:名無しさん＠お腹いっぱい。
17/11/20 18:37:18.46 Ip6qSIY90.net
ブラウザツールボックスから
235:名無しさん＠お腹いっぱい。
17/11/20 18:51:48.48 rQftN+3K0.net
>>229
ブラウザツールボックスのインスペクタータブの左のボタンを押せ
後は調べたい場所にマウスポインタを合わせるか、インスペクターで調べる
236:名無しさん＠お腹いっぱい。
17/11/20 19:43:48.97 VHprCo3n0.net
こんな感じ
URLﾘﾝｸ(up.mugitya.com)
ウエブ開発→ページのソースで
view-source:chrome://browser/content/browser.xul
chrome://browser/content/browser.cssも参考になる
237:名無しさん＠お腹いっぱい。
17/11/20 19:49:12.77 OEQ1cW6K0.net
CSSでメニューバーにツールバーを表示出来ませんか？
238:名無しさん＠お腹いっぱい。
17/11/20 20:06:47.72 +FLG6gDQ0.net
リンクを右クリックしたときにでるリンクをPocketに保存や
リンクを端末へ送信を消したいんですけどどう書けばいいのでしょうか
画像を右クリックしたときにでるものも同じように消したいです
239:名無しさん＠お腹いっぱい。
17/11/20 20:09:41.52 TOQIzN8q0.net
ツールバー？(urlバーや三ボタンがあるバー)の高さや余白は、どう指定すればいいでしょうか？
Defaultのテーマだと上下に無駄な部分が多いので減らしたいです
240:名無しさん＠お腹いっぱい。
17/11/20 20:16:32.37 RPOYkMA50.net
>>234
Pocket を使わないなら about:config で extensions.pocket.enabled を false で止められる
241:名無しさん＠お腹いっぱい。
17/11/20 20:48:42.41 kQFz+1pN0.net
>>235
せめてスレ内検索してから聞いて
242:名無しさん＠お腹いっぱい。
17/11/20 20:59:56.87 TOQIzN8q0.net
>>237
>>219のことですか？
それならやってみたのですが上手くいきませんでした
デフォルトテーマでのurlバーの上下に出来てるスペースを無くしたいのですが
paddingでもmarginでも変化がなくてお手上げです
243:名無しさん＠お腹いっぱい。
17/11/20 21:07:53.28 PKZf0K9B0.net
>>232
横からだけどありがとう
数日悩んでたオプションページplaceholder のフォントができた
window内はuserContentなんだな
244:237
17/11/20 21:27:21.45 PKZf0K9B0.net
X フォントができた
◎ フォントが変更できただ
245:名無しさん＠お腹いっぱい。
17/11/20 21:27:40.73 gGEFk/Qe0.net
>>234
/* リンクを端末へ送信 */
#context-sendlinktodevice{
display:none !important;
}
246:233
17/11/20 21:43:06.43 TOQIzN8q0.net
自己解決出来ました
247:名無しさん＠お腹いっぱい。
17/11/20 21:56:59.09 UWzYEOSY0.net
urlバーに表示される「リーダービューで開く」「ページ操作」など、
chrome://browser/content/browser.xul では表示されないような要素は
どうやって調べているのでしょうか？
248:名無しさん＠お腹いっぱい。
17/11/20 22:12:35.94 +FLG6gDQ0.net
>>236 >>241
ありがとうございます
249:名無しさん＠お腹いっぱい。
17/11/20 22:29:07.69 h14Lk0yc0.net
>>243
ブラウザーツールボックス
250:名無しさん＠お腹いっぱい。
17/11/20 22:30:40.34 EI4o1zsL0.net
>>244
/* リンクを送信、リンクURLをメールで送信、画像をメールで送信削除 */
#context-sendlink,
#context-sendpage,
#context-sendimage {
display: none !important;
}
/*ページを端末に送る削除 */
#context-sendpagetodevice { display: none !important; }
#context-sep-sendpagetodevice { display: none !important; }
251:名無しさん＠お腹いっぱい。
17/11/20 22:36:00.87 zXrmap1x0.net
>>243
1.F12キーを押す→右上の歯車ボタンを押す→右下の2つの「○○デバッガーを有効化」をON
2.ctrl+shift+alt+iキーを押してブラウザーツールボックスを開く
（リモートデバッグ接続要求がでるのでOKボタンを押す）
3.ブラウザーツールボックスの左上の「ページから要素を選択します」ボタンを押す
4.Firefoxのウィンドウで目的の要素をクリック
5.全部調べ終わったら1.でONにしたのをOFFにする
ページ操作ボタンをクリックしたときのようにポップアップした要素を調べたいときは
ブラウザーツールボックスの右上の「ポップアップが自動的に隠れないようにします」ボタンを押してから
ポップアップさせた後に3.～4.をするといいよ
252:213
17/11/20 23:09:06.25 iCieWgMP0.net
ちょっとズレてたんで微調整とアイコンコンパクト化
/* URLバー・検索バーの高さを変更する */
#urlbar,
.searchbar-textbox {
font-size:13px;
min-height: 20px !important;
max-height: 20px !important;
}
[uidensity="compact"]:root #urlbar,
[uidensity="compact"]:root .searchbar-textbox {
margin-top: 2px !important;
margin-bottom: 2px !important;
}
#reload-button > .toolbarbutton-animatable-box,
#stop-button > .toolbarbutton-animatable-box {
padding: 0 1px !important;
margin: 0px !important;
}
253:213
17/11/20 23:10:19.91 iCieWgMP0.net
/* ツールバーアイコン コンパクト化 */
#identity-icon,
.searchbar-search-icon {
width: 14px !important;
height: 14px !important;
}
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 2px !important;
margin: 0px !important;
width: 20px !important;
height: 20px !important;
}
[uidensity="compact"]:root .urlbar-icon {
width: 20px !important;
height: 22px !important;
padding: 2px !important;
}
#pocket-button-box[animate="true"] > #pocket-animatable-box {
margin: 0px !important;
}
#urlbar, .searchbar-textbox {
margin: 0 3px !important;
}
254:223
17/11/20 23:24:43.89 8iuGUSOv0.net
>>249
シャープでスッキリですね
アフターケアありがとうございます。
255:237
17/11/21 00:06:18.72 Nt4c9zxz0.net
'Classic' css tweaks for Firefox 57+ って毎日のようにアップデートされてるんだな
古いのはさっさと捨てていかないとわけわからなくなってくるわ
256:213
17/11/21 00:42:48.14 IoulJaMm0.net
度々申し訳ない、スターアイコンがズレてたんでこれも追加で。
/* スターアイコン 押下時位置調整 */
[uidensity="compact"]:root #star-button-box[animationsenabled] > #star-button[starred][animate] + #star-button-animatable-box {
margin-inline-start: -6.5px !important;
}
#star-button-box[animationsenabled] > #star-button[starred][animate] + #star-button-animatable-box {
top: calc(50% - 17px) !important;
margin-inline-start: -6.5px !important;
}
257:248
17/11/21 01:01:20.34 GmavTYM80.net
>>252
お疲れ様 遅くまでありがとうございますｗ
ポータブル版で試してるんですけど
★ ブックマーク が32bitだと黒文字、64bitだとグレーなんです。
userChrome.js用スクリプト その1
URLﾘﾝｸ(wiki.nothing.sh)
32bitフォルダ、64bitフォルダに同じように設定したのですがfirefox側の問題なんですかね？
258:名無しさん＠お腹いっぱい。
17/11/21 01:02:20.37 b9o33cjb0.net
<menuseparator generateditemid="0"/>
とかいう謎の記述があるんだけどどうやって指定すんだこれ
消せねえ
259:名無しさん＠お腹いっぱい。
17/11/21 01:04:55.73 8fknda8I0.net
"0"/<ﾋｬｯﾎｰ
260:241
17/11/21 01:11:56.62 8p0BN03j0.net
>>247
大変丁寧な説明をありがとうございました。
普段ここのログなどを参考に少しずついじっていたのですが、自分で色々調べられる事が増えそうです。
261:名無しさん＠お腹いっぱい。
17/11/21 03:58:42.33 UR3sAQrN0.net
ページ内検索バーを使って検索し終わった後バーからターゲットが外れたら閉じるようにするには
どうすればいいですか？
262:名無しさん＠お腹いっぱい。
17/11/21 05:38:55.69 krWsdign0.net
dreams of wavesというテーマを使っているのですが
メニューバーの枠を消すことは出来ないでしょうか？
263:名無しさん＠お腹いっぱい。
17/11/21 06:20:59.96 KRe0p45I0.net
>>254
隣接セレクタ
直前のアイテム + menuseparator[generateditemid]
264:名無しさん＠お腹いっぱい。
17/11/21 07:52:56.00 HV7Lu5Y40.net
タブのアニメーションをoff
.tab-throbber { visibility: hidden !important; }
.tabbrowser-tab .tab-loading-burst { display: none !important;}
265:名無しさん＠お腹いっぱい。
17/11/21 08:36:05.82 NpOc8NAD0.net
これはいい㌧
266:251
17/11/21 08:40:28.51 i+/Zrf8N0.net
>>252
お早うございます。
win10 64bitのシステムフォントを
Yu Gothic UI 9pt から Meiryo UI 9pt にしたら
黒文字になりました m(__)m
267:名無しさん＠お腹いっぱい。
17/11/21 10:05:53.27 13cpZPi30.net
>>249
メニューバーの最小化、最大化、閉じるのアイコンの大きさも
このように調整することは出来るの？
メニューバーの高さを22pxにしたら先述のアイコンがちょっと
不自然に大きくなっちゃってるんだけど。
268:名無しさん＠お腹いっぱい。
17/11/21 10:08:12.42 RVb52gFJ0.net
>>257
似たような動作するのがあったけどうまく動かなかったんで
どこにあったのかも忘れた
とりあえず便利と思えるのを四つ紹介
googleで検索すれば見つかります
toggle-findbar.uc.xul
global_FindTerm.uc.js
Find in Searchbar Highlight.uc.js
ページ内検索バーをChrome風にする.css - お豆腐
269:名無しさん＠お腹いっぱい。
17/11/21 13:02:40.54 3C2H0QUn0.net
拡張スレで質問したらスレチと言われたので
こっちで質問します。
アドレスバーの「URLまたは検索語句を入力します」と検索バーの「検索」
この文字、cssでフォーカス当てた時に消すこと出来ない？
270:名無しさん＠お腹いっぱい。
17/11/21 14:06:29.89 a9U8dr840.net
Findbarを上部に表示させたいのですがどうすればいいのでしょうか
56まではこのCSSで問題なかったのですが57にアップデートしたら効かなくなってしまいました
/*Findbarを上部へ*/
.browserStack { -moz-box-ordinal-group: 2; }
statuspanel { -moz-box-ordinal-group: 3; }
findbar { -moz-box-ordinal-group: 1; }
271:名無しさん＠お腹いっぱい。
17/11/21 14:17:27.98 3C2H0QUn0.net
>>266
URLﾘﾝｸ(tofukko.blog113.fc2.com)
272:名無しさん＠お腹いっぱい。
17/11/21 14:42:40.21 ntLYZdY50.net
>>263
これでメニューバー（ついでにタブバー）に置いたアイコンも小さくなるけど、
最小化、最大化、閉じるはOSのテーマ変えないと無理かも。
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack,
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-icon,
#toolbar-menubar .toolbarbutton-badge-stack,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
#TabsToolbar .toolbarbutton-badge-stack {
padding: 2px !important;
margin: 0px !important;
width: 20px !important;
height: 20px !important;
}
微調整とおまけのもっとコンパクト化。
/* URL・検索バーのGOボタン 少し調整 */
.urlbar-go-button,
.search-go-button {
max-width: 14px !important;
}
/* アイコン幅 調整 */
#nav-bar,
toolbar .toolbarbutton-1 {
padding: 0px !important;
}
273:名無しさん＠お腹いっぱい。
17/11/21 14:56:37.88 i+/Zrf8N0.net
>>266-267
これいいね もうすこし細いとなおいいけどね
274:名無しさん＠お腹いっぱい。
17/11/21 15:03:20.14 RTXDK5vQ0.net
>>267
ありがとうございます
ただ私の環境では変化無しでした
何か設定がまちがってるのかな
275:名無しさん＠お腹いっぱい。
17/11/21 15:08:19.24 ux1AH7370.net
>>265
#urlbar ::placeholder, #searchbar ::placeholder { opacity: 0; }
276:名無しさん＠お腹いっぱい。
17/11/21 15:09:40.17 KBIXJaPv0.net
>>265
.textbox-input:focus::placeholder {
color: transparent;
}
これでいけるかと
277:269
17/11/21 15:10:50.60 ux1AH7370.net
間違えた
#urlbar :focus::placeholder, #searchbar :focus::placeholder { opacity: 0; }
278:名無しさん＠お腹いっぱい。
17/11/21 15:14:10.44 KBIXJaPv0.net
>>272
因みに、この指定だとブックマークの検索のプレースホルダも消えるよ
279:名無しさん＠お腹いっぱい。
17/11/21 15:20:37.47 i+/Zrf8N0.net
>>270
うちは "その1" で動いてます
280:名無しさん＠お腹いっぱい。
17/11/21 16:11:40.34 dPRk3IgM0.net
クレクレ君でごめん
findbarを上にするだけでなく、右側に寄せるのをお願いしたい
281:名無しさん＠お腹いっぱい。
17/11/21 16:16:01.37 3C2H0QUn0.net
>>276
つ>>267
282:名無しさん＠お腹いっぱい。
17/11/21 16:16:30.18 RVb52gFJ0.net
>>276
>>267ので右になるとおもうけど
283:名無しさん＠お腹いっぱい。
17/11/21 16:17:13.88 3C2H0QUn0.net
>>271-272
サンクスです
284:名無しさん＠お腹いっぱい。
17/11/21 16:25:53.14 dPRk3IgM0.net
自己解決というか、検索したら見つかった
58.0b4で確かめた
URLﾘﾝｸ(tofukko.blog113.fc2.com)
285:名無しさん＠お腹いっぱい。
17/11/21 16:27:28.37 3C2H0QUn0.net
>>280
荒らし？
286:名無しさん＠お腹いっぱい。
17/11/21 16:56:49.78 SUMjE02O0.net
userchrome.css でアドオンのポップアップ内のスタイルを指定する方法はありますか
あれば教えていただきたいです
287:名無しさん＠お腹いっぱい。
17/11/21 18:13:26.59 X3LCeVwi0.net
タブのcss調べたらtab-background-middleというクラスが使われていたのですが、以下のようにしても角丸が解除されません
.tab-background-middle{background:red !important;
border-radius:0px !important;}
角丸はどこで設定されているんでしょうか？もしかしたらborder-radiusではないのかもしれませんが
288:名無しさん＠お腹いっぱい。
17/11/21 18:36:12.23 sSSKNlTl0.net
>>283
うん、border-radiusじゃないね
非アクティブタブのマウスオン時は.tab-backgroundと.tabs-newtab-button、
アクティブタブは.tab-background-startと.tab-background-endのbackground-imageだよ
289:名無しさん＠お腹いっぱい。
17/11/21 19:32:38.34 UR3sAQrN0.net
>>264
違うけどありがとう お豆腐は使わせてもらいます
290:名無しさん＠お腹いっぱい。
17/11/21 21:24:37.04 a9U8dr840.net
>>266,270ですが表示できない原因が判りました
新規でuserChrome.cssを作って>>267を設定したところ反映されたので
今までの設定を戻していくと↓の定義を追加するとダメでした
うまく共存できる方法はないかな
/*ブックマークフォルダの色を黄色に戻す*/
@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul) {
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open) {
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}
291:名無しさん＠お腹いっぱい。
17/11/21 21:29:37.33 NkBb+KyW0.net
アドオンツールの「今すぐ更新を確認」とかが消せない
#utils-updateNow { display: none !important; }
では駄目だった．．．orz
292:名無しさん＠お腹いっぱい。
17/11/21 21:40:02.31 9Ojs7mta0.net
何でやってんの
293:名無しさん＠お腹いっぱい。
17/11/21 22:18:59.75 f2IXkG1C0.net
>>38
面白いから他のPCにも導入したら、カラーで表示されないでなぜか白黒?!
294:名無しさん＠お腹いっぱい。
17/11/21 22:28:48.79 yDZO0RWr0.net
>>289
osがカラーフォントに対応してないからだろう
295:名無しさん＠お腹いっぱい。
17/11/21 22:35:38.99 RVb52gFJ0.net
>>38
1F354の部分を変更でいろいろ
URLﾘﾝｸ(archiveofourown.org)
296:名無しさん＠お腹いっぱい。
17/11/21 23:31:30.25 QrJ/VzY50.net
上の方に書いてあった検索バーの幅変更が上手くいかない
正常に動いたコードあれば教えてください
297:名無しさん＠お腹いっぱい。
17/11/22 00:29:00.62 AIoidGvB0.net
>>268
ありがとう。そこはOSの制限なんですね。
298:名無しさん＠お腹いっぱい。
17/11/22 00:33:19.97 AIoidGvB0.net
>>292
コードじゃないけどアドレスバーと検索バーを隣り合わせて
カスタマイズ完了直後にアドレスバーの右側へカーソルを持っていけば
矢印が出てきてアドレスバーと検索バーの長さを同時に調節できる。
299:名無しさん＠お腹いっぱい。
17/11/22 00:36:44.13 BfX/Qe1C0.net
こんな期機能があったのか・・・
ありがとうございます 助かりました
300:名無しさん＠お腹いっぱい。
17/11/22 00:50:13.52 YLNN7SDD0.net
質問スレッドに記載させていただいたのですが、回答つかないようなので、こちらで質問させてください。
ｽﾚﾘﾝｸ(software板:400番)
の方法で、タブをウィンドウの一番下に置いたのですが、
タブの数が少ない時は正常に動くのですが、
タブが多くなってきて、タブを左右にスクロールさせるボタンが出てくると
タブが全体的に下にずれてしまいます。
ブラウザツールボックスで見ていると
<tabs id="tabbrowser-tabs" class="tabbrowser-tabs" tabbrowser="content" に
overflow="true"が入ると、
タブ部分が3px分下にずれてしまいます。
途中でブラウザツールボックスが起動しなくなってしまいましたので、正確な位置はわかりませんが
class="arrowscrollbox-scrollbox"より上位
（強制的にこのclassをtransformで3px上に移動させても両端のスクロールボタンは下にずれていたので）
で、 class="tabbrowser-tabs"の間で何か設定されていると思っています。
（class="tabbrowser-tabs"をtransformで3px上に移動させても
今度は、タブが少ない時（タブを左右にスクロールさせるボタンがでない時）は、
上にずれてしまいます。
おそらく、overflow="true"になった時だけ、上にずらせば良いと思うのですが、
これはどの様にuserChrome.cssに書いたら良いのでしょうか？
すいませんが、どなたかご教示をお願いいたします
301:名無しさん＠お腹いっぱい。
17/11/22 03:42:26.74 CU5BFZJh0.net
URLﾘﾝｸ(wiki.nothing.sh)
今って↑のuserChrome.js導入.zipに従えば間違いない？
同梱されてるやつすら
302:動かせないんだけど 他どっか弄ってたら動かないとか何かある？
303:名無しさん＠お腹いっぱい。
17/11/22 03:49:14.74 rK22gzFJ0.net
スレチです
304:名無しさん＠お腹いっぱい。
17/11/22 05:26:29.06 0LIJdEm00.net
>>284
何を指定すれば角丸無効になりますか？
305:名無しさん＠お腹いっぱい。
17/11/22 08:19:30.41 8Z6FEW7i0.net
>>275
横からですみません
その1とは、何をさしているのでしょうか？
306:名無しさん＠お腹いっぱい。
17/11/22 08:37:04.31 XoXhC1030.net
ステータスバーって表示できない？
307:名無しさん＠お腹いっぱい。
17/11/22 09:03:47.04 gw+LYtpL0.net
>>299
昔のFirefoxはタブの角をcssで触れてたが、
今はタブのイメージ画像で作られてるので無理
>>300
一番最初にある57対応のcss
>>301
無理
308:名無しさん＠お腹いっぱい。
17/11/22 09:21:36.97 0LIJdEm00.net
>>302
画像無効にしても効かないです
userchromeではどうにもできないんでしょうか
ctrでは角タブになるし、デフォルトのテーマでも角タブになります
何かで設定出来るということですよね？
309:名無しさん＠お腹いっぱい。
17/11/22 09:22:40.08 usUMmd/r0.net
>>300
userChrome.js用スクリプト その1
URLﾘﾝｸ(wiki.nothing.sh)
310:名無しさん＠お腹いっぱい。
17/11/22 10:24:44.11 okcZyw7Y0.net
>>286
ブックマークフォルダのスタイル末尾に } が一個足りないけどそのせいでは?
311:名無しさん＠お腹いっぱい。
17/11/22 10:28:46.56 okcZyw7Y0.net
>>287
アドオンマネージャーは userChrome.css ではなく userContent.css
可能性は低いけどウェブページに誤爆しないとも限らないので @-moz-document 規則使った方がいい
/* アドオンマネージャー */
@-moz-document url("about:addons") {
/* "今すぐ更新を確認" */
#utils-updateNow { display: none !important }
}
312:名無しさん＠お腹いっぱい。
17/11/22 11:26:53.25 miR35OZp0.net
ブックマークレットにfavicon設定したいけどなんか手はないものか
フォルダは設定出来るのになあ
313:名無しさん＠お腹いっぱい。
17/11/22 12:04:04.38 fPuQpHtE0.net
Firefox57.0 (64 ビット) です
メニューバー アドレスバー 検索バー
ブックマークツールバー
タブ
にしたいのですがuserChrome.cssの記述を教えてください。
よろしくお願いします。
314:名無しさん＠お腹いっぱい。
17/11/22 12:08:10.89 QkPtn6hG0.net
このスレ探せばあったはずだぞ
315:名無しさん＠お腹いっぱい。
17/11/22 12:28:29.35 roUteV7b0.net
>>302
>>304
レスありがとうございます。意味が理解出来ました。
316:285
17/11/22 12:39:25.89 7UF1VNKh0.net
>>306
消せた thx
名無しセパは #utils-debugAddons+menuseparator でおｋだった
317:名無しさん＠お腹いっぱい。
17/11/22 12:41:32.26 bVYXP3050.net
ブックマークツールバーの背景色を変えることはできますか？
318:名無しさん＠お腹いっぱい。
17/11/22 12:41:51.47 rvoCMlXx0.net
userChrome.cssにこれを設定しても黄色くならないのは
何がダメなんだろう？
他の変更（アドレスバーとタブの位置変更）は上手く行ったのに
保存はMeryで行っているのに
> /*ブックマークフォルダの色を黄色に戻す*/
> @-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul) {
> treechildren::-moz-tree-image(title, container),
> treechildren::-moz-tree-image(title, open) {
> list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
> -moz-image-region: rect(0px, 32px, 16px, 16px)!important
> }
319:名無しさん＠お腹いっぱい。
17/11/22 12:49:28.81 RNdCriCa0.net
上に答え書いてくれてる人いるぞ
320:名無しさん＠お腹いっぱい。
17/11/22 13:42:50.88 gw+LYtpL0.net
}
321:名無しさん＠お腹いっぱい。
17/11/22 14:16:28.21 0LIJdEm00.net
URLﾘﾝｸ(i.imgur.com)
userchromeをインスペクタから調べているのですが、
.tab-background-middleという要素に何らかの角丸が使われているようです
とりあえずbackground-image:none !important;で画像を無効にしたのですが、角丸画像が消えません
どうしたら良いでしょうか
322:名無しさん＠お腹いっぱい。
17/11/22 14:22:51.67 OK+YxGYB0.net
>>296
#tabbrowser-tabs[overflow="true”]{
}
状況がいまいちわかんないけど、これに書いてみて
CSSのセレクタとかちょっと勉強した方が良い(弾かれるから短縮)
URLﾘﾝｸ(goo.gl)
323:名無しさん＠お腹いっぱい。
17/11/22 15:35:52.83 Llzyzv9j0.net
>>316
.tab-background-middleにこだわるのやめな
324:名無しさん＠お腹いっぱい。
17/11/22 15:42:22.76 +8KggLmi0.net
>>316
.tab-background-start[selected=true]::after,
.tab-background-start[selected=true]::before,
.tab-background-start,
.tab-background-end,
.tab-background-end[selected=true]::after,
.tab-background-end[selected=true]::before {
display: none;
}
325:名無しさん＠お腹いっぱい。
17/11/22 15:42:47.11 rvoCMlXx0.net
>>314
>>315
ありがとう～ 最後に一個 足りなかったんですね。
上手くいきました。
326:名無しさん＠お腹いっぱい。
17/11/22 15:46:37.68 gw+LYtpL0.net
57になって、サイドバーのヘッダー部分が縦に大きく目立つようになったので、少しスリムにしました。
おすそ分けします。
/* サイドバーヘッダーのスリム化 Firefox57 */
.sidebar-header,
#sidebar-header {
font-size: 1em !important;
padding: 0px !important;
}
327:名無しさん＠お腹いっぱい。
17/11/22 16:02:46.62 E82cM8AF0.net
>>282
自己解決できました
usercontent.css
@-moz-document url("moz-extension://b7a72b10-f1c2-4bef-9312-b3f448dec6ef/popup.html") {}
328:名無しさん＠お腹いっぱい。
17/11/22 16:08:18.51 +8KggLmi0.net
>>307
ブックマークツールバーに置いたブックマークレットは出来ている
329:名無しさん＠お腹いっぱい。
17/11/22 16:32:47.18 wXIZPLXR0.net
>>321
ありがとん
330:名無しさん＠お腹いっぱい。
17/11/22 16:53:12.60 tUksjdue0.net
>>322
そのURLのID部分は拡張で固定ではなく、他のプロファイルや拡張一旦アンインストールすると変わっちゃうので要注意ね
331:名無しさん＠お腹いっぱい。
17/11/22 18:05:32.69 0LIJdEm00.net
>>319
このcss適用しても文字がタブの表示が狂うのはどうしてでしょうか
332:名無しさん＠お腹いっぱい。
17/11/22 18:10:47.12 +8KggLmi0.net
>>326
Lightweight Square Tabs | Userstyles.org
URLﾘﾝｸ(userstyles.org)
Show CSS Codeのボタンを押してcssを参考に自分用にカスタマイズ
333:237
17/11/22 18:47:31.73 kkt9hN3i0.net
>>296
Custom CSS tweaks for Firefox 57+に
tabs_below_main_content.cssってのがあるからこれ見て参考にしてみたら？
334:名無しさん＠お腹いっぱい。
17/11/22 19:07:46.10 YLNN7SDD0.net
>>317
ありがとうございます。
こういう指定をすればいいのですね。
無事動かすことが出来ました。
しかも、教材まで紹介していただき、誠にありがとうございます。
CSSを弄ったことがないので、人のを見ながらなんとか弄っていたので、大変助かります。
早速勉強させていただきます。
ありがとうございましたm(__)m
335:名無しさん＠お腹いっぱい。
17/11/22 19:21:17.69 YLNN7SDD0.net
>>328
ありがとうございます。
早速、見てきました。
私のCSSと違って非常にシンプルですね。
特に上下にすれていないみたいですし、私が何か余計な処理をしているみたいですね。
中身を1個ずつ追いながら、勉強させていただきます。
ありがとうございましたm(__)m
336:名無しさん＠お腹いっぱい。
17/11/22 19:50:33.71 gw+LYtpL0.net
57からタブのローディング中のアイコンが右左に動くのが嫌で
56以前のローディングアイコンに戻すcss探してたらあったから
おすそわけでサイト貼っとくね。
URLﾘﾝｸ(www.reddit.com)
337:名無しさん＠お腹いっぱい。
17/11/22 20:04:28.92 QkPtn6hG0.net
>>331
ありが㌧
338:名無しさん＠お腹いっぱい。
17/11/22 20:16:55.35 Uoj2nO2o0.net
>>331
最高 ありがとう
339:名無しさん＠お腹いっぱい。
17/11/22 20:17:57.12 9Dhp2fLj0.net
>>307
55以降のブックマークの既定のファビコンはCSS(list-style-imageプロパティ)ではなく
image要素の描画(src属性指定)になっているみたいだ
ということでこんな感じ
(リンク先の例はHTMLのimg要素なのでdisplayとか色々付いてるけど、image要素には必要なさげ)
/*
* ブックマークレットのアイコンを設定する (Firefox 55+ 対応)
*
* 参考: Replace the Image in an <img> with CSS | CSS-Tricks
* URLﾘﾝｸ(css-tricks.com)
*/
@-moz-document url("chrome://browser/content/browser.xul") {
340::root { --my-favicon-size: 16px; } /* Bookmarklets */ .bookmark-item[scheme="javascript"] image { background: url("chrome://branding/content/icon32.png") center/var(--my-favicon-size) no-repeat !important; padding-left: var(--my-favicon-size) !important; } }
341:名無しさん＠お腹いっぱい。
17/11/22 20:21:05.67 E82cM8AF0.net
>>325
ありがとうございます。
342:名無しさん＠お腹いっぱい。
17/11/22 20:26:45.81 7PAaM2h70.net
>>334
いただきました。
343:名無しさん＠お腹いっぱい。
17/11/22 20:35:52.18 fVXRYaCg0.net
>>331
こういう状態が複数あるのは調べるの面倒なんだよね
ありがたくいただきました
しかしなんでこんな左右に動くへんなのにしたんだか
344:名無しさん＠お腹いっぱい。
17/11/22 21:02:58.13 kRaLA2+10.net
Firefox CSSカスタマイズ いろいろ - Qiita
URLﾘﾝｸ(qiita.com)
345:名無しさん＠お腹いっぱい。
17/11/22 21:52:10.78 dVRyRKF40.net
初期のブックマークは以下のようになっていると思いますが、最近付けたタグの下の
セパレーターは「.small-separator」で消す事が出来ました。
ブックマークサイドバーを表示
全てのブックマークを表示
-------------------------------
ブックマークツールバー
他のブックマーク
-------------------------------
最近付けたタグ
----------------------------- .small-separator
Mozilla Firefox
しかし、その上の２つの物は「#BMB_bookmarksPopup > menuseparator」とすると
全て消えてしまいます。これを区別する方法がわかりませんでしょうか？
やりたいことは、ブックマークツールバーから最近付けたタグまでの項目を消して
セパレーターばかりが並ぶので、その間のセパレーターを消したいのです。
現状は「#BMB_bookmarksPopup > menuseparator」１つで「.small-separator」
まで含めて全て消えている状態です。
これで困っているわけでもないのですが、区別する方法がないのか気になったので
質問させて頂きました。
346:名無しさん＠お腹いっぱい。
17/11/22 22:06:52.01 QienWe0u0.net
>>339
:type-of-nth
347:名無しさん＠お腹いっぱい。
17/11/22 22:17:25.24 IblGIXpq0.net
>>340
:nth-of-typeじゃ……
348:名無しさん＠お腹いっぱい。
17/11/22 22:30:31.98 QienWe0u0.net
>>341
あ、
349:名無しさん＠お腹いっぱい。
17/11/22 23:07:20.09 UjRUQj3M0.net
リロードボタンをロケーションバーの中に移動できませんかね？
350:名無しさん＠お腹いっぱい。
17/11/22 23:20:47.41 v36AlaQD0.net
>>343
reloaderでアドオン検索
351:名無しさん＠お腹いっぱい。
17/11/22 23:22:39.54 dVRyRKF40.net
>>340
>>341
即答ありがとうございます。
:nth-of-type で、番号を指定することでいけました。
もっと cssを勉強しないとil||li _|￣|○ il||li
352:名無しさん＠お腹いっぱい。
17/11/22 23:24:09.72 dVRyRKF40.net
>>343
Reload in address bar
URLﾘﾝｸ(addons.mozilla.org)
353:名無しさん＠お腹いっぱい。
17/11/22 23:24:42.03 UjRUQj3M0.net
>>344
レスどうも！
やっぱりアドオン使わないと駄目ですかね？
以前まではcssかuserChrome.jsで出来たようだったのですが
354:名無しさん＠お腹いっぱい。
17/11/22 23:25:55.10 F1NU2aKU0.net
>>337
あの点滅、まだ赤ければ(K)nightlyライダー、とか遊べたのに。
355:名無しさん＠お腹いっぱい。
17/11/22 23:31:07.71 HjTlpZTm0.net
>>343
Reloader
URLﾘﾝｸ(addons.mozilla.org)
356:名無しさん＠お腹いっぱい。
17/11/22 23:38:00.38 v36AlaQD0.net
>>347
まずはアドオンを検討して
駄目ならuserChromeで実装するって考えた方のが良いと思うよ
userChromeがいつまで持つか分からんし
357:名無しさん＠お腹いっぱい。
17/11/22 23:41:11.81 HjTlpZTm0.net
ただ最初から入ってるリロードボタンはミドルクリックで
タブの複製できるんだよな
けっこう便利
358:名無しさん＠お腹いっぱい。
17/11/22 23:48:03.82 xoFp0pEt0.net
Reload in address bar
URLﾘﾝｸ(addons.mozilla.org)
Australis-like refresh in URL bar
URLﾘﾝｸ(addons.mozilla.org)
Reloader
URLﾘﾝｸ(addons.mozilla.org)
Reload page in URL bar
URLﾘﾝｸ(addons.mozilla.org)
いっぱいあるんだな
359:名無しさん＠お腹いっぱい。
17/11/22 23:53:49.02 7TKCkmM20.net
ｽﾚﾘﾝｸ(software板:400番)
上記のスレの方法でuserChrome.cssに記述しても動かないのですが、もしかして
aboutconfigの何かの値のせいとかあ�
360:閧ﾜすでしょうか？できている方がいるようなので… custom_css_for_fx_v1.3.5というもの入れてみたのですが、やはり上のままでした。 後他のスレで出来ないと書いてしまい謝ります。すみませんでした
361:名無しさん＠お腹いっぱい。
17/11/23 00:02:56.91 SOK5uySy0.net
>>308
アドレスバーはuserchrome.jsで強制移動じゃないと無理だよ
一応、そのレイアウトになるスクリプト貼っとくわ
//*** userChrome.js用 ***//
// カスタマイズでレイアウトを初期設定に戻した後
// アドレスバーの隣に検索バーを配置してから適用してください
var menubar = document.getElementById("toolbar-menubar");
menubar.appendChild(document.getElementById("urlbar-container"));
document.getElementById("urlbar-container").flex = "2";
menubar.appendChild(document.getElementById("urlbar-search-splitter"));
menubar.appendChild(document.getElementById("search-container"));
document.getElementById("search-container").flex = "1";
document.getElementById("navigator-toolbox").appendChild(document.getElementById("TabsToolbar"));
/*** userChrome.css用 ***/
//メニューバー非表示時、ナビゲーションツールバーの右端にタイトルバーボタンボックス表示用余白追加
#toolbar-menubar[autohide="true"][inactive="true"] + #nav-bar { padding-right: 138px !important; }
362:名無しさん＠お腹いっぱい。
17/11/23 00:10:52.33 29kCUl0I0.net
>>353
それの改善案出した者だけど
コピペして無理なら、ペースとした位置より上にあるCSSの記述ミスでエラーが出てCSSが反映されてないのかも
363:名無しさん＠お腹いっぱい。
17/11/23 00:25:22.46 Vw3w6FxV0.net
>>355
失礼、それは上記の記述に何か抜けがあるという意味ですか？それともこちらの
他の記述の間違いがある、ということでしょうか？一応何も記述していないcssも
用意して試したのですが…
364:名無しさん＠お腹いっぱい。
17/11/23 00:26:16.38 8dBEiAde0.net
>>354
質問前にググッたりこのスレを確認したりしたのですが自力で見つける事ができず難儀しておりました。
先ずuserChrome.jsの導入からやってみたいと思います。
助かりました、本当にありがとうございました。
365:名無しさん＠お腹いっぱい。
17/11/23 00:30:55.94 29kCUl0I0.net
>>356
他の人は使えてるからそのCSSは問題ないと思う。
他に設定したCSSは反映されてる？
追加した部分だけ反映されないならコメント/**/の中以外で全角スペース使われてないかとか確認してみて
366:名無しさん＠お腹いっぱい。
17/11/23 00:50:57.12 Vw3w6FxV0.net
>>358
他の記述は動いています
#content-deck{
margin-bottom: 30px !important;
}
この部分ですが
#content-deck {
margin-bottom: 30px !important;
}
こうじゃないかと思ったくらいで、駄目ですね…
367:名無しさん＠お腹いっぱい。
17/11/23 00:59:40.37 29kCUl0I0.net
>>359
その下の訂正したやつ、もろに全角スペースだから動かないよ
前書いた時にスペース入れ忘れたけど、無くてもあっても動くよ半角スペースならね
#content-deck {
margin-bottom: 30px !important;
}
368:名無しさん＠お腹いっぱい。
17/11/23 01:01:58.72 7NScsRr80.net
>>359
そのスペースは関係ないと思う
369:名無しさん＠お腹いっぱい。
17/11/23 01:02:54.19 7NScsRr80.net
ああー半角に見えていたけれども全角なのか
370:名無しさん＠お腹いっぱい。
17/11/23 01:04:27.58 29kCUl0I0.net
前半部分の記述見たら!importantないからそれが原因だ
これそのままコピペして無理だったらうちには分からない
#TabsToolbar {
position: fixed !important;
left: 0px !important;
bottom: 0px !important;
width: 100% !important;
}
#content-deck {
margin-bottom: 30px !important;
}
371:名無しさん＠お腹いっぱい。
17/11/23 01:08:36.19 Vw3w6FxV0.net
>>359です
今まで上ばかり見ていて気がつきませんでしたが、空白のバーが下に出現していました
一応動いてはいたみたいなのですが、想定どうりの動作はしていないみたいです。
372:名無しさん＠お腹いっぱい。
17/11/23 01:16:10.20 Vw3w6FxV0.net
>>364です>>363の記述で動きました！ありがとうございます!
373:名無しさん＠お腹いっぱい。
17/11/23 01:24:20.71 rg2Lq2tc0.net
57でコンテキストメニューの編集が上手くいかない
IDで指定してる箇所は消えてるんだけど
menuitem[l
374:abel="ページを Pocket に保存"] menu[label="ページを端末へ送信"] こういうlabel指定してる部分がどれも非表示にならない labelは使えなくなったのかな
375:名無しさん＠お腹いっぱい。
17/11/23 01:25:52.95 29kCUl0I0.net
>>365
よかった、これを機によくあるミスを覚えて活用してくだされ
・!importantを付け忘れ
・ID、クラス名が間違っている
・marginなどのプロパティ名の綴ミス
・10px、1emなどの単位を忘れている
・「:」「;」「{」「}」コロン、セミコロン、中括弧が抜けている
・/**/コメント以外に全角スペースを使っている
全角スペースを見つけるならテキストエディタに貼り付けて置換機能で全角スペースを削除するなど
376:名無しさん＠お腹いっぱい。
17/11/23 01:34:55.86 29kCUl0I0.net
>>366
menu[label="ページを端末へ送信"] {
}
こう書いてるとか？
#menu[label="ページを端末へ送信”]や
.menu[label="ページを端末へ送信”]みたいに
label属性がどのIDやクラスのものに付いてるか分かるように指定しないとダメ
377:名無しさん＠お腹いっぱい。
17/11/23 01:52:53.24 vRHiJErG0.net
>>331
これツリー型タブに適用出来ませんか？
378:名無しさん＠お腹いっぱい。
17/11/23 02:35:28.89 rg2Lq2tc0.net
>>368
labelだけで行けるのかと思っていたんだけど
とりあえず開発ツールで調べてID指定で消した
ありがとう
379:名無しさん＠お腹いっぱい。
17/11/23 02:43:32.99 U2RwIGj50.net
>>331
レス見落としてた
これはいいおすそ分け
ありがとうありがとう
380:名無しさん＠お腹いっぱい。
17/11/23 05:30:11.64 0x7s7My40.net
ファビコンの背景色だけ変更は出来ますか？
381:名無しさん＠お腹いっぱい。
17/11/23 05:46:14.89 k/KYTM150.net
MouseGestures.uc.jsでジェスチャが被ってうまく動きません
被らなくする方法はありませんか？ それともおま環なのかな
382:名無しさん＠お腹いっぱい。
17/11/23 06:37:41.56 V9oSzOME0.net
>>373
userChrome.jsはスレ違い
383:名無しさん＠お腹いっぱい。
17/11/23 06:42:23.62 k/KYTM150.net
失礼しました
384:名無しさん＠お腹いっぱい。
17/11/23 11:27:27.66 e1gm6ebP0.net
firefox57で以下のCSSでブックマークツールバーの自動消去をすると、
画像のように一番左のブックマーク以外見えない状態になります
マウスポインタを空白部分にあてるとブックマーク自体は見えないだけど存在しているようで、
クリックや右クリックには反応するといった状態です
改善方法はないでしょうか？
URLﾘﾝｸ(dotup.org)
385:374
17/11/23 11:30:27.87 e1gm6ebP0.net
/*ブックマークツールバーをマウスオーバーで開閉する*/
#PersonalToolbar {
visibility: collapse !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
}
386:名無しさん＠お腹いっぱい。
17/11/23 12:30:48.17 gYsN5KIG0.net
ページ上コンテキストメニューに出てくる
ページをpocketに保存をけすことできませんか
387:名無しさん＠お腹いっぱい。
17/11/23 13:18:58.16 R+6nn65i0.net
>>378
pocketアイコン右クリック → 削除
388:名無しさん＠お腹いっぱい。
17/11/23 13:21:06.14 qTUzwDZy0.net
それはアドレスバーからアイコン消えるだけじゃね
389:名無しさん＠お腹いっぱい。
17/11/23 13:31:39.05 gYsN5KIG0.net
>>379
アドレスバーのは消せたんですが
ページ上の右クリックに入ってるものです
390:名無しさん＠お腹いっぱい。
17/11/23 13:35:12.91 2qTK86gO0.net
>>376
/*ブックマークツールバーをマウスオーバーでポップアップ*/
#PersonalToolbar:not([customizing="true"]) {
transform: translateY(-500px);
transition: transform 0s ease 1000ms !important;
position: absolute !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
transform: translateY(0px);
transition: transform 0s !important;
}
俺が使ってるのを最小限の記述にしたやつだけどどうぞ
これに影をつけたりhoverの範囲を広げたりすると使いやすくなるよ
391:名無しさん＠お腹いっぱい。
17/11/23 13:40:22.28 pjsRiT5M0.net
ブラウザ全体からPocketの存在自体が消えていいなら
extensions.pocket.enabled;false
392:名無しさん＠お腹いっぱい。
17/11/23 13:41:40.62 gYsN5KIG0.net
>>383
ありがとうございます
393:名無しさん＠お腹いっぱい。
17/11/23 13:45:54.56 e1gm6ebP0.net
>>382
ありがとうございます、無事ブックマークが表示された
394:まま自動開閉できるようになりました
395:名無しさん＠お腹いっぱい。
17/11/23 14:31:01.00 hjTjcsMR0.net
コンテキストメニューを整理したいのですが、どこかに最新の一覧はないですか？
なんかどの項目かわからない、区切り線があるのですが、調べきれません
調べ方を含め、わかるかた教えてください。
396:名無しさん＠お腹いっぱい。
17/11/23 14:45:56.10 PF1v6Lyy0.net
>>386
ブラウザツールボックス
397:名無しさん＠お腹いっぱい。
17/11/23 14:50:49.97 KqWcnVxN0.net
URLﾘﾝｸ(addons.mozilla.org)
おかしい部分がちらほらあるけど便利なんでもっと知られてもいい
398:名無しさん＠お腹いっぱい。
17/11/23 14:53:09.09 R+6nn65i0.net
>>380
ご指摘ありがとう
>>381
早とちりで申し訳ない
解決されたようでなにより
399:名無しさん＠お腹いっぱい。
17/11/23 14:55:00.02 WOj83cC00.net
>>386
URLﾘﾝｸ(sites.google.com)
サンプルはこちら
URLﾘﾝｸ(u6.getuploader.com)
400:名無しさん＠お腹いっぱい。
17/11/23 15:02:19.53 hjTjcsMR0.net
>>387
ありがとう
調べ方が分かったので消せました!
401:名無しさん＠お腹いっぱい。
17/11/23 15:04:41.94 hjTjcsMR0.net
>>390
どうもありがとう
こちらを入れてあとは自分で調べて消してみます
402:名無しさん＠お腹いっぱい。
17/11/23 16:05:00.75 9DrXXPTQ0.net
最小化、最大化、閉じるボタンを非表示っていうの拝借して入れたんだけど効かないな
56だと効くけど消えてるとこ押すと機能しちゃう
403:名無しさん＠お腹いっぱい。
17/11/23 16:20:00.89 iI5AawMv0.net
'非表示'が効いているから消えている
404:名無しさん＠お腹いっぱい。
17/11/23 16:25:51.33 WOj83cC00.net
>>393
/*** 最小化、最大化、閉じるボタンを非表示 ***/
#titlebar-buttonbox-container {
display: none;
}
405:名無しさん＠お腹いっぱい。
17/11/23 16:53:41.88 5DzugsRR0.net
ツールバーのハンバーガー消せませんかね
406:名無しさん＠お腹いっぱい。
17/11/23 16:58:29.09 29kCUl0I0.net
>>396
>>36
聞く前に検索よろ
407:名無しさん＠お腹いっぱい。
17/11/23 17:04:08.01 xFaQl7Jf0.net
パシリに検索させるほうが楽だからな
408:名無しさん＠お腹いっぱい。
17/11/23 19:02:36.22 9DrXXPTQ0.net
>>394
うん、効く＝消える以外に捉えようないと思うけどそれが何
>>395
うん、それだけど何でコピペしたの
409:名無しさん＠お腹いっぱい。
17/11/23 19:18:38.09 9RlNn8f70.net
行儀の悪いやつらが湧いてると思ったら
今日は祝日だったな
410:名無しさん＠お腹いっぱい。
17/11/23 23:30:45.20 KzGef3mH0.net
お祝いと何の関係があるんや
411:名無しさん＠お腹いっぱい。
17/11/23 23:37:16.27 RpllFG4k0.net
お狐様に労働を捧げられることを感謝する日やで
412:名無しさん＠お腹いっぱい。
17/11/24 00:51:08.39 MRjt5pSP0.net
狐につかれた人たちの集会場か
413:名無しさん＠お腹いっぱい。
17/11/24 01:35:59.66 E18Z1e6a0.net
タブバーを1番下にすることはできたのですが、左端にある空白が気になるので
空白の幅をサイドバーの幅に合わせて
サイドバーを上に詰めて空白を無くすことはできないでしょうか？
414:名無しさん＠お腹いっぱい。
17/11/24 06:50:31.36 bHwzYDE20.net
自分が記述したコードも一切書かないで質問する人ってなんなん？
415:名無しさん＠お腹いっぱい。
17/11/24 14:14:14.57 ZRzDNpwv0.net
ファビコンがないサイトのファビコンを以前の破線のやつに変更することってできないかな
416:名無しさん＠お腹いっぱい。
17/11/24 14:45:38.17 A6GrMEtc0.net
>>406
タブのはできる
URLﾘﾝｸ(github.com)
ブックマークサイドバーのデフォルトファビコンの変え方を知りたい
417:名無しさん＠お腹いっぱい。
17/11/24 15:06:41.28 ZRzDNpwv0.net
>>407
どもっす。サイドバーのも変えたいけど無理そうなのかな。とりあえずタブだけでも変えておきます。
418:名無しさん＠お腹いっぱい。
17/11/24 15:16:01.74 yPjJgTQu0.net
ブックマークの空favicon変更はcssではできなくなってる
URLﾘﾝｸ(blog.goo.ne.jp)
419:名無しさん＠お腹いっぱい。
17/11/24 15:19:13.84 1y9Igw7+0.net
>>160
遅まきながら失礼します
小躍りしてその記述をまんまコピペ拝借したところ
urlbarの『←』(前ページに戻る)ボタンが『+』表記に
なってしまうのです
機能的には前に戻れるのですが
原因おわかりになりますか
420:名無しさん＠お腹いっぱい。
17/11/24 15:37:39.43 oODejPtf0.net
>>410
コピペミスか他に記述があるならそこが関係してるんじゃね
もう一度>>160"だけ"のcss作って試してみな
421:名無しさん＠お腹いっぱい。
17/11/24 17:32:07.05 ZRzDNpwv0.net
>>409
どもです
422:名無しさん＠お腹いっぱい。
17/11/24 21:39:04.34 1y9Igw7+0.net
>>411
ご返答ありがとうございます
確かに>>160単独だと大丈夫ですね
他のどの部分が悪さしてるのか色々と試してみます
423:名無しさん＠お腹いっぱい。
17/11/24 22:23:13.64 9d28QwvO0.net
>>404
/*userchrome.js*/
document.getElementById("appcontent").insertBefore(document.getElementById("TabsToolbar"), document.getElementById("high-priority-global-notificationbox"));
/*userchrome.css*/
.titlebar-placeholder[type="pre-tabs"] {display: none !important;}
#toolbar-menubar[autohide="true"][inactive="true"] + #nav-bar {padding-right: 138px !important;}
424:545
17/11/25 00:22:45.24 FP4OVxKX0.net
なんかいじりすぎておかしくなっておま環なのかもしれないんですが、
#PopupAutoCompleteRichResultの幅を#nav-barの幅に合わせるにはどう書けばよいのでしょうか？
425:名無しさん＠お腹いっぱい。
17/11/25 00:22:48.14 52xQDlty0.net
57をaustralisのタブ
URLﾘﾝｸ(github.com)
URLﾘﾝｸ(github.com)
426:415
17/11/25 11:37:46.47 tqLkVOhML
自己解決
#PopupAutoCompleteRichResult {
max-width: 1000px !important;
margin-left: 0 !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-type-icon {
margin-left: -90px !important;
}
max-widthは任意
427:名無しさん＠お腹いっぱい。
17/11/25 07:36:29.33 j/GW6Ink0.net
サイドバーの横のスクロールバー出せますか？
428:名無しさん＠お腹いっぱい。
17/11/25 08:11:54.98 4NK9OuHn0.net
>>334
書き込んだの忘れてて亀だけど超ありがとうほんとありがとう
試してみる
429:名無しさん＠お腹いっぱい。
17/11/25 08:35:16.27 avNfBx1p0.net
>>382のCSSでブックマークツールバーをマウスオーバーで自動開閉しているのですが
以下の画像のようにバーを表示させた時に、表示しているページの上の部分が隠れてしまいます
隠れないようにすることって出来ないでしょうか？
URLﾘﾝｸ(dotup.org)
430:名無しさん＠お腹いっぱい。
17/11/25 09:13:35.55 l8iPqM8U0.net
#PersonalToolbar:not([customizing="true"]) {
max-height:1px !important;min-height:1px !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
max-height:30px !important;
} 👀
Rock54: Caution(BBR-MD5:0be15ced7fbdb9fdb4d0ce1929c1b82f)
431:名無しさん＠お腹いっぱい。
17/11/25 09:33:07.58 avNfBx1p0.net
>>421
ありがとうございます
ただポインタをツールバーから移動するとすぐに隠れるようになってしまいました
５秒くらい表示したままにしたいのですが、どう編集すれば良いでしょうか？
432:名無しさん＠お腹いっぱい。
17/11/25 09:49:47.42 7QauvL360.net
/* ブックマーク一覧の奇数行に色をつける */
#bookmarksPanel treechildren:-moz-tree-row(even) {
background-color: #DCDCDC !important;
}
これどこを直したらまた効くようになるでしょうか
433:名無しさん＠お腹いっぱい。
17/11/25 10:57:58.93 kU1hVLdG0.net
>>423
treechildren {background-color:#f0f0f0 ;}
treechildren::-moz-tree-row(odd) {background-color:#f0f0f0 !important;}
treechildren::-moz-tree-row(even) {background-color:#f9f9f9 !important;}
treechildren::-moz-tree-row(selected) {background-color: #777; background-image:linear-gradient(#777,#777);}
treechildren::-moz-tree-row(selected, focus) {background-color: #09f; background-image:linear-gradient(#07f,#07f);}
treechildren::-moz-tree-row(hover){background-color:#bdf; background-image:linear-gradient(#bdf,#bdf);}
treechildren::-moz-tree-row(selected,hover)
434:, treechildren::-moz-tree-row(selected,focus,hover) {background-color: #5af; background-image:linear-gradient(#5af,#5af);} treechildren::-moz-tree-cell-text(selected), treechildren::-moz-tree-cell-text(selected, focus) {color:#fff !important;}
435:名無しさん＠お腹いっぱい。
17/11/25 11:38:05.95 flJurVGB0.net
>>422
#PersonalToolbar:not([customizing="true"]) {max-height:1px !important;min-height:1px !important;transition: max-height 0s ease 5s !important;}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {max-height:30px !important;transition: max-height 0s !important;}
436:名無しさん＠お腹いっぱい。
17/11/25 11:42:06.72 avNfBx1p0.net
>>425
ありがとうございます
437:名無しさん＠お腹いっぱい。
17/11/25 12:05:24.62 j/GW6Ink0.net
サイドバーのスクロールバー出す方法教えてください
overflow-x:visible;
では効かなかったです
438:名無しさん＠お腹いっぱい。
17/11/25 12:30:27.99 FP4OVxKX0.net
>>415
自己解決
#PopupAutoCompleteRichResult {
max-width: 1000px !important;
margin-left: 0 !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-type-icon {
margin-left: -90px !important;
}
max-widthは任意
439:名無しさん＠お腹いっぱい。
17/11/25 16:09:31.44 eoOQnMif0.net
ロケーションバーに表示されるページ操作とこのページをブックマークに登録しますのアイコンを非表示にはできませんか？
440:名無しさん＠お腹いっぱい。
17/11/25 16:38:46.19 vg3UPZ9p0.net
ページ操作はこのスレを…で検索
ブックマークは右クリから消せる
441:名無しさん＠お腹いっぱい。
17/11/25 17:22:35.33 G0/zeFZA0.net
しかし>>429をカスタマイズで非表示にできない仕様にした理由は何だろうな
特に「…」なんて必要としない人の方が多いように思うが
442:名無しさん＠お腹いっぱい。
17/11/25 17:28:57.26 K6ZhE5Ic0.net
ここで聞いても誰も答えられんわ
モジラに聞けよ
443:名無しさん＠お腹いっぱい。
17/11/25 17:31:07.96 CSv+cc3Y0.net
おそらくアドレスバーから削除した☆やPageActionのボタンを戻すためでしょ
444:名無しさん＠お腹いっぱい。
17/11/25 17:42:58.21 JrnE8aEV0.net
逆に望まれてることをできるようにしたことがないのがモジラだろ
445:名無しさん＠お腹いっぱい。
17/11/25 18:47:13.99 eoOQnMif0.net
>>430
ありがとうございます
消せました！
446:名無しさん＠お腹いっぱい。
17/11/25 18:49:28.82 K6ZhE5Ic0.net
質問者はまず過去レスを検索してから質問しろって
ことだな
質問が堂々巡りしてるし
447:名無しさん＠お腹いっぱい。
17/11/25 20:06:08.11 NFNZhRO00.net
>>405
すみません、スレの最初の方に出ていたやつです
/* タブバーを一番下にして上の隙間を削る */
#TabsToolbar {
-moz-box-ordinal-group: 9 !important;
margin-top: 0 !important;
}
>>414
レスありがとうございます
js,cssやってみましたがどちらも上手くいきませんでした
/*** タブバーの左端スペース調整 ***/
#TabsToolbar {
margin-left: 145px !important;
}
これでタブを右にずらしたところで妥協します
448:名無しさん＠お腹いっぱい。
17/11/25 23:27:10.67 m0O0nH7M0.net
Custom CSS tweaks for Firefox 57+を入れているのですがブックマークバーの高さが狭いので広げたいのですがお力をお貸しください
449:名無しさん＠お腹いっぱい。
17/11/26 07:18:46.77 36wujguV0.net
#TabsToolbar {margin-left: -40px !important;}
これでタブバーの左端のスペースを無くしたんですが、フルスクリーンにすると左端のスペースは元々ないので指定した値の分タブが左にずれてしまいます。
これを回避する方法ありますか？
450:名無しさん＠お腹いっぱい。
17/11/26 07:29:36.61 WPstcsqT0.net
タブの左のスペースはこれで消している。
どこかのコピペなので詳しいことはわかりません
/* #tabbrowser-tabs (前後) Drag space非表示 */
.titlebar-placeholder[type="pre-tabs"],
.titlebar-placeholder[type="post-tabs"] {
display: none !important;
}
451:名無しさん＠お腹いっぱい。
17/11/26 08:28:08.71 Zc1JYzf10.net
そもそも57では
タブの左側にスペースなんてないけどな
他のCSSが悪さしてるんじゃねーの？
452:名無しさん＠お腹いっぱい。
17/11/26 08:39:12.59 WPstcsqT0.net
うちの環境ではメニューバー非表示にしたらタブの左にスペースが出現
最大化するとスペースは消えてタブが左端になった
453:名無しさん＠お腹いっぱい。
17/11/26 08:47:34.49 Zc1JYzf10.net
まったく無問題
メニューバー非表示にしてもタブの左に空きスペースなんて無い
454:名無しさん＠お腹いっぱい。
17/11/26 08:51:40.59 L3Egfrsy0.net
タブバーに空白が出現し得るのは browser.tabs.drawInTitlebar が true の場合
ただしlinux版ではこの設定は無効で .titlebar-placeholder も存在していない
455:名無しさん＠お腹いっぱい。
17/11/26 08:54:41.96 WPstcsqT0.net
>>444
仰る通りその設定になっていました
456:名無しさん＠お腹いっぱい。
17/11/26 09:17:31.28 AoUuV4xd0.net
browser.tabs.drawInTitlebarは
カスタマイズの「タイトルバー」にチェックが入っていないとtrue
Windowsでのデフォルトは「タイトルバー」にチェックは入っていない
わざわざ変更していなければ左に空きスペースは必ずある
タイトルバーを表示しない場合つかむ場所がせまくてウィンドウが移動しづらいため
ここにスペースが設けられているらしい
457:名無しさん＠お腹いっぱい。
17/11/26 09:22:00.49 Zc1JYzf10.net
いや、
browser.tabs.drawInTitlebarがtrueでもfalseでも
まったく空きスペースなんて出ないな
なんかおかしなとこいじってるんだろ
458:名無しさん＠お腹いっぱい。
17/11/26 09:48:38.15 29iSHInh0.net
いじってるのはお前じゃねえの
459:名無しさん＠お腹いっぱい。
17/11/26 09:53:06.86 Kd0Ysj2b0.net
触るな危険
460:436
17/11/26 09:56:18.73 36wujguV0.net
>>440
どもです。時間ができたら試してみます。
>>447
タブバーの左端にスペース
URLﾘﾝｸ(forest.watch.impress.co.jp)
461:名無しさん＠お腹いっぱい。
17/11/26 09:59:34.66 b3V5aXIX0.net
>>439
.titlebar-placeholder {
width: 2px !important;
}
これだと最大化してもおｋ。
>>440だとタブが増えたとき右端がおかしくなる
462:名無しさん＠お腹いっぱい。
17/11/26 10:16:19.79 8UATEB5D0.net
タブバーの自動開閉はできますか？
ブックマークツールバーの自動開閉があったので、タブバーでもできないものかと
463:名無しさん＠お腹いっぱい。
17/11/26 10:25:27.85 WPstcsqT0.net
>>451
それを使わせていただきます
464:名無しさん＠お腹いっぱい。
17/11/26 13:14:42.96 ThJLBfcQ0.net
多段タブ 段数指定と段数無制限の二種類入ってます。
57以降タイトルバーボタン(右上の3つのボタン)が縦長になって
ツールバーに被ってボタンが押せない時があるのに対処した物と
段数指定でタブにスクロールバーが出ても、動かせなかったのに対処した物をネットで見つけて、
それをデフォルトのタブ幅に合わせたりいろいろ調整した多段タブです。
タブの背景色は適当にいじったので変なので自分でいじってください。
あとはタブが移動できるようになると完璧！だれか・・・ｗ
URLﾘﾝｸ(u6.getuploader.com)
465:名無しさん＠お腹いっぱい。
17/11/26 13:17:36.10 Zc1JYzf10.net
イラネ
466:名無しさん＠お腹いっぱい。
17/11/26 17:07:23.54 W6n+7xuo0.net
人が書いたやつを適当に弄ってさも自分の手柄のようにアップするの楽しそうだね
467:名無しさん＠お腹いっぱい。
17/11/26 17:17:54.07 iFZVSehw0.net
>>369
今更なんだけどextensionの中身漁ってたらsidebar\stylesの中にthrobber.cssがあったからこれで指定してるんじゃないかなって思った
正直詳しくないからどうやったらいじれるかはわからん
468:名無しさん＠お腹いっぱい。
17/11/26 17:55:55.21 M8lXHfvH0.net
>>456
君も楽しそうだな
469:名無しさん＠お腹いっぱい。
17/11/26 21:19:35.49 IuHk0BkO0.net
<div class=～</div>で囲まれた特定の文字列を消すにはどうしたら良いのか教えて下さい
用途はメルカリのいいねだけを消したいです
470:名無しさん＠お腹いっぱい。
17/11/26 23:44:57.40 tGaC27ZW0.net
>>459
div.～ {display: none;}
471:名無しさん＠お腹いっぱい。
17/11/27 00:47:54.37 yah5mlT+0.net
今拾ったやつでポインタをタブに乗せるとタブ幅が広がるようになってるんだけど
#TabsToolbar .tabbrowser-tab:not([pinned]) {
max-width: 20px !important;
min-width: 0 !important;
}
#TabsToolbar .tabbrowser-tab:not([pinned]):hover {
max-width: 100px !important;
}
52.5.0esrに移植したら
URLﾘﾝｸ(dotup.org)
何かの拍子にこんな風に間が空いてタブが飛んじゃうんだけど何が悪いんでしょうか？
472:名無しさん＠お腹いっぱい。
17/11/27 00:55:06.28 cvq1M7Eu0.net
検索バーに矢印の代わりに、検索サイト名を表示出来ませんか？
473:名無しさん＠お腹いっぱい。
17/11/27 02:54:23.18 DXOt1KSR0.net
すみません
ナビゲーションバーとブックマークバーの左に少し余白を入れたいのですが
#PersonalToolbar{
margin-left: 10px !important;
}
#nav-bar{
margin-left: 10px !important;
}
これだとずらしたところの背景色が変わってしまいますが何か対策、もしくは他の方法ってあります？
474:名無しさん＠お腹いっぱい。
17/11/27 03:06:46.32 8XdeL8go0.net
toolbar[overflowable] > .customization-target{ margin-left: 30px !important;}
#PersonalToolbar { padding-left: 30px !important; ;}
475:名無しさん＠お腹いっぱい。
17/11/27 03:52:18.68 DXOt1KSR0.net
ありがとうございます。希望通りの表示ができました。
476:名無しさん＠お腹いっぱい。
17/11/27 06:09:08.56 Q7Og/4oe0.net
ブックマークのuserchromeを取得したいのですが、どのようにして要素を見ればいいでしょうか
こういったポップアップメニューは左上のボタンを教えても消えてしまうのです
URLﾘﾝｸ(i.imgur.com)
477:名無しさん＠お腹いっぱい。
17/11/27 06:20:34.15 eAQcS8v60.net
>>466
[Firefox]userChrome.cssを使ってコンテキストメニューの項目を非表示にする手順|ササビーのブログ
URLﾘﾝｸ(ssbsblg.blogspot.jp)
ここが参考になるんじゃないかな
478:名無しさん＠お腹いっぱい。
17/11/27 06:38:47.97 oQU5Oz2V0.net
>>466
四角が4んこ固まったボタンをクリックするとポップアップのオートハイドがオフになるから
後は 目的のポップアップを開いてインスペクトボタンから調べればいい
479:名無しさん＠お腹いっぱい。
17/11/27 07:17:19.37 Q7Og/4oe0.net
↑thanksです
480:名無しさん＠お腹いっぱい。
17/11/27 07:38:50.50 Q7Og/4oe0.net
↑contet-arrowcontainerというクラスだったのですが、文字色が変わりません
どうしてでしょうか
481:名無しさん＠お腹いっぱい。
17/11/27 07:42:34.20 Q7Og/4oe0.net
あれ、ブラウザツールボックスが開かなくなったのですが、どうしたらいいでしょうか
連投すみません
482:名無しさん＠お腹いっぱい。
17/11/27 07:57:20.66 h6YHes7w0.net
誰だよ教えて君を調子づかせたのは
483:名無しさん＠お腹いっぱい。
17/11/27 09:22:44.40 Wu6mtdnv0.net
永井てんてーにuserChrome.cssの存在を教えたいのですが、どうやってアピールすればいいですか？
484:名無しさん＠お腹いっぱい。
17/11/27 09:30:16.51 h6YHes7w0.net
無理
485:名無しさん＠お腹いっぱい。
17/11/27 09:44:31.61 EvYJ+Ix10.net
>>473
オレが教えとくから悩まなくていいよ
486:名無しさん＠お腹いっぱい。
17/11/27 12:21:15.80 4IjI5/xj0.net
>>227
/* 青ライン(を含む四角形のイメージだが) */
.tab-line {display: none;}
これ入れるとFoxyGesturesのオプションみえなくね？焦った
487:名無しさん＠お腹いっぱい。
17/11/27 12:56:25.14 cBEnRQla0.net
>>476
セレクタが.tab-lineだけだからクラス名がかぶっただけで適用されてしまう
FoxyGesturesは使ってないが
#tabbrowser-tabs .tab-line {
display: none;
}
でどう？
488:名無しさん＠お腹いっぱい。
17/11/27 13:09:10.33 4IjI5/xj0.net
>>477
なるほどかぶってたわけか
オッケーっす
489:名無しさん＠お腹いっぱい。
17/11/28 00:36:34.73 y9MvtI330.net
ツールバーボタンのバッジに角丸を適用したいのですがうまく効いてくれません
なぜだかわかる方いたら教えてください
URLﾘﾝｸ(i.imgur.com)
490:名無しさん＠お腹いっぱい。
17/11/28 01:20:37.15 IaqJYHvZ0.net
>>479
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon
{ border: 2px solid red; border-radius:10px !important;}