userChrome.css・userContent.cssスレ Part9
userChrome.css・userContent.cssスレ Part8
http://egg.2ch.sc/test/read.cgi/software/1513178964/
●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/
●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
UserCSSManager
https://greasyfork.org/scripts/35880
●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）
●関連サイト
userstyles.org
https://userstyles.org/
MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS
とほほのスタイルシート入門
http://www.tohoho-web.com/css/
バージョンによって利用できない機能があります。
GitHub - scrapmac/User-Style-Manager
https://github.com/scrapmac/User-Style-Manager
管理画面
×1.1.1
×1.1
○1.0
スタイル作成
○1.1.1
△1.1
×1.0
http://anago.2ch.sc/test/read.cgi/software/1317830579/
Firefox userChrome.css userContent.cssスタイルｽﾚ (実質 Part2)
http://anago.2ch.sc/test/read.cgi/software/1329315394/
userChrome.css・userContent.cssスレ Part3
http://anago.2ch.sc/test/read.cgi/software/1347629378/
userChrome.css・userContent.cssスレ Part3 (実質 Part4)
http://anago.2ch.sc/test/read.cgi/software/1369968883/
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
http://anago.2ch.sc/test/read.cgi/software/1400202982/
userChrome.css・userContent.cssスレ Part6
http://egg.2ch.sc/test/read.cgi/software/1438959541/
userChrome.css・userContent.cssスレ Part7
http://egg.2ch.sc/test/read.cgi/software/1510394098/
userChrome.css・userContent.cssスレ Part8
http://egg.2ch.sc/test/read.cgi/software/1513178964/
https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox
.popup-internal-boxはデフォルトで-moz-appearance: none;だから
-moz-appearanceの状態を事前に確認しよう
そういう機能があることも初めて知りました
内容を見たんですが、よくわからないです
グレーアウトしているというのは、利用できないコンテキストメニューですね
-moz-menuhover なんとかという項目はみつけたんですが、そこから先がわからないです
属性値を見る
cssでは属性値に応じてスタイルを変化させるのはよく見られる
今回の場合disabled="true"が設定されているからこれを利用する
menuitem[disabled="true"]{○○}
というメニューで、フォルダの一覧が出てきますが、このポップアップを固定してもピック出来ません
ピックする方法を教えてくだされ
#placeView{background-color:red !important;}
何故か--multirowtab-heightがきかない
おかげで×ボタン消せました。
ってショートカットキーでなんかできない？
長すぎるURLでマウスでガーッと囲むのめんどくさいんだけど。
Shift＋End
できた。ありがとう！
ebayのURL長すぎるの貼るのがかなり便利になった。最高。
(PNG 画像, 1283x1116 px) https://i.imgur.com/bPYPafy.png
画像の赤枠をuserChrome.css・userContent.cssで追加したいです。
方法を教えて下さい。
向こうのスレに移動宣言出してから来いよ
誘導されて来てるんだから基本的に移動宣言は不要なんだぞ
尤も誘導へのお礼ぐらいはあってもよかったけど
Select All Tabs(S)
Bookmark Tab(B)
Move Tab(V)
の3つが出るようになりました。
これらを非表示にするにはuserChrome.cssにどう記述すればいいでしょうか？
>>4を使えばすぐわかるから是非使ってください
#context_selectAllTabs,
#context_bookmarkSelectedTabs,
#context_bookmarkTab,
#context_moveTabOptions
{display: none !important;}
/*** 最小化、最大化、閉じるボタンを非表示 ***/
#titlebar-buttonbox-container {
display: none;
}
せっかく64で新機能を付けてくれたのに、すぐ非表示にしちゃうの？
なんちゃって、余計なお世話ですが私も必要最小限なメニュー四つ以外は
すべて非表示にしています。(左側のタブをすべて閉じる をアドオンで追加)
/* タブコンテキストメニューから不要項目を削除 */
#context_sendTabToDevice,
#context_duplicateTab,
#context_pinTab,
#context_unpinTab,
#context_reloadTab,
#context_tabViewMenu,
#context_openTabInWindow,
#context_bookmarkAllTabs,
#context_toggleMuteTab,
#context_closeTab,
#context_selectAllTabs,
#context_bookmarkSelectedTabs,
#context_bookmarkTab,
#context_moveTabOptions,
#tabContextMenu > menuseparator{
visibility:collapse !important;
}
ありがとうございました！
お願いします
スペース作りたいだけなら
#navigator-toolbox {
min-height: 200px!important
}
とかでいいんじゃねえの？
タブバーだかURLバーだかは自分で移動
ありがとう。後でやってみます。
今は「追加のツールバー」を２つ重ねて、タテのあの高さになっています。
「追加のツールバー」を２つ重ねる書き方がわかると一番ありがたいです。
https://github.com/Aris-t2/CustomCSSforFx/tree/master/classic/css/tabs/
「tabs_below_navigation_toolbar…」とついてるcssコード。
そのぐらい自分で調べろよ
IDからクラスに変更になってるじゃん
chrome://browser/content/browser.xul
ただし内蔵テーマでは非表示にできないし、外部テーマを使っててもボタンのあった位置のクリックが反応してしまうな
ダメだった。
@-moz-document url(chrome://browser/content/browser.xul) {
#titlebar-buttonbox-container {
display: none;
}
}
クラスだっつーのｗ
せめて#から.に変えるぐらいのことはしろよ
そう言われてもCSS知識ないから分からない。
macなんで「tabs_below_navigation_toolbar_fx65_macOS_fix_default_tabs.css」
使ってみたんだけどダメだな、なんでだろ？
がんばれ
みんな最初はわからなかったんだから
ttps://developer.mozilla.org/ja/docs/Web/CSS/Reference
いらねー
>>40
ばかか
自己責任のバージョンを知識のない人が使うことほど馬鹿らしいことはないぞ
自殺した方がいいよ
外人も結構使ってそうなのに
そうっぽいよな
修正版あげて貰っても礼すら言わずに消えたから放置でいいよ
任意のツールバーの組を任意に割り当てたキーボードショーカットでトグルスィッチできたんだけど
それがなくなって不自由している
現在は常時ブックマークツールバーを常時隠しておいてマウスオーバーしたときに現れるようにしている
全画面表示の時のみアプリケーション領域のみの表示にすることが出来て
自由度が減って困っている
アドレスバーにフォーカス
F11でフルスクリーンにする
メニューからカスタマイズモードにする ツールバーが消えるのを待つ
マウスを上縁に合わせてウインドウコントロールボタンをクリックしてサイズモードをノーマルサイズにする
カスタマイズモードを終了する
アプリケーション領域のみの表示に うまー 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)
New windows without toolbarと言うのが見つかった
トリガーがコンテキストメニューのアイテムのクリックしかないけど
少しは役立つ場面があるかも
見落としていた
PopUp
https://addons.mozilla.org/ja/android/addon/popup/
それに相応しい使い手はあるのだけど、ユーザーのオプションが狭められるブラウザとは、なんとも
/* ブックマーク追加時のスクショ無効 */
#editBookmarkPanelImage,
*|div#editBookmarkPanelFaviconContainer {
display: none !important;
}
タブを検索より下にしたいけど今までブログとかみてコピーするくらいだったので
とんだ先の何をどうすればいいのかさっぱりorz どなたかご指南くださいませ・・・(Win8.1)
よく戻ってこれるなw
えっ？ そうですか
もうちょっと様子見ます
〇 firefox
Firefox64で>>55のをそのまま利用したけど効いてる
https://i.imgur.com/gdaxfuZ.png
OSはWindows8.1です
どうもありがとう
しばらく我慢しますね。
どう直せば良いかな？
/* Googleカレンダー土日表示色変更 */
.zRt28b:nth-child(1),
.W0m3G:nth-child(1) {
color: #FF6A6B !important;
}
.zRt28b:nth-child(7),
.W0m3G:nth-child(7) {
color: #6A6AFF !important;
}
.PhLhOd:nth-child(1),
.t8qpF:nth-child(1){
background: rgba(255,0,0,.1);
}
.PhLhOd:nth-child(7),
.t8qpF:nth-child(7){
background: rgba(0,128,255,.1);
}
実際に使ってるわけじゃないから知らんけど
ウチでは >>31 リンク先の"tabs_below_navigation_toolbar_fx65_v2.css"(一部改造)で出来てる(Win10 Firefox Nightly 66.0a1)
Nightly 65の時に導入した時のまま有効なんでリリース版のFirefox65でも同様に行けると思うけど保証はできないです。
https://i.imgur.com/W0aT8uv.png
恐らく下の部分で機能してた土日のフォントの色が変更できません
.zRt28b:nth-child(1),
.W0m3G:nth-child(1) {
color: #FF6A6B !important;
}
.zRt28b:nth-child(6),
.W0m3G:nth-child(6) {
color: #6A6AFF !important;
}
ここはどう直せばフォントに色が付くようになりますかね？
入れてみたらメニューバーとタブが重なったんだが･･･w
どこを改造してるんですか?
スクリプトスレにあった方法は64になって効かなくなりました
できる方教えてください
https://egg.2ch.sc/test/read.cgi/software/1538578878/478
userChrome.cssとuserContent.css両方に追記
/* アクティブなウィンドウのスクロールバーの色 */
:root {
scrollbar-face-color: red !important;
scrollbar-track-color: orange !important;
}
/* 非アクティブなウィンドウのスクロールバーの色 */
:root:-moz-window-inactive {
scrollbar-face-color: teal !important;
scrollbar-track-color: hotpink !important;
}
:root {
scrollbar-color: red orange !important;
}
/* Inactive window colors 非アクティブなウィンドウのスクロールバーの色 */
:root:-moz-window-inactive {
scrollbar-color: teal hotpink !important;
}
ありがとうございます
見にくかったスクロールバーが見やすくなりました
検索履歴消すんですけど64で動かなくなりました。
修正、代替えあります？
どうすれば良いんでしょうか？
.tab-line[selected=true] {
background-color:red !important;
}
#toolbar-context-bookmarkSelectedTabs,{
display: none !important;
}
じゃ駄目だったんだけど正解教えてください
{ の前の , は必要ないのでは？
Tabs,{ → Tab {
388 ：名無しさん＠お腹いっぱい。[sage]：2018/12/22(土) 00:13:22.46 ID:TmwLqWaw0
age厨に構うなよ
基地外が感染るぞ
Mozilla Firefox Part346
277 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d5ec-pJxC)[sage]：2018/12/22(土) 17:47:31.03 ID:TmwLqWaw0
>>269
これなー、AP非対応なんだよな話にならん
Mozilla Firefox 拡張機能スレッド Part115
501 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d5ec-pJxC)[sage]：2018/12/22(土) 17:50:52.29 ID:TmwLqWaw0
ダーク厨定期的に湧いてくるけどなんなんコイツらw
ダークな俺カッケーw的な中二？
Firefox userChrome.js greasemonkeyスクリプトｽﾚ38
656 ：名無しさん＠お腹いっぱい。[sage]：2018/12/22(土) 17:51:21.19 ID:TmwLqWaw0
な、age厨だろ
userChrome.css・userContent.cssスレ Part9
85 ：名無しさん＠お腹いっぱい。[sage]：2018/12/22(土) 17:51:48.11 ID:TmwLqWaw0
な、age厨だろ
◆タブバー：「タブ」「タブ」「タブ」 スペース 〜 スペース 「アイコン」「アイコン」「アイコン」（右詰め→）
みたいに
Quantum以前のFirefoxだと出来てたんですが…
むしろuserChrome.cssで余計なことしてるんじゃない？
:root {
scrollbar-face-color: red !important;
scrollbar-track-color: orange !important;
}
/* 非アクティブなウィンドウのスクロールバーの色 */
:root:-moz-window-inactive {
scrollbar-face-color: teal !important;
scrollbar-track-color: hotpink !important;
}
スクロールバーの色が効かなくなってるのですが、どこがだめなんでしょうか
以前は効いていたのに
変わったんですね
>>31と>>70を参考にしたらタブバーを1番下にできた。ありがとう>31,>70
http://img2.imepic.jp/image/20181230/726590.jpg?24dec94a37abe0a48c3fe70fd5ffcbf6
さすがage厨w
俺にも教えてー
cssでFirefoxいじる参考になったりするから楽しいよ
早速真似して2chレス囲みとヘッダ部分に影付け左スペース開けて
ついでに角丸くした
https://i.imgur.com/FkA1CDC.png
おおこれいい！公開してくれｗ
こういうすっきりしたのがセンスいいんだよ
.post {
margin-left: 170px !important;
border: 1px double black !important;
border-style: solid !important;
border-radius: 5px !important;
filter: drop-shadow(2px 2px 2px #0000008a) !important;
}
.search-header, .searchbar {
/*border: none !important;*/
/*border: 1px #b9b9b9 solid !important;*/
margin-top: 0px !important;
margin-left: 50px !important;
margin-right: 50px !important;
background: #eee !important;
border-radius: 45px !important;
filter: drop-shadow(3px 3px 3px #0000008a) !important;
}
}
おかしいところあるっぽいけど好みに調整してください
ベースにしたcss
https://userstyles.org/styles/149788/2ch-floralwhite
100〜のスレッドの続きを読む