userChrome.css・userContent.cssスレ Part10

**名無しさん＠お腹いっぱい。** · 2019/10/25(金) 10:53:04.96

●※前スレ
userChrome.css・userContent.cssスレ Part9
http://egg.5ch.net/test/read.cgi/software/1544138804/

●拡張機能
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/

**名無しさん＠お腹いっぱい。** · 2019/10/25(金) 20:40:34.85

いちおつ

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 01:04:52.01

Stylishの「他のHTML 名前空間を基準とする」というのはどういう効果があるのでしょうか

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 09:33:29.48

モニターが小さいのでヘッダーを固定しているサイトは固定を解除しています。
しかし楽天市場商品ページのヘッダー固定をどうしても解除できません。
ヒントだけでもいいのでアドバイスをお願いします。

商品ページの参考URLです。
https://item.rakuten.co.jp/penshiru/4901480479262/?s-id=top_normal_browsehist&;xuseflg_ichiba01=10011029

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 10:04:20.99

起きて起動したら70にアプデされててまた死んでた…
対応頼む…

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 14:29:27.60

ご冥福

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 17:03:30.41

>>4
ユーザースタイルの !important 指定は最優先されると思ってたけど、
サイト側の要素属性内 !important 指定に負けてしまうんだね。属性指定強い・・・。
手元でいじってもjsで上書きを検知してさらに上書きしてくるから、つよい意思を感じる。

興味深い。なんかいいアイディアないかなぁ？

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 17:19:47.74

52esrでは普通に効いてるな
.riShopHdrWrap { position:absolute!important; }
あるいは
div#rakutenLimitedId_header .riShopHdrWrap { position:absolute!important; }

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 18:27:28.16

>>7-8
そうなんです。
何をしても固定解除ができません。
諦めようとしたんですが最後にここでアドバイスをしてもらおうかと。

>.riShopHdrWrap { position:absolute!important; }
>div#rakutenLimitedId_header .riShopHdrWrap { position:absolute!important; }
70.b9を使用しています。
旧バージョンでのcssの扱い方が違うからか無理でした。

検証ありがとうございます。

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 21:00:22.44

そこのclass名にFirefoxがあるってことはUAで判別しているわけで
about:configでgeneral.useragent.override.item.rakuten.co.jpって文字値の設定作って
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:52.0) Gecko/20100101 Firefox/52.0
って入れれば>>8が効くようになるよ

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 22:12:08.42

>>10
無印 71.0b4
Developer Edition 70.0b9
Waterfox 56.214
3つ共に駄目でした。
それで出来そうな予感はしたんですが俺環ですかね?
新規プロファイルでやってみます。

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 22:18:53.71

俺は手元のNightly72でやったらできたよ

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 22:39:59.69

>>12
そうでしたか、それなら確実に俺環ですね。

無印新規プロファイル。
68 ESRを新規でインストール。
共にStylusのみインストール状態です。

general.useragent.override.item.rakuten.co.jp
だけで無くドメインでも指定。
general.useragent.override.rakuten.co.jp
user agentも40代にしてみたりしましたが駄目でした。
さっぱり訳が分かりません。

取りあえず問題は解決できたようなので、ひとつずつ原因を探っていきたいと思います。
いろいろとありがとうございました。

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 23:08:12.06

general.useragent.override.domainName は 71 で削除されましたよ
https://bugzilla.mozilla.org/show_bug.cgi?id=1513574

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 23:12:07.87

70のportable版で試してもできた
俺はStylusじゃなくてuserContent.cssでやったんだがそれが影響してるのかな

user.js
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);
user_pref("general.useragent.override.item.rakuten.co.jp", "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:52.0) Gecko/20100101 Firefox/52.0");

userContent.css
@-moz-document domain(item.rakuten.co.jp){
div#rakutenLimitedId_header .riShopHdrWrap { position:absolute!important; }
}

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 23:27:57.87

>>14
知りませんでした。
どうもありがとうございます。

>>15
自分の環境では影響を受けていたようです。
そしてスンナリとできました。
昨日からずっとモヤモヤしていたのが解決できて嬉しいです。
何度も検証していただいてすみません。

みなさん本当にありがとうございました。
良かった。

**名無しさん＠お腹いっぱい。** · 2019/10/26(土) 23:34:58.65

70用に変更しようとしてuserchrome.css空のまま上書きしてしまった
タブバーを上部下段に持ってくるやつ教えてくださいお願いします

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 00:00:05.68

没有

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 03:34:48.50

>>17
自己解決
やっと見つけられたわ

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 04:59:49.69

質問スレでブックマークツールバーのファビコン画像変更を模索したら、散々な目に遭いましたorz
世の中には酷い人も溢れているものですね

