userChrome.css・userContent.cssスレ Part10
■ このスレッドは過去ログ倉庫に格納されています
Stylishの「他のHTML 名前空間を基準とする」というのはどういう効果があるのでしょうか モニターが小さいのでヘッダーを固定しているサイトは固定を解除しています。
しかし楽天市場商品ページのヘッダー固定をどうしても解除できません。
ヒントだけでもいいのでアドバイスをお願いします。
商品ページの参考URLです。
https://item.rakuten.co.jp/penshiru/4901480479262/?s-id=top_normal_browsehist&xuseflg_ichiba01=10011029 起きて起動したら70にアプデされててまた死んでた…
対応頼む… >>4
ユーザースタイルの !important 指定は最優先されると思ってたけど、
サイト側の要素属性内 !important 指定に負けてしまうんだね。属性指定強い・・・。
手元でいじってもjsで上書きを検知してさらに上書きしてくるから、つよい意思を感じる。
興味深い。なんかいいアイディアないかなぁ? 52esrでは普通に効いてるな
.riShopHdrWrap { position:absolute!important; }
あるいは
div#rakutenLimitedId_header .riShopHdrWrap { position:absolute!important; } >>7-8
そうなんです。
何をしても固定解除ができません。
諦めようとしたんですが最後にここでアドバイスをしてもらおうかと。
>.riShopHdrWrap { position:absolute!important; }
>div#rakutenLimitedId_header .riShopHdrWrap { position:absolute!important; }
70.b9を使用しています。
旧バージョンでのcssの扱い方が違うからか無理でした。
検証ありがとうございます。 そこの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が効くようになるよ >>10
無印 71.0b4
Developer Edition 70.0b9
Waterfox 56.214
3つ共に駄目でした。
それで出来そうな予感はしたんですが俺環ですかね?
新規プロファイルでやってみます。 >>12
そうでしたか、それなら確実に俺環ですね。
無印新規プロファイル。
68 ESRを新規でインストール。
共にStylusのみインストール状態です。
general.useragent.override.item.rakuten.co.jp
だけで無くドメインでも指定。
general.useragent.override.rakuten.co.jp
user agentも40代にしてみたりしましたが駄目でした。
さっぱり訳が分かりません。
取りあえず問題は解決できたようなので、ひとつずつ原因を探っていきたいと思います。
いろいろとありがとうございました。 general.useragent.override.domainName は 71 で削除されましたよ
https://bugzilla.mozilla.org/show_bug.cgi?id=1513574 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; }
} >>14
知りませんでした。
どうもありがとうございます。
>>15
自分の環境では影響を受けていたようです。
そしてスンナリとできました。
昨日からずっとモヤモヤしていたのが解決できて嬉しいです。
何度も検証していただいてすみません。
みなさん本当にありがとうございました。
良かった。 70用に変更しようとしてuserchrome.css空のまま上書きしてしまった
タブバーを上部下段に持ってくるやつ教えてくださいお願いします 質問スレでブックマークツールバーのファビコン画像変更を模索したら、散々な目に遭いましたorz
世の中には酷い人も溢れているものですね
どなたか、v70のfirefoxで通用するファビコン用cssが実在するのであれば、そのコードを紹介して頂けませんか?
抽象的な文言を繰り返すだけの釣りではなく、具体例を挙げて頂けると嬉しいです (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;
} >>20
ブックマークフォルダ画像じゃ無くてファビコンだよね?
cssのやり方は分からんけどブックマークのインポートでファビコンが無いサイトを好きなのに変更してる。
流れとしては
変更したい16pxのpngかico画像を探して保存。
http://www.iconarchive.com/ ここだと16px指定で探せる。
ブックマークをHTMLとしてエクスポート。
保存したhtmlファイルをメモ帳で開いて変更したいサイトの情報をコピー。
新しくメモ帳を開いてペースト。
その際にICON="●●●"を付け加える。
●●●はさっき保存した16px画像をBase64にエンコードした物をペースト。
https://lab.syncer.jp/Tool/Base64-encode/
任意のファイル名でhtmlとして保存。
保存したhtmlをインポート。
中身を貼りつけようと思ったけど文字数オーバーになった。
この後貼り付ける。 中身はこんな感じ、スレ違いでごめん。
----------------------
<!DOCTYPE NETSCAPE-Bookmark-file-1>
<!-- This is an automatically generated file.
It will be read and overwritten.
DO NOT EDIT! -->
<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>
---------------------- >>23
貴重なご意見ありがとうございます
なるほど、htmlですから中身はコードでしたね
時代の変化で失念していました、盲点で勉強になります
私の環境ではブラウザ終了時にhtml書き換えでバックアップを残している点、
求めるファビコン変更先が規定の画像を別のものへ変更したい経緯である点、
それらにてhtmlの自作は実用が厳しく思われます 自分も似たようなことをuBlockのMyフィルターで行います
広告除去を含め、改変はサイト提供側からすれば邪道なユーザーでしょうが、こうしたネットサーフィンの利便性追及、
または嗜好を楽しめる機会が増えると嬉しいですね
ファビコンに関しては欲をかき過ぎましたかなあ(DQNに散々振り回されて疲れましたわ)orz
cssスレが不誠実な情報交換の場じゃないことを再確認出来ただけでも、有難いです Status-4-EvarもどきのメニューバーVerを68.2で使うにはどこを変更したらいいのでしょうか? favicon変更はこんなもんでできるでしょ
.bookmark-item[label="そのブックマークの名前"] image{
display:none!important;
}
.bookmark-item[label="そのブックマークの名前"]::before{
content: url(使いたい画像);
} >>28
旧式拡張の質問はPalemoonなり旧式Fxなりのスレなりで聞けや
使ってなかったから当てずっぽうで答えると
二つ選択肢があるなら片方がchrome(UI)に適用(userChrome.css相当)で
もう片方がcontent(Web表示とか)に適用(userContent.css相当)
選択肢が三つあったら両方に適用があるかも >>29
出来んかった
もう疲れたよママン
別スレで虚言癖DQNのオナニーに付き合わされたせいで、
助言をありがとうという気持ちと検証済みの正確なコードをお願いという気持ちが半々、自分が嫌になるね 公式は防犯の観点でファビコン改変を防ぎたい方針らしく、自分も従うべきですかな
試行錯誤で無駄に疲れる方がなんだかなあ、と
またDQNに掴まされるのも嫌ですし 質問スレでコード書いたのにキレられたし意味わからなすぎてそのまま朽ちればいい >>33-34
それを丸コピでここに貼るかスクショして画像をプリーズ こういうときにScreeenshotsがあれば・・・ 人のこと虚言癖だのなんだの言っといてチョーシこいてんなあ 何で名前と画像埋めるだけができないの
ttps://i.imgur.com/qFQ7895.jpg
あくまでこれはできるってだけでサイズの調節もしてないから
質問スレで回答した親切な人にごめんなさいして教えてくれたリンク通りやれ 自分ができないからって虚言癖とかいうのは頭おかしいわな
俺も違うやり方でやってるけどできてるし
結局本人だけがDQNだったってオチ コンテキストメニューやタブコンテキストメニュー、検索バーのサジェスト欄の
右側と下に出る細い黒い影のような部分を消すことはできませんか? >>41
えッ これ初めて見たんですけど質問スレのどこに出されています?
29さんのと似ていますな
その教えてくれたリンク通りというところが意味不明なんですよね
唯一あるリンクは変なサイトに飛んでコードらしいもの(特に41みたいな)は一切無く、
そのサイトでfaviconと検索しろという話かと思って散々試してもニュースしか出ないっつー
質問スレの回答者(似非親切マン)がリンクを貼ったつもりで妄想の中をオナニーしているんじゃなかったの? 改めて質問スレを確認したけどやっぱねーじゃんwwwww
そしてずっとこのスレへそのリンクを貼ってっつっても見て分かるようにリンクなんて無かったっしょ
22さんの助言が、初めてファビコンに関するアドバイスだったわ
こういう無駄で他者を阻害することして楽しいんだろうよ、チョン系の屑は
掲示板で荒らしの対策をされたから、今度はわざわざ釣りってね、ご苦労なこったよ
俺には理解出来ん
だからバカチョンは存在自体が嫌なんだよね、名実ともに世界の癌だわ ついでに地球上からチャイナとチョンが完全抹消されりゃ、相当良くなると思う
蟻社会と一緒で、仮に屑が消滅しても別の誰かが後釜へ入り込むかもしれないけどさ
少なくともチャイナとチョンよりはマシでしょ
マジで癌、リアルもネットもこんな掲示板の端っこでも害悪でしかねえ
一連の状況証拠から、虚言癖やDQNじゃなければ妄想オナニーの痴呆症、ほんまもんの屑だわ
==⊂⌒~⊃。Д。)⊃ 似ているも何も>>41は>>29の名前と画像埋めただけ
これでもできるけどサイズ調節ないから質問スレの親切さんの見てやれって言われてる
質問スレに書き込んで自分のレスに安価張った回答が見えねえとか普通に病気 やっぱり本人がぶっ壊れてたな
29と似てるなんて言ってる辺りcssが全くわかってないようだし
自分の環境で自分の意図したとおりに表示されるよう書き上げられたものを
丸々貼り付けてもらわないと暴れるんだろう マジレスするとこの先カスタマイズのハードルは更に上がって前途多難に陥るから
ファビコンごときレベルでギャーギャー騒ぐアホはデフォルトで使うかIEでも使ってろ cssが廃止されるって?
ページのレイアウトどーすんだよ CSSが廃止されるんでなくユーザースタイルシートで上書きが廃止されるだけ どこかではっきり言われてたのそれ
起動速度の為にデフォルトは読まないようになったのは知ってるけど ユーザースタイルシートが使えなくなったら使えるバージョンに留まるか移住する >>53
68の頃から
toolkit.legacyUserProfileCustomizations.stylesheets を true
にしたら、70 になっても全部効いてる。 コンテキストメニューの順番を変えたいんだが、ググっても非表示にするやり方しかない、
順番を変える記述の例が載っているサイトとか無いですか? 過去スレの何枚かに出ているはずだが
#context_closeTab{-moz-box-ordinal-group: 0 !important;} みたいな感じで
上にしたい順に-moz-box-ordinal-groupを数字で指定 全部の項目を思い通りの順番に並べるなんて不可能に近いぞ
特定の状況でしか表示されない項目やセパレーターも含めて、display:noneで消すものを除いた全部の項目に
-moz-box-ordinal-groupを設定しなきゃならない
どれか1つを一番上なり下なりに表示したいだけなら楽だけど 多段段ダ段
多段段ダ段 ズッチャッ
多段段ダ段 多段段ダ段 開発陣が考えたデフォルトでは
タブに対応するメソッドとブラウザ全般に対するメソッドの階層構造が
位置が乱されて滅茶苦茶な感じになるのだわorz
自由度が少ないから、タブを下に下だけでは、その要求不満は解消できんけど、ありえない状況からは少しだけ開放される Mozillaはどうしてタブが上部に数段あるバーの一番下にすることをかたくなに拒むんだろう >>21
自分は別のところのポップアップをカラム化したくて色々調べてたんだけど
どうもスクロールボックス系はshadow DOMとかいうのに隠れたせいで一意のセレクタを持たなくなってしまったような気がする
一応これでブックマークの▲▼は消えてくれたけど全体に及んでしまうので副作用はあるかもしれない
.scrollbutton-up.menupopup-scrollbutton,
.scrollbutton-down.menupopup-scrollbutton { display: none !important; }
限定できないと不便だなあ html2logという過去ログ取得アドオンがあり、5chの画像の、全部やスマホ版といった選択肢の
上でのみ、右クリックすると画像のようにメニューが現れる仕様です
この赤枠のコンテキストメニューを、一番上にもっていって表示させたいのですが、どう設定したらいいでしょうか?
https://dotup.org/uploda/dotup.org1989288.jpg >>69
当方の環境だとそれいれたけど、消えない。
「ブックマークツールバー」と「メニューのブックマーク」にて確認したけど。 >>70
こちら、>>62とか試したのですが、上に来ませんでした >>72
そうかスマン
71betaで上手くいってるけど俺環だったか
>>73
「要素を調査」の区切りの次に入れるような指定でもされてるんじゃね
だとするとそっちいじらんとどうにも >>74
73 それはファイル見る限り関係ないな、特定の状況絵しか表示されないが、
一番上なり下なりに表示するのなら楽なんじゃないの? 超楽だよ
本人がCSSについてほんのちょびっとも調べる気がないから
idついていない要素なのに#〜〜でやってるだけだろ >>70
こちら知ってる人いませんでしょうか? ただ、俺知ってるという下らないアピールは他所でお願いします 答えは>>62にブラウザーツールボックスで自分で調べたセレクタを当てはめるだけ
調べる気ないというアピールはいらん >>81
無能ほど自分は出来て凄いだろアピール繰り返すもんな >>77 >>79
バカに荒らされたな、単純なメニューバーとかと一緒にするなボケ、特定の状況でしか表示されないって書いたし>>62も試したと言ってるんだがな
こちらの状況を試したわけでもなく、何も知らんくせに適当に62だーって繰り返してるだけだろお前は せっかく画像まで貼り付けたのに無駄だったわ、こっちがレスしなきゃいつまで経ってもスレが更新されんのに、79〜81と一回書き込むだけでたった5分で3回もID変えて自演で煽る、
誰からも嫌われるカスっぷりは一人前 上で発狂してた子と一緒でいちいち余計な一言つけるね
同じ人か >>62もメニューバーじゃなくてコンテキストメニューだし
特定条件下でしか表示されなくてもやり方変わらない
試したというならその試したコードを書いてみろ .popup-internal-box > .scrollbutton-up,
.popup-internal-box > .scrollbutton-down {
display:none !important;
}
これでオートリピートボタン消えたよ 薄々感じてたがやっぱり同じ人だったか
試したコード貼ろうとは思わないの?
試したっていうだけの下らないアピールは他所でお願いします >>90-91
ブックマークツールバー、メニューバーのブックマークも消えてくれた。
ようやくすっきりした。ありがとう。 userChrome.cssについて質問です
Safariからの引っ越しで何日か調べながらやって、なんとか好きなデザイン近づきました。
新しいタブで開くボタン + のサイズを小さくしようとしましたが、該当部分が探せませんでした。
指定部分を教えてもらえると助かります。
https://i.imgur.com/2VEtBOa.png
userContent.cssの質問です
普段閲覧するフォントサイズを整えつつ、
動画サイトで使われるシークバーが文字化けしなよう、頑張ってcssを調べて書いてみました。
ホームページ側でfont-weight:boldを指定されていると、
使用しているフォントが太くなりすぎるので困ってます。
font-weight:bold;で指定された部分をfont-weight:600;に変更する方法はありますか?
調べてもbを指定して変更する方法は探せたのですが、font-weight:boldを指定して変更する方法が探せませんでした。
よろしくお願いいたします!
/*動画再生サイトのボタンで使われるWebフォントと指定フォントのコンフリクト避け。文字の太さはfont-weightで行う */
*{
font-family: "A-OTF Shin Go Pro";
font-size: 13px!important;
font-weight: 500!important;
/*font-weightで importantを指定するとヘディングの太字がうまくいかなくなる。
指定しないとページ側で指定されたfont-weight boldが適用されてしまう*/
letter-spacing: 0.3px!important;
line-height: 1.8em;}
h1,h2,h3,h4,h5,h6,b{
font-family: "A-OTF Shin Go Pro";
font-size: 13px!important;
font-weight: 600!important; /*太字を600にしたい!でもできない!*/
letter-spacing: 0.3px!important;
line-height: 1.9em;} すいません。
firefox再起動したら font-weigtはうまく動きました。
font-weight:bold; 指定された部分を
font-weight:600; に置き換えるcssを探してます。
むずかしい! 具体的なページがわからんからてきとー
font-weight:boldを指定しているCSSのコードがあるなら
そのセレクタをそのまま使って「!import」つけて上書きする
元のコードに!importつけられていたら優先度で勝てるようにセレクタを書き直す
言っている意味が分からないならググる >>94-95
任意の太さのフォントにする
システムにインストール済み
@font-face { font-family:'○○'; src:local('□□'); font-weight:△△; }
手元にファイルだけある非インストール状態
@font-face { font-family:'○○'; src:url('××'); font-weight:△△; }
*○○にfamily名、△△に適用したいweight、□□に使いたいweightのフォント名、英名でも和名でもおk
*××に使いたいweightのファイル名、絶対パスでも相対パスでもおk
userContent.cssと同じフォルダかそれ以下のサブフォルダにフォントを置くなら相対の方が楽
特定サイト限定なら@-moz-document内に、すべてのサイトならベタに記述しておく
ただしcss特有のルールとしてサイトの指定するfamily名と一致しないと有効にならない
例:A-OTF Shin Go ProとA-OTF 新ゴ Proは別名扱い、srcで指定するものはどちらであっても区別なし
様々なサイトのcssを見るといい、@font-face内でイミフなfamily名にしてるケースもあるから こんなの
toolbarbutton#tabs-newtab-button{
list-style-image: url("./image/newtabxxx.png") !important;
-moz-image-region: rect(2px, 15px, 16px, 2px) !important; ← 周りの幅で調節
} ■ このスレッドは過去ログ倉庫に格納されています