[過去ログ] userChrome.css・userContent.cssスレ Part7 (1002レス)
上下前次1-新
このスレッドは過去ログ倉庫に格納されています。
次スレ検索 歴削→次スレ 栞削→次スレ 過去ログメニュー
21: 2017/11/13(月)21:41 ID:F0miL/vi0(2/2) AAS
>>20
希望通りになりました ありがとうございます!
22: 2017/11/13(月)22:41 ID:+jRNMOr00(2/2) AAS
>>19
ありがとうございます
勉強になります
基礎を知らずに素人が適当にやるもんじゃありませんね
以後精進します
潰れてたアイコンもこの指定なら綺麗に表示できるんですね
助かります
本当にありがとうございました
23(1): 2017/11/14(火)03:44 ID:jll8QUKh0(1/2) AAS
Firefox57.0 で久しぶりに userChrome.css に手を出してみようと思ったけど
昔あったDOMインスペクタみたいな、UI部分の要素を調べる方法って今はどうやるんですか?
24(1): 2017/11/14(火)04:58 ID:iJ/1Tlqq0(1) AAS
>>23
ブラウザツールボックス
25: 2017/11/14(火)06:01 ID:jll8QUKh0(2/2) AAS
>>24
「ブラウザーとアドオンのデバッガを有効」および「リモートデバッガを有効」
が出現条件か、これがわからなかった
とりあえず出てきた、ありがとう
26(1): 2017/11/14(火)12:48 ID:KDCixEJM0(1) AAS
/* === Firefox 多段タブ === *//* タイトルバーボタン 縦幅 */ #titlebar-buttonbox { vertical-align: top !important; display: block !important; }toolbarbutton.titlebar-button { min-height: 31px !important; }
/* 多段タブの要素 */ .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { display: block !important; overflow: visible !important; }
.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox > .scrollbox-innerbox { display: block !important; overflow-y: auto !important; overflow-x: hidden !important; max-height: 93px !important; /*タブバーの高さ*/ }
/* タブバー 横幅 */ #TabsToolbar { margin-right: -38px !important; }
/* 新しいタブボタン */ #new-tab-button { margin-left: -18px !important; } .tabs-newtab-button { vertical-align: bottom !important; height: 28px !important; }
/* タブ 縦幅 */ .tabbrowser-tabs .tabbrowser-tab { vertical-align: top !important; -moz-box-sizing: border-box !important; min-height: 31px !important; }
/* 通常タブ・選択タブ 横幅・文字色 */ .tabbrowser-tab:not([pinned]) { color:rgba(255,255,255,0.7) !important; min-height: 31px !important; min-width: 110px !important; }
/* アクティブタブ 横幅・文字色 */ .tabbrowser-tab[selected="true"]:not([pinned]) { color:rgba(255,255,255,1.0) !important; width: auto !important; max-width: 250px !important; }
/* 非選択タブ 横幅・文字色 */ .tabbrowser-tab[pending]:not([pinned]) { color:rgba(255,0,0,1.0) !important; min-width: 97px !important; }
/* すべてのタブにタブを閉じるボタンを表示 */ .tab-close-button.close-icon { display: inline-block !important; }
省4
27(1): 2017/11/14(火)16:15 ID:D0Oi3xfw0(1) AAS
タブバーとナビゲーションバーを透過させる方法はありますか?
#nav-bar{background-color:transparent!important;}
でナビゲーションバーの透過は出来そうなんですが・・・
28: 2017/11/14(火)18:38 ID:G3vmu4dM0(1) AAS
>>26
あっ すいませんこれ、ツールバーのカスタマイズのテーマをDarkにしないと、タブの文字色おかしいかもしれません。
29: 2017/11/14(火)19:22 ID:nfii+8PB0(1) AAS
>>27
んん? タブバーはともかく、ナビゲーションバーはデフォルトで透過だったような
適用しているテーマの影響かな?
自分用にメニューバーにも適用していた部分もコメントアウトして一応は残しておくので必要があればどうぞ
外部リンク:pastebin.com
30(1): 2017/11/14(火)23:49 ID:hs0dshRK0(1) AAS
57.0 です
ブックマークツールバーのアイコンの間隔を狭くしたいのですが
ググって見つけた以下の記述では希望通りになりませんでした
toolbarbutton.bookmark-item:not(.subviewbutton) {
padding: 1px 2px; /* ← 1px 4px */
}
どうすれば間隔が狭くなるでしょうか?
31(1): 2017/11/15(水)00:36 ID:aIeCoCfc0(1) AAS
>>30
!importantつける
32: 2017/11/15(水)00:43 ID:EFAIEpxn0(1) AAS
>>31
希望通りになりました ありがとうございました!
33: 2017/11/15(水)04:59 ID:RPTRagnG0(1/2) AAS
ブックマークツールバーの文字がぼやけて何やら怪しい雰囲気を出しているのです
画像リンク[png]:dotup.org
文字の周りの影みたいなのをなくして見やすくするにはどうしたら良いでしょうか
34(1): 2017/11/15(水)06:56 ID:Qh2Rj2VD0(1) AAS
画像リンク[png]:github.com
57でもここまで出来る
35(1): 2017/11/15(水)07:00 ID:ariWfJVD0(1/3) AAS
ツールバーの三というのを非表示にしたいのですが
IDをご存じの方いらっしゃいますか
36(2): 2017/11/15(水)08:21 ID:Fm/oFK7H0(1) AAS
/* ツールバーの 三 を非表示 */
#PanelUI-button {
display: none !important;
}
これで消えると思います。
37: 2017/11/15(水)08:23 ID:RPTRagnG0(2/2) AAS
>>34
できました
ありがとうございました
38(5): 2017/11/15(水)09:13 ID:KyihRhaq0(1) AAS
ハンバーガーボタンはうちでは本物に置き換えている
#PanelUI-menu-button > .toolbarbutton-badge-stack{
list-style-image:none;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack:before{
content:"\1F354";
font-size:18px;
}
39: 2017/11/15(水)09:31 ID:the/mtSS0(1) AAS
中止ボタンもしいたけに置き換えてるんだろ
40: 2017/11/15(水)09:32 ID:ariWfJVD0(2/3) AAS
>>36
ありがとうございます
お陰様で消すことが出来ました
41: 2017/11/15(水)09:33 ID:ariWfJVD0(3/3) AAS
>>38
これ面白いですねw
42: 2017/11/15(水)10:40 ID:5akVNQJ20(1) AAS
>>38
line-height:13px;
あたりを追加するとホバーした時の装飾が他のと一緒になるかも
43: 2017/11/15(水)12:44 ID:AiAAi3xY0(1) AAS
改良すんなw
44: 2017/11/15(水)15:06 ID:jVglt/Ev0(1) AAS
>>38
面白いなw
content:"\1F39A";に代えて使うわ
サンクス
45: 2017/11/15(水)15:15 ID:YC/hi68f0(1) AAS
>>35
ここを開いてデバッガで要素を見ればわかるよ
chrome://browser/content/browser.xul
46(3): 2017/11/15(水)16:09 ID:isQW9P9Z0(1/6) AAS
タブバー消したらハンバーガーボタンと閉じるボタンとが重なってしまって微妙だからどうにかしたいけどなんかいい感じにならないかな
47(1): 2017/11/15(水)16:18 ID:eXxKASkc0(1) AAS
情報がばらけちゃってるな、うちは↓でできた
Mozilla Firefox質問スレッド Part175
2chスレ:software
426 名前:名無しさん@お腹いっぱい。[sage] 投稿日:2017/11/15(水) 11:48:42.02 ID:Zvu983hY0
>>424
/* Windowsのクローズボタンよけ */
#main-window:not([inFullscreen]) #nav-bar {margin-right: 110px !important}
#main-window:not([inFullscreen]) .titlebar-placeholder {display: none !important}
48: 2017/11/15(水)16:22 ID:isQW9P9Z0(2/6) AAS
>>46
とりあえず自己解決
2chスレ:software
49: 2017/11/15(水)16:23 ID:isQW9P9Z0(3/6) AAS
>>46
2chスレ:software
とりあえず自己解決しました
50: 2017/11/15(水)16:24 ID:isQW9P9Z0(4/6) AAS
>>47
更新してなかったdd
51: 2017/11/15(水)16:30 ID:isQW9P9Z0(5/6) AAS
>>46
クローズボタン避け横ずらしだとモヤモヤするのとあってなかったので
marginのrightをtopにして5pxにしたらいい感じになった
メニューバー出した時に空白部分が増えるのが気になるけど
52: 2017/11/15(水)17:50 ID:fJWYPcxO0(1) AAS
#TabsToolbarを#PersonalToolbarの下に置いているから
#titlebar-placeholder-on-TabsToolbar-for-captions-buttonsのvisibilityをcollapseにして、
#nav-barのpadding-rightをそれと同じ幅の106pxにしている
53: 2017/11/15(水)18:15 AAS
タブの閉じるボタン非表示にしたい人は
userChrome.cssの作成し記入
/* タブを閉じるボタンを消す */
.tab-close-button{visibility:collapse !important}
userChrome.cssの置く場所
C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profiles\プロファイル名
ここに「chromeフォルダ」を作成し、その中に「userChrome.css」を作成する
外部リンク[html]:onlinepckan.net
こちら参照
54(2): 2017/11/15(水)19:34 ID:isQW9P9Z0(6/6) AAS
ブックマークツールバーの名称消すcss使ってたけど初めの1文字表示させたいなと
:first-letter使ってみたけど全くうまくいかない、助けて
55: 2017/11/15(水)20:49 ID:yGyJhdIp0(1/2) AAS
>>54
アイコンを非表示にしてbackground-imageを文字図柄にする
56: 2017/11/15(水)21:05 ID:6ITcwHd+0(1) AAS
>>54
#PlacesToolbarItems > .bookmark-item {
max-width: 4em !important;
overflow: hidden !important;
}
57(1): 2017/11/15(水)21:17 ID:yGyJhdIp0(2/2) AAS
Classic Theme Restorerの作者Arisさんの
Custom CSSでCTRを再現
GitHub - Aris-t2/CustomCSSforFx: Custom CSS tweaks for Firefox 57+
外部リンク:github.com
画像リンク[png]:github.com
画像リンク[png]:github.com
57でもここまで弄れる
自作css作成の参考になる物も多数
58: 2017/11/15(水)21:24 ID:R982Jm7r0(1) AAS
ゴチャゴチャして五月蠅いだけじゃんコレ
59: 2017/11/15(水)21:42 ID:Nx+gL1b00(1) AAS
そのまま利用するより参考にカスタマイズする感じかね
60: 2017/11/15(水)23:21 ID:59h1kq4q0(1) AAS
css自体の中身もいじりやすくなってるよ
61: 2017/11/15(水)23:43 ID:Zr88Z1En0(1) AAS
57で開発ツール使っての要素の調べられるんだな
メニューの要素も調べられるのかな
62: 2017/11/16(木)07:06 ID:01LDUw2W0(1) AAS
57でタブを多段化だけしたいので教えていただきたいです。
よろしくお願いいたします。
63(2): 2017/11/16(木)07:13 ID:JrnzVPgt0(1/2) AAS
Firefox57で多段タブを使う方法
外部リンク:00.bulog.jp
64(1): 2017/11/16(木)08:12 ID:Q2voGTIC0(1/2) AAS
>>63
多段になったんだけどタブが短くてタイトル
見えないから値変えたのに適応されないのはなんでだろ?高さは変わるのだけど
65: 2017/11/16(木)08:13 ID:y9UqQzsx0(1) AAS
多段タブのcss(Firefox57で多段タブ でググって出てきた一番上)入れてatokで日本語入力してると
左上に検索候補らしい枠がちらつくのはどうやって直せば良いのでしょうか?
66(1): 2017/11/16(木)08:42 ID:JrnzVPgt0(2/2) AAS
>>64
about:config
browser.tabs.tabMinWidth
67: 2017/11/16(木)13:56 ID:Q2voGTIC0(2/2) AAS
>>66
ありがとうございます!!!
68: 2017/11/16(木)19:05 ID:xHWh9Ulb0(1) AAS
多段タブCSSはこれでほぼ完璧になった
CSSで多段タブ (URLがNGワードになってるので短縮URL)
外部リンク:goo.gl
69(1): 2017/11/16(木)19:28 ID:n7eTQ8/k0(1/2) AAS
それぞれのタブの左上と右上に丸みを付けたい。
ググるといくつかあるのですが、57に対応してないためか丸みがつきません。
CSSでどう書けばいいんでしょうか?
70(2): 2017/11/16(木)20:52 ID:Em3kYYiK0(1/2) AAS
サイトバーのトップバー(閉じるボタンがるところ)を消す方法ないでしょうか?
71(2): 2017/11/16(木)21:50 ID:rrYBas8c0(1) AAS
>>70
#sidebar-header { visibility: collapse !important;}
72(1): 2017/11/16(木)21:56 ID:+m/tgS9P0(1/2) AAS
>>69
>>57のをダウンロードしてclassic/css/tabs/classic_squared_tabs.cssを開いてradiusを検索
これに限らずいろいろ勉強になる
73: 2017/11/16(木)22:12 ID:Em3kYYiK0(2/2) AAS
>>71
どもです消えましたm(_ _)m
74: 名無し募集中。。。 2017/11/16(木)22:21 ID:j8JBXges0(1) AAS
ツリータブの背景色を変えたいのですが、どう指定するのでしょう?
開発ツールのDOMで分かるとのことですが、見方を教えてください
75(3): 2017/11/16(木)22:26 ID:n7eTQ8/k0(2/2) AAS
>>72
レス、ありがとう。
radiusはありませんでしたが、roundnessで下記がありuserChrome.cssへ書くも変化ありませんでした。
3px3pxを変えても同じでした。
/* tab top border roundness */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content {
省3
76(3): 2017/11/16(木)22:55 ID:+m/tgS9P0(2/2) AAS
>>75
その3pxがradiusですが……
ラインが追加されてるからそれも消す必要あるね
↓追記で
.tabbrowser-tab > .tab-stack > .tab-background > .tab-line[selected=true],
.tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
background-color: rgba(0,0,0,.2);
opacity: 0 !important;
}
.tabbrowser-tab .tab-background[selected=true] {
省3
77(1): 2017/11/16(木)23:07 ID:j4D+Oqmw0(1/2) AAS
いつの間にかリロードボタンがロケーションバーに統合できなくなっていますがcssにより統合することは可能でしょうか
firefox57です
78(1): 2017/11/16(木)23:10 ID:VC2Mel210(1) AAS
>>77
これいいんじゃないかな
Reload in address bar
外部リンク:addons.mozilla.org
79: 2017/11/16(木)23:45 ID:j4D+Oqmw0(2/2) AAS
>>78
アドオンであったんですね
教えて下さりありがとうございます
80(1): 2017/11/17(金)01:10 ID:7j9i2TvK0(1/4) AAS
ブックマークをクリックで新タブに開く
検索結果を新タブに開く
はできたのですが,いずれもその都度フォーカスも移ってしまいます。
フォーカスが現タブから動かず,上記の2件を新タブに開く方法があったら教えてください。
81(1): 2017/11/17(金)01:13 ID:3mEAOz770(1/3) AAS
>>63
これ導入して多段タブを表示した状態で正常にタブの並び替えできる?
自分は2段表示した段階でタブの移動がおかしくなる
82(2): 2017/11/17(金)06:37 ID:n9gI4iet0(1/2) AAS
アドレスバーからの検索結果を常に新しいタブで開く方法教えてください
83(1): 2017/11/17(金)07:36 ID:2rbPobbr0(1/3) AAS
>>76
ありがとう
丸みはアクティブタブだけ出ました。
非アクティブにも丸みを出せないでしょうか?
84(1): 2017/11/17(金)08:02 ID:6lek7+XZ0(1/5) AAS
>>83
>>75,76だけのcssでこっちは丸くなってるんだが
他に何か指定してるんでない?
85: 2017/11/17(金)08:03 ID:UhvshmDy0(1) AAS
>>81
俺も並び替えがうまくいかなかったのでツリー型タブに移行した
86(2): 84 2017/11/17(金)08:37 ID:6lek7+XZ0(2/5) AAS
んー、よく見ると非アクティブタブ同士の間に薄いラインあるか
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}
87: 75 2017/11/17(金)08:59 ID:2rbPobbr0(2/3) AAS
>>86
これも追記するとタブ間の仕切りがなくなりますね。
88(1): 2017/11/17(金)09:29 ID:XuyQ53Uz0(1/9) AAS
>>82
検索語句入れて alt+Enter で新しいタブで開くようです
他の方法では今のところ無いらしいです
89(1): 2017/11/17(金)09:47 ID:XuyQ53Uz0(2/9) AAS
>>82
649 名無しさん@お腹いっぱい。 [] 2017/11/17(金) 08:23:24.17 ID:J+sWG7e80 [2/3] (PC)
>>647
試してないけどこんな書き込み見つけた
2chスレ:software
90: 2017/11/17(金)09:48 ID:N85HeBYK0(1/2) AAS
すみませんタブ上部の線を消すんじゃなく短くする方法ないですか?
91(1): 2017/11/17(金)09:57 ID:XuyQ53Uz0(3/9) AAS
>>86
すいません使わせていただいてタブの角が丸くなりました
同時にアクティブタブであることを示している上部青ラインが消えてしまいます
対策方法ないでしょうか
92(1): 2017/11/17(金)10:02 ID:6lek7+XZ0(3/5) AAS
>>91
>>76のでその青ラインを消してるんでその辺いじるかアクティブタブのborder-topを太くして色変えるとかかな
93(2): 2017/11/17(金)10:19 ID:3mEAOz770(2/3) AAS
/* ロケーションバーのドロップマーカを非表示 */
.autocomplete-history-dropmarker {
display: none;
}
これ動かないのはおま環ですかね?
ドロップマーカってアドレスバーにある・・・の事だよね
94(1): 2017/11/17(金)10:22 ID:XuyQ53Uz0(4/9) AAS
>>92
ありがとうございます
青ラインは消さないと丸くならないみたいです
青ラインなしでいこうとおもいます
95: 2017/11/17(金)10:23 ID:J+sWG7e80(1/6) AAS
>>93
!important がないからとかじゃないの
96(1): 2017/11/17(金)11:20 ID:nXzA/4iw0(1) AAS
>>93
違う
それは#pageActionButton
97(1): 2017/11/17(金)11:45 ID:n9gI4iet0(2/2) AAS
>>88-89
ありがとうございます。
tabmixみたいなのを待ちつつ、暫く手動でやっときます。
98(2): 2017/11/17(金)11:57 ID:6lek7+XZ0(4/5) AAS
>>94
青ラインの替り
.tabbrowser-tab .tab-background[selected=true]
にこれを追記でどうよ
border-top:2px solid #3030E0 !important;
99: 97 2017/11/17(金)12:10 ID:XuyQ53Uz0(5/9) AAS
>>98
青ライン出ました
何回も教えてくれてありがとう
100(2): 2017/11/17(金)12:17 ID:2rbPobbr0(3/3) AAS
57から角タブになり、56までの丸タブよりは好み。
欲しいのは左上、右上を丸タブにして左下、右下を角にしたい。
それらしいのはuserstyles.orgにあったけどうまく表示されません。
詳しい方、お願いします。
101(1): 2017/11/17(金)12:47 ID:6lek7+XZ0(5/5) AAS
>>100
先ずこのスレ読み直せよ
102: 2017/11/17(金)13:17 ID:3mEAOz770(3/3) AAS
>>96
宜しければ・・・の消し方のコード教えて貰えませんか?
103: 2017/11/17(金)13:29 ID:ibkGDrUk0(1) AAS
微塵も内容を理解せずにとにかくコピペだけで済ましたいんだな
104: 2017/11/17(金)16:01 ID:N85HeBYK0(2/2) AAS
>>98
参考にさせていただきましたありがとうございます
105(1): 100 2017/11/17(金)16:30 ID:IulerAvF0(1/2) AAS
>>101
よくわからなかったので、質問し直しました。
単純に下記でもアクティブタブに丸みがつきました。
/*** タブの角に丸み ***/
.tab-background {
border-radius: 8px 8px 0px 0px !important;
border-image: none !important;
}
.tab-line {
display: none;
省1
106: 105 2017/11/17(金)16:40 ID:IulerAvF0(2/2) AAS
同じようにして、非アクティブで丸みつけるのは無理?
56のときの丸みもアクティブだけだった?
107(1): 2017/11/17(金)17:10 ID:dMpLgooT0(1/2) AAS
ロケーションバーの「…」を消したいのですがIDをもしご存じの方がいたらどうかご教示お願いします
108(1): 2017/11/17(金)17:17 ID:G7hl+/S10(1) AAS
>>107
#pageActionButton
109: 2017/11/17(金)17:41 ID:XuyQ53Uz0(6/9) AAS
開いているページを別ブラウザで開く
リンクを別のブラウザで開く
などができるものないでしょうか
OpenWith_1.1.1.uc.xul は57で動かないみたいです
110(1): 2017/11/17(金)17:49 ID:cn74sa5o0(1/3) AAS
選択しているタブの操作は
#TabsToolbar .tabbrowser-tab[selected] {
background-color: red !important;
}
でいけたんですが、やっぱり背景の表示はおかしいです。
これってどうにもならんのですか?
画像リンク[jpg]:i.imgur.com
また、選択していないタブの操作なんですが、
.tabbrowser-tab[selected="false"] {
min-witdh:40px !important;
省3
111: 2017/11/17(金)17:50 ID:cn74sa5o0(2/3) AAS
↑ちなwaterfoxでした
112: 2017/11/17(金)18:11 ID:dMpLgooT0(2/2) AAS
>>108
スッキリしました!ありがとうございます
113(7): 2017/11/17(金)19:38 ID:7j9i2TvK0(2/4) AAS
57の導入に伴い,多くのadd-onが使えなくなりました。
そこで,userChrome.js を用いたカスタマイズに取り組もうと思い,様々なサイトを見ていますが,そもそもの userChrome.js の導入ができず困っています。
userchrome.js.xpi をダウンロードしてインストールを試みても「このadd-onは未検証のためインストールできませんでした。」とのメッセージが出て完了できません。
初心者でも初期導入ができるサイトを紹介していただけないでしょうか?
114: 2017/11/17(金)19:43 ID:b13CJyPb0(1) AAS
アクティブタブの上部の青い線を消せないでしょうか。
115(1): 2017/11/17(金)19:51 ID:J+sWG7e80(2/6) AAS
>>113
Firefox57以降でuserChrome.js用スクリプトを利用する方法
外部リンク:wiki.nothing.sh
俺はその1をやりました
初心者の俺の失敗例ですがメモ帳で編集したので
UTF-8(BOMあり)で保存してて失敗しBOMなしに変換したら成功しました
116(2): 2017/11/17(金)19:52 ID:J+sWG7e80(3/6) AAS
>>113
あ、追記ですが .js のスレはこちらです
Firefox userChrome.js greasemonkeyスクリプトスレ35
2chスレ:software
117: 2017/11/17(金)19:53 ID:XuyQ53Uz0(7/9) AAS
>>113
userChrome.js用スクリプト - wiki@nothing
外部リンク:wiki.nothing.sh
118: 2017/11/17(金)19:54 ID:XuyQ53Uz0(8/9) AAS
すみませんかぶりました
自分は1の方法は難しく2でいけました
119: 2017/11/17(金)19:56 ID:J+sWG7e80(4/6) AAS
>>113
ついでですがBOMのありなしの判定には
「文字コード判定&変換ツール.NET」というソフトを使用しました
120(2): 2017/11/17(金)20:12 ID:30y9vAlo0(1) AAS
>>113
惜しいけどスレ違い。こちらで
Firefox userChrome.js greasemonkeyスクリプトスレ35
2chスレ:software
上下前次1-新書関写板覧索設栞歴
あと 882 レスあります
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル
ぬこの手 ぬこTOP 0.177s*