どなたか、v70のfirefoxで通用するファビコン用cssが実在するのであれば、そのコードを紹介して頂けませんか？
抽象的な文言を繰り返すだけの釣りではなく、具体例を挙げて頂けると嬉しいです

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 08:40:21.50

(A)ブックマークツールバーでフォルダをクリックとか、(B)メニューバー内のブックマークメニューとかで
先頭に表示される「▲」メニューと、最後に表示される「▼」メニューを削除したくて、
以下をuserChrome.cssに書いてました。

FF69.0.3まではこれでいけたんだけど、FF70にしたら使えなくなった。
開発者ツールで見た感じ、CSSセレクタ名とかIDは変わってなさそうなんだけど、
誰かわかる人いますか？

/* ブックマークメニューの▲▼スクロール領域を非表示 */
#BMB_bookmarksPopup .scrollbutton-up,
#BMB_bookmarksPopup .scrollbutton-down,
#bookmarksMenuPopup .scrollbutton-up,
#bookmarksMenuPopup .scrollbutton-down,
#personal-bookmarks .scrollbutton-up,
#personal-bookmarks .scrollbutton-down {
display: none !important;
}

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 11:11:29.54

>>20
ブックマークフォルダ画像じゃ無くてファビコンだよね?
cssのやり方は分からんけどブックマークのインポートでファビコンが無いサイトを好きなのに変更してる。

流れとしては
変更したい16pxのpngかico画像を探して保存。
http://www.iconarchive.com/ ここだと16px指定で探せる。

ブックマークをHTMLとしてエクスポート。
保存したhtmlファイルをメモ帳で開いて変更したいサイトの情報をコピー。
新しくメモ帳を開いてペースト。
その際にICON="●●●"を付け加える。
●●●はさっき保存した16px画像をBase64にエンコードした物をペースト。
https://lab.syncer.jp/Tool/Base64-encode/

任意のファイル名でhtmlとして保存。
保存したhtmlをインポート。

中身を貼りつけようと思ったけど文字数オーバーになった。
この後貼り付ける。

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 11:17:00.55

中身はこんな感じ、スレ違いでごめん。

----------------------
<!DOCTYPE NETSCAPE-Bookmark-file-1>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<TITLE>Bookmarks</TITLE>
<H1>ブックマークメニュー</H1>

<DL><p>
<DT><H3 ADD_DATE="1533559505" LAST_MODIFIED="1563454458">@@@</H3>
<DL><p>

<DT><A HREF="https://www.shokusenden.com/"; ADD_DATE="1571823403" LAST_MODIFIED="1571823878" ICON="data:image/png;base64,▲▲▲">[モニター] 食宣伝.com</A>

</DL><p>
</DL>
----------------------

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 11:39:22.94

>>23
貴重なご意見ありがとうございます
なるほど、htmlですから中身はコードでしたね
時代の変化で失念していました、盲点で勉強になります

私の環境ではブラウザ終了時にhtml書き換えでバックアップを残している点、
求めるファビコン変更先が規定の画像を別のものへ変更したい経緯である点、
それらにてhtmlの自作は実用が厳しく思われます

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 11:46:02.62

自分も似たようなことをuBlockのMyフィルターで行います
広告除去を含め、改変はサイト提供側からすれば邪道なユーザーでしょうが、こうしたネットサーフィンの利便性追及、
または嗜好を楽しめる機会が増えると嬉しいですね

ファビコンに関しては欲をかき過ぎましたかなあ（DQNに散々振り回されて疲れましたわ）orz
cssスレが不誠実な情報交換の場じゃないことを再確認出来ただけでも、有難いです

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 11:46:52.10

24＝25です

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 12:05:54.05

Status-4-EvarもどきのメニューバーVerを68.2で使うにはどこを変更したらいいのでしょうか？

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 12:52:25.75

>>3
こちら知ってる人いませんか

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 13:00:56.40

favicon変更はこんなもんでできるでしょ

.bookmark-item[label="そのブックマークの名前"] image{
display:none!important;
}
.bookmark-item[label="そのブックマークの名前"]::before{
content: url(使いたい画像);
}

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 13:09:18.92

>>28
旧式拡張の質問はPalemoonなり旧式Fxなりのスレなりで聞けや

使ってなかったから当てずっぽうで答えると
二つ選択肢があるなら片方がchrome（UI）に適用（userChrome.css相当）で
もう片方がcontent（Web表示とか）に適用（userContent.css相当）
選択肢が三つあったら両方に適用があるかも

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 14:01:16.90

>>29
出来んかった
もう疲れたよママン
別スレで虚言癖DQNのオナニーに付き合わされたせいで、
助言をありがとうという気持ちと検証済みの正確なコードをお願いという気持ちが半々、自分が嫌になるね

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 14:02:03.35

