userChrome.css・userContent.cssスレ Part7
■ このスレッドは過去ログ倉庫に格納されています
>>36
ありがとうございます
お陰様で消すことが出来ました >>38
line-height:13px;
あたりを追加するとホバーした時の装飾が他のと一緒になるかも >>38
面白いなｗ
content:"\1F39A";に代えて使うわ
サンクス >>35
ここを開いてデバッガで要素を見ればわかるよ
chrome://browser/content/browser.xul タブバー消したらハンバーガーボタンと閉じるボタンとが重なってしまって微妙だからどうにかしたいけどなんかいい感じにならないかな 情報がばらけちゃってるな、うちは↓でできた
Mozilla Firefox質問スレッド Part175
http://egg.2ch.net/test/read.cgi/software/1507682626/426
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} >>46
クローズボタン避け横ずらしだとモヤモヤするのとあってなかったので
marginのrightをtopにして5pxにしたらいい感じになった
メニューバー出した時に空白部分が増えるのが気になるけど #TabsToolbarを#PersonalToolbarの下に置いているから
#titlebar-placeholder-on-TabsToolbar-for-captions-buttonsのvisibilityをcollapseにして、
#nav-barのpadding-rightをそれと同じ幅の106pxにしている タブの閉じるボタン非表示にしたい人は
userChrome.cssの作成し記入
/* タブを閉じるボタンを消す */
.tab-close-button{visibility:collapse !important}
userChrome.cssの置く場所
C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profiles\プロファイル名
ここに「chromeフォルダ」を作成し、その中に「userChrome.css」を作成する
http://onlinepckan.net/tool/usercss.html
こちら参照 ブックマークツールバーの名称消すcss使ってたけど初めの1文字表示させたいなと
:first-letter使ってみたけど全くうまくいかない、助けて >>54
アイコンを非表示にしてbackground-imageを文字図柄にする >>54
#PlacesToolbarItems > .bookmark-item {
max-width: 4em !important;
overflow: hidden !important;
} そのまま利用するより参考にカスタマイズする感じかね 57で開発ツール使っての要素の調べられるんだな
メニューの要素も調べられるのかな 57でタブを多段化だけしたいので教えていただきたいです。
よろしくお願いいたします。 >>63
多段になったんだけどタブが短くてタイトル
見えないから値変えたのに適応されないのはなんでだろ？高さは変わるのだけど 多段タブのcss(Firefox57で多段タブ でググって出てきた一番上)入れてatokで日本語入力してると
左上に検索候補らしい枠がちらつくのはどうやって直せば良いのでしょうか？ >>64
about:config
browser.tabs.tabMinWidth 多段タブCSSはこれでほぼ完璧になった
CSSで多段タブ (URLがNGワードになってるので短縮URL)
https://goo.gl/FgtL72 それぞれのタブの左上と右上に丸みを付けたい。
ググるといくつかあるのですが、57に対応してないためか丸みがつきません。
CSSでどう書けばいいんでしょうか？ サイトバーのトップバー（閉じるボタンがるところ）を消す方法ないでしょうか？ >>70
#sidebar-header { visibility: collapse !important;}
>>69
>>57のをダウンロードしてclassic/css/tabs/classic_squared_tabs.cssを開いてradiusを検索
これに限らずいろいろ勉強になる ツリータブの背景色を変えたいのですが、どう指定するのでしょう？
開発ツールのDOMで分かるとのことですが、見方を教えてください >>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 {
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
} >>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] {
border-image: unset !important;
border-image-slice: 0 !important;
} いつの間にかリロードボタンがロケーションバーに統合できなくなっていますがcssにより統合することは可能でしょうか
firefox57です >>78
アドオンであったんですね
教えて下さりありがとうございます ブックマークをクリックで新タブに開く
検索結果を新タブに開く
はできたのですが，いずれもその都度フォーカスも移ってしまいます。
フォーカスが現タブから動かず，上記の２件を新タブに開く方法があったら教えてください。 >>63
これ導入して多段タブを表示した状態で正常にタブの並び替えできる？
自分は2段表示した段階でタブの移動がおかしくなる アドレスバーからの検索結果を常に新しいタブで開く方法教えてください >>76
ありがとう
丸みはアクティブタブだけ出ました。
非アクティブにも丸みを出せないでしょうか？ >>83
>>75,76だけのcssでこっちは丸くなってるんだが
他に何か指定してるんでない？ >>81
俺も並び替えがうまくいかなかったのでツリー型タブに移行した んー、よく見ると非アクティブタブ同士の間に薄いラインあるか
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
} >>86
これも追記するとタブ間の仕切りがなくなりますね。 >>82
検索語句入れて alt+Enter で新しいタブで開くようです
他の方法では今のところ無いらしいです >>82
649 名無しさん＠お腹いっぱい。 [] 2017/11/17(金) 08:23:24.17 ID:J+sWG7e80 [2/3] (PC)
>>647
試してないけどこんな書き込み見つけた
https://egg.5ch.net/test/read.cgi/software/1506030128/271 すみませんタブ上部の線を消すんじゃなく短くする方法ないですか？ >>86
すいません使わせていただいてタブの角が丸くなりました
同時にアクティブタブであることを示している上部青ラインが消えてしまいます
対策方法ないでしょうか >>91
>>76のでその青ラインを消してるんでその辺いじるかアクティブタブのborder-topを太くして色変えるとかかな /* ロケーションバーのドロップマーカを非表示 */
.autocomplete-history-dropmarker {
display: none;
}
これ動かないのはおま環ですかね？
ドロップマーカってアドレスバーにある・・・の事だよね >>92
ありがとうございます
青ラインは消さないと丸くならないみたいです
青ラインなしでいこうとおもいます >>93
!important がないからとかじゃないの >>93
違う
それは#pageActionButton >>88-89
ありがとうございます。
tabmixみたいなのを待ちつつ、暫く手動でやっときます。 >>94
青ラインの替り
.tabbrowser-tab .tab-background[selected=true]
にこれを追記でどうよ
border-top:2px solid #3030E0 !important; >>98
青ライン出ました
何回も教えてくれてありがとう 57から角タブになり、56までの丸タブよりは好み。
欲しいのは左上、右上を丸タブにして左下、右下を角にしたい。
それらしいのはuserstyles.orgにあったけどうまく表示されません。
詳しい方、お願いします。 >>96
宜しければ・・・の消し方のコード教えて貰えませんか？ 微塵も内容を理解せずにとにかくコピペだけで済ましたいんだな >>98
参考にさせていただきましたありがとうございます >>101
よくわからなかったので、質問し直しました。
単純に下記でもアクティブタブに丸みがつきました。
/*** タブの角に丸み ***/
.tab-background {
border-radius: 8px 8px 0px 0px !important;
border-image: none !important;
}
.tab-line {
display: none;
} 同じようにして、非アクティブで丸みつけるのは無理？
56のときの丸みもアクティブだけだった？ ロケーションバーの「…」を消したいのですがIDをもしご存じの方がいたらどうかご教示お願いします 開いているページを別ブラウザで開く
リンクを別のブラウザで開く
などができるものないでしょうか
OpenWith_1.1.1.uc.xul は57で動かないみたいです 選択しているタブの操作は
#TabsToolbar .tabbrowser-tab[selected] {
background-color: red !important;
}
でいけたんですが、やっぱり背景の表示はおかしいです。
これってどうにもならんのですか？
https://i.imgur.com/iDboIRH.jpg
また、選択していないタブの操作なんですが、
.tabbrowser-tab[selected="false"] {
min-witdh:40px !important;
}
などとしても動作しないのですが、どう指定すればいいんでしょうか？
また、角丸を角タブ化することも不可能なんですか？ >>108
スッキリしました！ありがとうございます 57の導入に伴い，多くのadd-onが使えなくなりました。
そこで，userChrome.js を用いたカスタマイズに取り組もうと思い，様々なサイトを見ていますが，そもそもの userChrome.js の導入ができず困っています。
userchrome.js.xpi をダウンロードしてインストールを試みても「このadd-onは未検証のためインストールできませんでした。」とのメッセージが出て完了できません。
初心者でも初期導入ができるサイトを紹介していただけないでしょうか？ アクティブタブの上部の青い線を消せないでしょうか。 >>113
Firefox57以降でuserChrome.js用スクリプトを利用する方法
http://wiki.nothing.sh/page/userChrome.js%CD%D1%A5%B9%A5%AF%A5%EA%A5%D7%A5%C8
俺はその1をやりました
初心者の俺の失敗例ですがメモ帳で編集したので
UTF-8（BOMあり）で保存してて失敗しBOMなしに変換したら成功しました >>113
あ、追記ですが .js のスレはこちらです
Firefox userChrome.js greasemonkeyスクリプトｽﾚ35
https://egg.2ch.net/test/read.cgi/software/1506030128/ すみませんかぶりました
自分は１の方法は難しく２でいけました >>113
ついでですがBOMのありなしの判定には
「文字コード判定＆変換ツール.NET」というソフトを使用しました >>113
惜しいけどスレ違い。こちらで
Firefox userChrome.js greasemonkeyスクリプトｽﾚ35
http://itest.5ch.net/test/read.cgi/software/1506030128/ まともなテキストエディタぐらい揃えておけよ
BOMの判定？のためにわざわざ そんなもん使うな
とりあえず Mery とかで十分 >>113です。
>>115さん，>>116さん，レスありがとうございました。
しかし，その１，その２を試すも成功せず。です。
UTF-8（BOMあり）と(BOMなし)の件も確認しながら進めました。
でも，うまくいかない…
そもそも userChrome.js が正しく起動した場合，どのようになるのでしょうか？
とりあえず，私は AutoCloseBookMarkFolder_Fx37.uc.js が使いたいのですが… >>113です。
>>120さん，ご指摘ありがとうございました。かつ，申し訳ありません。
紹介いただいたスレも３日前から覗いているのですが… >>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」を追加 firefoxのタブ文字が右に行くほどフェードアウトしてるのですが、これはuserchromeで直せますか？ 未読込タブの色変えるのできる？
ググって出るような今までのやつ試したけどできなかった >>128
>>110は誘導されたからまあ良しとして、マルチするのはどうなの firefoxを起動したときにアドレスバーがフォーカスするようになっていますが
画面真ん中の検索欄にフォーカスすることはできますか？ >>129
既出
/* タブの色を変える */
/* 未読 */
.tabbrowser-tab[unread="true"]
{color: red !important}
/* 非ロード */
.tabbrowser-tab[pending="true"]
{color: yellow !important} 「Google 検索ツールをサイドバーへ」
https://userstyles.org/styles/78857/google
が、Stylishを使うと適用されるんですが、usercontent.cssに記述すると適用されません。
原因が分かる方いますか？
Windows7 64bit
FirefoxESR 52.5.0 >>132
それだと文字色だけ変わってタブ全体は変わらないよね？
かと言ってbackground-color使ってもやっぱりタブ全体は変わらない… これでもダメだったの？
.tabbrowser-tab[unread="true"] .tab-content { background: red !important;} 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使えばいい >>134
デフォルトなら>>132をbackground-colorにすれば変わるよ ■ このスレッドは過去ログ倉庫に格納されています
