userChrome.css・userContent.cssスレ Part11
■ このスレッドは過去ログ倉庫に格納されています
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください
●※前スレ
userChrome.css・userContent.cssスレ Part10
http://egg.5ch.net/test/read.cgi/software/1571968384/l50
●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager (レガシーアドオン・要Classic Add-ons Archive)
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 (要userChromeES)
https://greasyfork.org/scripts/35880
●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）
●関連サイト
Userstyles.org
https://userstyles.org/
CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS
とほほのスタイルシート入門
http://www.tohoho-web.com/css/
VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured 作成したメニューアイテム要素にOSネイティブのスタイルを適用させるにはどうすればいいですか？ appearanceに適切な設定すれば自動でつくんじゃないの？ サイドバーの要素を選択した時のボーダー色はどう指定したら良いでしょうか？↓画像だと黄色のドット線部分です
https://i.imgur.com/O4QVa3s.png >>68
自分の環境ではこれで消えたよ
toolbarbutton#scrollbutton-up,
toolbarbutton#scrollbutton-down {
display: none !important;
} >>72
これってタブバーに沢山タブがあるときにでる＜＞も消えちゃわない？ここは残せないのかな？ >>73
arrowscrollbox.menupopup-arrowscrollbox #scrollbutton-down,
arrowscrollbox.menupopup-arrowscrollbox #scrollbutton-up {
display: none !important;
} >>74
>>73です。家の環境ではうまく消えてくれませんでした。残念 >>75
俺の76.0.1でも消えなかったよ。
>>72だと消えた。 >>72だと確かに消えるんだけどタブバーの＜＞も消えて、タブをドラッグして移動するとき表示している所までしか移動できない(スクロールしてくれない)のが不便だなと思いました。＜＞も今回同じIDになったみたいなので無理かな？ userChrome.cssだと::part()効かないみたいだし
Shadow DOMになってる部分で適用箇所限定したいならuserChrome.jsスクリプトでやらないといけないかも /* タブスクロールボタン非表示 */
.scrollbutton-up, .scrollbutton-down {
visibility: collapse !important;
}
76にしてから、タブを沢山開くとタブバーの左右に出現する
＜＞のタブスクロールバーを非表示にするCSSが効かなくなったんだけど
修正方法分かりますでしょうか？ >>79
自分が書き込む前の10レスくらい読もうよ >>80
ブックマークがどうのこうのと最初書かれてたので関係ないかと早とちりしてしまいましたすみません。
>>72ので自分の環境では非表示にすることができました
ありがとう。 76.0.1でタブのスクロールボタンの影を消したいんだけどどうすればいいのん >>77です。userChrome.jsスクリプトで
▲▼スクロール領域を消しつつ＜＞を生かすことができました！ >>24のbrowser.urlbar.update1が効かなくなった(77.0)もうcssでやるしかないのかな？ >>84-85の流れに便乗して
>>24にある
/* URLバーの拡大をCSSで無効に browser.urlbar.update1:falseなら不要 */
(本文省略)
をuserChrome.cssに記載したところ、検索結果一覧のバックグラウンドが透過になるんですが
改善方法わかる方いませんか？ https://egg.5ch.net/test/read.cgi/software/1587387627/856
856 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a18e-upCQ)[sage] 投稿日：2020/06/02(火) 13:45:45.78 ID:+MHMhbE90
Firefox77からMegabar無効は
browser.urlbar.disableExtendForTests 真偽値 true
user_pref("browser.urlbar.disableExtendForTests", true);
今後も変更・廃止される可能性があるのでcssでやるのが無難 Mac版77で.tabbrowser-tabにmax-widthを指定すると、タブ閉じても左寄せせずに残骸が残るようになってしまったな
Winがメインだからあまり問題ないけど…
>>86
.urlbarView {
background-color: rgba(255,255,255,100%) !important;
}
あたりでいいんじゃない？ 88だけど、
.tabbrowser-tab:not([pinned]):not([fadein]) {max-width: 0px !important;}
を追加したら左寄せするようになった
多分本体の方に修正が入るとは思うけど テスト用の設定をしたところでテスト用のコードを読み込んでないんだから
browser.urlbar.disableExtendForTestsではどうにもならん
素直にCSSでやれ >>88
早速の回答ありがとう
無事解決しました。感謝感謝。 Twitterの「おすすめユーザー」の非表示で、通知欄のツイートやタグ付けされたツイートへの返信時に他のユーザーを非表示にする事なく、これを非表示にする事は出来ないのか？ >>92
どこのどれを表示したくてどれを消したいのかよくわからんが
通常のCSSだけでは誤爆しまくるので
ublockで:hasとか:has-text辺りを駆使していじってる
つうかスレとは関係ない気が /* URLバー・検索バーの高さを変更する */
#urlbar,
.searchbar-textbox {
font-size:13px;
min-height: 20px !important;
max-height: 20px !important;
firefox77でこれで検索バーの方だけ効かなくなってるんですがどうすれば変えられますか userChrome.css超初心者です。お詳しい方、助けてください。
「最小化ボタン」「最大化ボタン」「閉じるボタン」、通常、画面の最右上にあるのですが、
上部メニュバーの「ヘルプ(H)」のすぐ右に移動してしましました。
３っつのボタンを最右上に移動させる方法を教えてください。
お手数かけますが、よろしくお願いします。 >>96
userChrome.css の記述を全て消して再起動 なんか怪しい臭いがして表示領域を全画面にして見たら
挙動が壊れていた
77、78、79が全部逝かれた
全画面にするには、表示(V)-全画面表示、F11、全画面表示ボタンなど色々オプションがあるけど
その後の稼動に微妙に影響があったけど
今度は、全画面表示状態での挙動の他に、終了後のツールバーアイコン配置までおかしくなることがある
幾つかが隠れてしまう
ノートPCなどでの狭い領域での利用に不便が出るのだよね 名無しさん＠お腹いっぱい。さん、お返事ありがとうございます。
別のスレで、名無しさん＠お腹いっぱい。さんにお世話になったマリンバードです。
userChrome.cssをつかって、タブバーを下に出来ました。
副作用で、三つのボタンが左に行ってしまいました(^_^;
userChrome.cssで、ボタンを右端に移動するには、userChrome.cssに
どのようなコマンドを追記すれば良いでしょうか？
超初心者的な質問で、誠に申し訳ありません。 作業領域を全画面にして困るのは
上辺にポインティングカーソルを移動すると、するっとナビケージョンバーとタブバーが出るようにしているのが
タブバーだけになってしまうことだ
そうするとfirefoxを一旦ウィンドウ表示に戻して、操作する必要が出てくる
過去バージョンとかいろいろ振り返ったりして対処方法を考えた
要するに、firefoxの開発陣が早さを剽窃するために処理を端折っている疑いが生まれてきた
で、タブだけしか出ない時は、新規タブを開いたり、既存の新しいタブをクリックすると、その途端にナビケーションバーも飛び出すようになる
一旦、引っ込んでしまうと、また、タブだけしか出ないように戻る
新規タブを開く時の初期化作業としてやる一部のことがユーザーのポインティング操作の合間に端折られているからこんなことになるのだろう
少なくとも、ポインティングカールが上辺に達した時は、端折っていた処理を充当する必要があるね 閲覧領域を全画面表示にするときのトリガーのあり方で微妙に動作が違うと言うのがおかしい
同じ全画面表示としてユーザーに面前しているのに
内部のステータスとかプロパティーが似ているけど微妙に異なっているから
同じ操作をしても、違った動作が返って来るのだ 述べているような期待していた動作と異なって操作機能が不全状態に陥っていることだね >>100
こんな場所でグダグダ自説垂れ流すならMozillaにフィードバックしたら？ ワロタ
鼻からは嗤っておいて、今度はそんなお言葉、いい加減にしろや ンまーた基地外XPガイジ老害かよ
ttp://hissi.org/read.php/software/20200615/K1ExbEczL0cw.html 上辺のツールバー群のレンダリングが呆けているのは確かのようだ
もともと、OSをまたいだ視点から見ると、ウィンドウサイズそのものの不安定さがあったから
それを直そうとして、拗らせたのだろう pcのyoutubeの旧デザインって完全に終了した？
今後はusercontentで見やすくするしかないのかな？ >>110
数日前から?disable_polymer=1がきかんようになったな。
履歴画面がつかいづらくてかまわんわ。
上記がきかんようになってからも数日前ならgreasemonkeyスクリプトで、戻せたけど、
ついさっきやったら、同じスクリプト使っても、もう旧版には戻らなくなってるな。
もう新デザイン強制かも。 StylishとStylusってどういう違いがありますか？ waterfox2020 06で
コンテキストメニューにページ内検索と再起動を追加したんだけど
cssでいいんだよね…？
非表示は検索すればたくさん出てくるけど
追加って無いなorz var menuItem = contextMenu.Item(
label: "ページ内検索",
context: contextMenu.SelectionContext()
ここくらいまでしかわからんorz Firefox77でタブをロードしたときの[bursting]が効かなくなったんだけど
これに替わるものあるのでしょうか
.tabbrowser-tab[bursting] ESR68からESR78へのアップデートにあたってuserChrome.cssの調整をしています
#main-window[sizemode="nomal"] #nav-bar {
margin-top: 43px !important;/* 値はテスト用で適当 */
}
ウィンドウサイズ毎(通常、最大、全画面)にcssの設定をしたいのですが上記のsizemodeが効いていないのか反映されません
こちらの設定は廃止されたのでしょうか？
また代替できる記述はありませんか？ >>120
119のcssをnomal、maximized、fullscreen、いずれにしても効きません
他の方もそうだと思ってたのですが自分だけでしょうか スタイルエディタでやる分には効くがuserChrome.cssだと駄目なんだな
userChrome.js経由でCSSを登録すれば効いたから一応コード貼っておく
ttps://ghostbin.co/paste/h3na8 >>124
出来ました！
ありがとうございます
なぜuserChrome.cssだと効かないのかはよく分かりませんが
というわけでちょっとnomalに首吊ってきますありがとうございました 脱xulでどんどんhtml化されてるので
userChrome.cssに@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
書いてるとだめなやつ なるほどだからsizemodeが使えないんだ(よく分かってない) フレームページでフレームの移動矢印が出るようにできませんか？
同じサイトなのに FF２４くらいまでは移動矢印表示されるけどそれ以降のバージョンはされません
例えば FF２４ だと ttp://www.officekuma.jp/history/index2.htm のように矢印でフレームの移動できるけど、新しいバージョン
では ttps://www2.5ch.net/5ch.html のようになって移動できません 最近いろんなサイトで無駄な演出にイライラしています
具体的には読み込み中のクルクルが出て待たされるやつです
読み込み終わってるのに一定時間待たされているのはわかってます
一つ一つサイトごとに潰しているときりがないのですが、まとめて潰せる方法はありますか？ [class*="spin"], [class*="loading"], [src*="spin"], [src*="loading"]{visibility: hidden !important}
とか？
spin と loading 以外にキーワードがあれば随時増やしてもろて https://diamond.jp/articles/-/242247?page=4
このページの画像、最初表示されてなくてスクロールすると表示される
普通に表示されるだけならいいけど、表示されたときにまたページの上に戻ってしまい、スクロールしなおさなきゃいけない
ソース見たら
<img alt="ランキング6-40" src="https://dol.ismcdn.jp/common/dol/images/v3/loader.gif"; class=" lozad" data-src="https://dol.ismcdn.jp/mwimgs/b/d/670m/img_bd38f0b73556beafe9a30bbf8a97405b335936.jpg";>
というのがあって、おそらくスクロールするとdata-srcが読み込まれるようになってるっぽいんだけど、
最初から表示させるにはどうしたらいい？ 基本的には「画像が読み込み終わったら即表示」されるようになってるので、
「無駄な時間」が追加されてるわけではないよ。
ただし、その処理をするjs自体の起動が、ページそのものの表示より遅れるので、
過去に訪れてすでに表示したことのある画像(テスト目的で同じページをリロードした場合も)だと、
「本来ならキャッシュで即表示される」はずだったと言える。
ガチでやるなら
@run-at document-start で即起動するスクリプトで、
即img要素を取得、かつ MutationObserver でbodyに現れるimgを即補足して、
img.src = img.dataset.src と書き換えるんだろうな。
その後に動くであろううサイトのスクリプトに邪魔されるとまた面倒だけど。 画面の高さが足りてないとスクロール必要みたいだから、
スクリプト書くなら window.scrollBy(0,1); しとけばいいかな。
てかここcssスレやんけ Yahooのニュースのコメント欄の「もっと見る」がうざいと思っています
見るためにスクロールしたんだから見るに決まってるんだからいちいち面倒なことさせるなと
それでソースコードを見てみたら、もっと見るで隠されてる部分が既に読み込まれていることがわかりました
以下の部分を削除することができれば普通に読めるようなのですが、どういうふうに記述すればいいのかがわからないので教えてください
<a href="javascript:void(0);" class="moreUserCmtText" data-ylk="rsec:cmt;slk:more;pos:●" data-rapid_p="●">...もっと見る</a><span class="hideUserCmtText" style="display:none;"> >>135
.moreAthrCmtText, .moreUserCmtText { display: none !important; }
.hideAthrCmtText, .hideUserCmtText { display: inline !important; } >>Yahooのニュースのコメント欄の「もっと見る」
Yahooのニュースのコメント欄のもっと見るはどこにあるのか教えてください >>137
記事の下に読み込まれるコメントリストはひとつのコメが長文だと省略されてそうなるんだよ
｢すべてのコメントを読む｣で表示されるコメントページでは省略されてないけど
例えばこの記事
https://news.yahoo.co.jp/articles/fd746683dd3cc6a078e9f51787f9b28eb638f19c
コメントが3件表示されてるが1つは｢もっと見る｣になってるだろ？ >>138
>>137さんのを用いました
/* Yahoo!ニュースコメント欄のもっと見るで隠されてる部分をはじめから表示する */
@-moz-document domain("news.yahoo.co.jp") {
.moreAthrCmtText, .moreUserCmtText { display: none !important; }
.hideAthrCmtText, .hideUserCmtText { display: inline !important; }
}
} マウスオーバーでメニューバーを出す書き方教えて下さい
理想は上側からヌルって出てくるようなやつを
どうか願いしますm(_ _)m URLバーからの下に出る検索窓をURLバーの幅ではなくmegabar以前の幅(画面一杯)にしたい
cssでどうにか出来る方法ってありますか？
調べながら色々試してはみたんだけど無理だった… マウスオーバーで隠しておいたツールバー群をヌルって出てくるのは、userChrome.js用で既出だよ
通常隠しておくツールバーもアドホックに指定できるけど、全部消すのは問題起こるみたい
ToolbarAutoHide.uc.js
css用に隠れているプックマークツールバーをマウスオーバーで出すのは前に出ていたけど
今は、上述のものに代えた
使わせてもらうだけです、感謝 >>146
レスありがとう
ToolbarAutoHide.uc.js入れてみました
試しに色々弄りながら使ってみたけどESC押してもリセット出来ないしなんか動きが不安定だし今回はパスしときます
他のスクリプトとの相性とかもあるのかな
わざわざ教えてもらったのに悪いね
本当にありがとう ToolbarAutoHide.uc.jsでESCでのリセットが効かなくなるのはツールバーを全部隠した時に見られるようです
ツールバーは少なくとも一つは表示しないと不安定になるみたい
メニューバーあるいはナビゲーションバーで右クリックすると、「ツールバー自動開閉」のアイテムが出ているので
そこで、ツールバーの表示・非表示が選択できますよ >>144
俺はこれ使ってる。
MenubarReplaceWithButton.uc.js >>149
言われた通りにやってみてとりあえず動いてるみたいなんだけどなんか動きが不安定なんだよね
マウスオーバーすると小刻みに震えちゃってるし
おま環なんかな
何度もお手を煩わせてしまってほんと申し訳ないです
>>150
これいいですね
ヌルっとではないけどシンプルで気に入りました
有難く使わせて頂きます
>>151
紹介ありがとう
とりあえずダウンロードさせて貰ったよ
長々とスレ汚しすみませんでした
レスくれた方本当にありがとうございました >>140の
/* Yahoo!ニュースコメント欄のもっと見るで隠されてる部分をはじめから表示する */
が効かなくなりました
皆さんは効いていますか？
ESR68.10.0新規プロファイル+userContet.cssで効きません
もっと見るテスト用ヤフーニュースリンク
https://news.yahoo.co.jp/articles/fd746683dd3cc6a078e9f51787f9b28eb638f19c >>154
この話の「もっと見る」は、各コメントの末尾に表示されてた青いリンクのこと
あなたが貼ったリンクの「もっと見る」はコメントをたくさん表示するためのリンク
青いリンクに対する効果はいまでもある
ただYahooが改悪して3つ目のコメントの後半が見えない演出にされただけの話 >>155
ありがとうございます
┌───────┐
│もっと見る(000件)
└───────┘
ボタンを押さずとも コメント末尾に
前へ➀②③④⑤⑥⑦⑧⑨⑩・・・⑳次へ
が表示されるようになり便利だな、と思いこんでいたのですが
青字の「もっと見る」の方に効いているのですね >>147
に加えてURL込みで2行になる検索結果を1行にしたら気にいる見た目になった
感謝 ソープランドのホームページです
https://oushitu.tokyo/
スクロールすると引きずるような感じで時間差で動くのですが、時間差なしで動かすにはどうすればいいでしょうか サイト見る気ないけど多分htmlかbodyにscroll-behaviorが使われてるんだろうからこれでどうか？
html,body{scroll-behavior:auto!important;} >>156
これほんとごみ改悪だな。
なんとかできんよな。 >>Yahooのニュースのコメント欄の「もっと見る」
これなんだけど
もっと見るのリンクは無くなったんじゃないの？
替わりに他のコメントを表示するための”もっと見る”が作られたような
このスレで指摘されて後すぐ変更されたから
もしかしてと思ったりしたけどまさかね 普通にコメント欄ごとに長いコメントだとあるだろ。
自分でちょっと確認すればわかる話なのになぜしない。 勝手に違う機能だと思い込んで試してみて思うようにいかないと騒いでるレベルの人なんだから仕方ない Fx78でこのcss動かなくなったんだけど
何か新たに必要なのかな
.tabbrowser-tab[bursting] .tab-icon-image {
animation: aa .10s ease !important;
animation-iteration-count: 1 !important;
}
@keyframes aa {
10%,50% { margin-top: -5px;
}
} ■ このスレッドは過去ログ倉庫に格納されています