公式は防犯の観点でファビコン改変を防ぎたい方針らしく、自分も従うべきですかな
試行錯誤で無駄に疲れる方がなんだかなあ、と
またDQNに掴まされるのも嫌ですし

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 14:24:27.71

試してみたら普通にできた

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 14:35:42.92

質問スレでコード書いたのにキレられたし意味わからなすぎてそのまま朽ちればいい

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 14:39:39.24

自分が DQN ということに気がつかない

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 15:05:56.12

方針に従えばいいのに

**名無しさん＠お腹いっぱい。** · 2019/10/27(日) 16:15:20.12

ﾊｧﾝ

**名無しさん＠お腹いっぱい。** · 2019/10/28(月) 00:16:42.40

>>33-34
それを丸コピでここに貼るかスクショして画像をプリーズ

**名無しさん＠お腹いっぱい。** · 2019/10/28(月) 00:21:54.97

こういうときにScreeenshotsがあれば・・・

**名無しさん＠お腹いっぱい。** · 2019/10/28(月) 00:54:23.39

人のこと虚言癖だのなんだの言っといてチョーシこいてんなあ

**名無しさん＠お腹いっぱい。** · 2019/10/28(月) 23:25:42.59

何で名前と画像埋めるだけができないの
ttps://i.imgur.com/qFQ7895.jpg
あくまでこれはできるってだけでサイズの調節もしてないから
質問スレで回答した親切な人にごめんなさいして教えてくれたリンク通りやれ

**名無しさん＠お腹いっぱい。** · 2019/10/29(火) 07:49:50.96

自分ができないからって虚言癖とかいうのは頭おかしいわな
俺も違うやり方でやってるけどできてるし
結局本人だけがDQNだったってオチ

**名無しさん＠お腹いっぱい。** · 2019/10/29(火) 09:06:44.01

コンテキストメニューやタブコンテキストメニュー、検索バーのサジェスト欄の
右側と下に出る細い黒い影のような部分を消すことはできませんか？

**名無しさん＠お腹いっぱい。** · 2019/10/29(火) 10:00:23.64

>>41
えッ　これ初めて見たんですけど質問スレのどこに出されています？
29さんのと似ていますな

その教えてくれたリンク通りというところが意味不明なんですよね
唯一あるリンクは変なサイトに飛んでコードらしいもの（特に41みたいな）は一切無く、
そのサイトでfaviconと検索しろという話かと思って散々試してもニュースしか出ないっつー

質問スレの回答者（似非親切マン）がリンクを貼ったつもりで妄想の中をオナニーしているんじゃなかったの？

**名無しさん＠お腹いっぱい。** · 2019/10/29(火) 10:14:53.08

改めて質問スレを確認したけどやっぱねーじゃんｗｗｗｗｗ
そしてずっとこのスレへそのリンクを貼ってっつっても見て分かるようにリンクなんて無かったっしょ
22さんの助言が、初めてファビコンに関するアドバイスだったわ

こういう無駄で他者を阻害することして楽しいんだろうよ、チョン系の屑は
掲示板で荒らしの対策をされたから、今度はわざわざ釣りってね、ご苦労なこったよ
俺には理解出来ん
だからバカチョンは存在自体が嫌なんだよね、名実ともに世界の癌だわ

**名無しさん＠お腹いっぱい。** · 2019/10/29(火) 10:23:18.58

ついでに地球上からチャイナとチョンが完全抹消されりゃ、相当良くなると思う
蟻社会と一緒で、仮に屑が消滅しても別の誰かが後釜へ入り込むかもしれないけどさ
少なくともチャイナとチョンよりはマシでしょ
マジで癌、リアルもネットもこんな掲示板の端っこでも害悪でしかねえ

一連の状況証拠から、虚言癖やDQNじゃなければ妄想オナニーの痴呆症、ほんまもんの屑だわ
==⊂⌒~⊃｡Д｡）⊃

**名無しさん＠お腹いっぱい。** · 2019/10/29(火) 10:25:35.89

なにこの DQN （）
馬鹿は何やっても無駄

**名無しさん＠お腹いっぱい。** · 2019/10/29(火) 12:30:52.95

似ているも何も>>41は>>29の名前と画像埋めただけ
これでもできるけどサイズ調節ないから質問スレの親切さんの見てやれって言われてる
質問スレに書き込んで自分のレスに安価張った回答が見えねえとか普通に病気

**名無しさん＠お腹いっぱい。** · 2019/10/29(火) 23:18:20.99

やっぱり本人がぶっ壊れてたな
29と似てるなんて言ってる辺りcssが全くわかってないようだし
自分の環境で自分の意図したとおりに表示されるよう書き上げられたものを
丸々貼り付けてもらわないと暴れるんだろう

**名無しさん＠お腹いっぱい。** · 2019/10/30(水) 12:12:56.17

マジレスするとこの先カスタマイズのハードルは更に上がって前途多難に陥るから
ファビコンごときレベルでギャーギャー騒ぐアホはデフォルトで使うかIEでも使ってろ

**名無しさん＠お腹いっぱい。** · 2019/10/30(水) 13:39:54.97

css自体も廃止されるしね

**名無しさん＠お腹いっぱい。** · 2019/10/31(木) 07:37:02.01

香港が中国に飲み込まれるのと同じように‥

**名無しさん＠お腹いっぱい。** · 2019/10/31(木) 08:18:43.49

cssが廃止されるって?
ページのレイアウトどーすんだよ

**名無しさん＠お腹いっぱい。** · 2019/10/31(木) 12:58:23.32

そこにtableがあるじゃろ？

**名無しさん＠お腹いっぱい。** · 2019/10/31(木) 14:37:21.82

CSSが廃止されるんでなくユーザースタイルシートで上書きが廃止されるだけ

**名無しさん＠お腹いっぱい。** · 2019/10/31(木) 14:44:08.92

まじめか

**名無しさん＠お腹いっぱい。** · 2019/10/31(木) 14:52:19.09

どこかではっきり言われてたのそれ
起動速度の為にデフォルトは読まないようになったのは知ってるけど

**名無しさん＠お腹いっぱい。** · 2019/10/31(木) 17:14:02.46

ユーザースタイルシートが使えなくなったら使えるバージョンに留まるか移住する

**名無しさん＠お腹いっぱい。** · 2019/10/31(木) 17:56:52.86

>>53
68の頃から
toolkit.legacyUserProfileCustomizations.stylesheets を true
にしたら、70 になっても全部効いてる。

**名無しさん＠お腹いっぱい。** · 2019/11/01(金) 02:26:09.09

legacy扱いか…

**名無しさん＠お腹いっぱい。** · 2019/11/05(火) 13:32:53.97

コンテキストメニューの順番を変えたいんだが、ググっても非表示にするやり方しかない、
順番を変える記述の例が載っているサイトとか無いですか？

**名無しさん＠お腹いっぱい。** · 2019/11/05(火) 15:29:28.81

過去スレの何枚かに出ているはずだが
#context_closeTab{-moz-box-ordinal-group: 0 !important;} みたいな感じで
上にしたい順に-moz-box-ordinal-groupを数字で指定

**名無しさん＠お腹いっぱい。** · 2019/11/05(火) 23:36:32.87

タブの多段はやっちゃダメな事なのか

**名無しさん＠お腹いっぱい。** · 2019/11/05(火) 23:36:55.41

全部の項目を思い通りの順番に並べるなんて不可能に近いぞ
特定の状況でしか表示されない項目やセパレーターも含めて、display:noneで消すものを除いた全部の項目に
-moz-box-ordinal-groupを設定しなきゃならない
どれか1つを一番上なり下なりに表示したいだけなら楽だけど

**名無しさん＠お腹いっぱい。** · 2019/11/06(水) 00:09:11.13

多段段ﾀﾞ段
多段段ﾀﾞ段　ｽﾞｯﾁｬｯ
多段段ﾀﾞ段　多段段ﾀﾞ段

**名無しさん＠お腹いっぱい。** · 2019/11/06(水) 02:50:48.65

そんな並び順が気になるなんて少し神経質すぎへん

**名無しさん＠お腹いっぱい。** · 2019/11/06(水) 09:06:05.77

開発陣が考えたデフォルトでは
タブに対応するメソッドとブラウザ全般に対するメソッドの階層構造が
位置が乱されて滅茶苦茶な感じになるのだわorz

自由度が少ないから、タブを下に下だけでは、その要求不満は解消できんけど、ありえない状況からは少しだけ開放される

**名無しさん＠お腹いっぱい。** · 2019/11/06(水) 09:58:03.92

Mozillaはどうしてタブが上部に数段あるバーの一番下にすることをかたくなに拒むんだろう

**名無しさん＠お腹いっぱい。** · 2019/11/07(木) 20:37:59.17

>>21
自分は別のところのポップアップをカラム化したくて色々調べてたんだけど
どうもスクロールボックス系はshadow DOMとかいうのに隠れたせいで一意のセレクタを持たなくなってしまったような気がする

一応これでブックマークの▲▼は消えてくれたけど全体に及んでしまうので副作用はあるかもしれない
.scrollbutton-up.menupopup-scrollbutton,
.scrollbutton-down.menupopup-scrollbutton { display: none !important; }

限定できないと不便だなあ