userChrome.css・userContent.cssスレ Part11

レス数が1000を超えています。これ以上書き込みはできません。
!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

Firefoxホームの灰色の部分の要素どうやって知らべるの?
ここ以外は透過できたのにこれだけ灰色で見栄えわるいです
https://i.imgur.com/rL39fET.png

>>950
dクス

>>952
灰色の部分ってどこ?画像見てもわからないんだけど
てか、なにオタク絵見せつけてんだよ

0955名無しさん@お腹いっぱい。 (ワッチョイ cb76-gjrf)2022/04/03(日) 11:18:08.29ID:bpN7mgCy0
画像の下半分これらの背景の灰色の部分です
Google検索
エイプリルフール〜海老蔵
eを検索:
横一列のファビコンアイコン

灰色ってなんだろう

0957名無しさん@お腹いっぱい。 (ワッチョイ cb76-gjrf)2022/04/03(日) 12:42:45.27ID:bpN7mgCy0
ありがとうございました
過疎ってるようですし他スレで聞いてみることにしますね

世の中それは灰色じゃなくて白色って言ったほうが通りがいいんだ

age厨に構うなよ
基地外が感染るぞ🚑

Firefox質問スレで聞いたらこちらに誘導されて来ました
FirefoxでYoutubeの通知から返信開いた時、「続きを読む」をクリックすると表示が全部されず下の横スクロールバーをクリックして少し右の端まで移動させると右端縦スクロールバーの内側にもう一つ縦スクロールバーが出て来るのでそれでようやく見れます
しかし最初から表示される様に横幅も縦幅も大きければ良いのでは無いかと思いました
Youtube cssなどと検索はしたのですが見付からず
ここの編集とか出来ないでしょうか?
よろしくお願いします
https://i.imgur.com/qSZvx6O.jpg

>>959
まだ言ってんのか

Web版Twitterの広告を消すには
要素をどう指定すればいいのでしょうか?

DIV[data-testid="placementTracking"]

を消すようにしたら、広告は消えましたが
広告ではないツイート内の動画の再生ができなくなりました

>>962
今のCSSでは難しい
綺麗に消すためには uBlock Origin を使うしかない

>>960
どやろか
.menu-container.ytd-multi-page-menu-renderer { width: 680px; }
ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-comments"],
ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-notifications"] { width: auto; }

>>963
ありがとうございます!

>>964
ありがとうございます
通常版とナイトリーで試してみましたがどちらもうちでは機能しませんでした(通常版98.0.2、ナイトリー100.0a1 どちらも最新)
気付かないだけかと数字大きくしても変化無かったのでやっぱり変わったいないみたいでした
そちらでは変わってるんですよね?
何でだろ…

0967名無しさん@お腹いっぱい。 (アンパン 4d4f-KXHF)2022/04/04(月) 18:36:55.73ID:NCF5Y4EE00404
ブックマークツールバーのフォルダにカーソルを合わせた時に
クリックせず開く様にcssもしくは他の方法で出来ますか?

0968名無しさん@お腹いっぱい。 (アンパン cb76-E3nq)2022/04/04(月) 19:07:07.30ID:0QQYzYv700404

js使うの初めてなのでなかなか大変ですがありがとうございます。

>>968
このJavaScript、どう設定するの?

コピペして Bookmark_Autopopup_3.uc.js などと保存する

>>971
Bookmark_Autopopup_3.uc.js
どこにあるの?

(function() { から最後までをコピペ

そのレベルなら導入無理

0975972 (アウアウウーT Sae9-zZJH)2022/04/08(金) 15:11:13.18ID:xVnJmA12a
Bookmark_Autopopup_3.uc.jsというから混同した。
新規 uc.jsで動いた。

0976975 (アウアウウーT Sae9-zZJH)2022/04/08(金) 15:17:12.87ID:xVnJmA12a
Bookmark_Autopopup.uc.jsでロダへアップしておいた。

0977名無しさん@お腹いっぱい。 (スフッ Sd02-kr0I)2022/04/09(土) 11:04:38.91ID:2Sy3bAf3d
「などと保存する」って文字読んでも分からんかったの?

userContent.cssで以下を設定して
selectのスクロールバーを非表示にしたいのですがうまくいきません。
文字は赤色にはなっているのですが…教えて頂ければ幸いです。

@-moz-document url-prefix("https://www.nakamurayuji.com/archives/3045";) {
select {
color: red !important;
scrollbar-width: none !important;
}
}

>>978
そのページに書いてある通り -moz-appearance: none; が必要

>>979
追加してみましたがダメでした…

>>980
うちだと消えたよ
Stylusでも消えた

>>981
ありがとうございます
どうやらuserChrome.cssのどこかの記述が競合してるみたいでした

https://www.nakamurayuji.com/archives/3045
にあるselectも、何もしなくてもスクロールバーは表示されないのに、
userChrome.cssに以下があったため、スクロールバーが出てたものでした

menupopup > menuitem {
padding-block: 2px !important;
margin-right: -5px !important;
}

>>983
それが無くてもスクロールバーは状況により表示される
ブラウザの上下間隔を短くしたときなど

>>984
それはそう
でも上のサイトでは>>983のせいで
表示領域が十分でもselectのスクロールバーが表示されてしまって混乱してた

自分がやったことの意味は理解して忘れずに意識しておいてくれ

右上の?などを消すのが以前は機能してた物が最近は機能しなくなったのですが現在でも出来るでしょうか?
/* 最小化・最大化・閉じるボタン */

.titlebar-button { display: none !important; }

この辺の物も代わりのとかあるでしょうか?
/* Firefox52以降でFirefoxが重い症状を直す */

user_pref("network.http.spdy.enabled.http2", false);

改行多過ぎと出たので分けます

0988987 (ワッチョイ 066e-1OUQ)2022/04/10(日) 13:19:56.81ID:t8PClxin0
もう一つ、タブの高さが凄く高くなってて低くしたいのですがこれも効かなくなってますか?
/* タブ位置・高さ */

/* #titlebar {height: 0px !important;} */

/* 最大化時 */

#main-window[sizemode="maximized"] #toolbar-menubar {

margin-bottom: 6px !important;

}

#main-window:not([sizemode="maximized"]) #toolbar-menubar {

margin-bottom: -11px !important;

}

#navigator-toolbox {

margin-top: -6px !important;

}

0989987 (ワッチョイ 066e-1OUQ)2022/04/10(日) 13:25:12.00ID:t8PClxin0
何度もすみません、987の?はバツです
見て思ったのですが、タイトルバーを消しているのでtitlebarの指定では効かないって事では無いのかと
タイトルバー消してる状態で最小化などのボタンを消す書き方あるでしょうか?
タブの位置・高さのもtitlebar指定だからか

最小化・最大化・閉じるボタンはこれで消してるけど、どうだろうか?
.titlebar-buttonbox-container { display: none !important; }

>>987
うちではそれでボタン消せてるので、他で何か間違ってる

0992987 (ワッチョイ 066e-1OUQ)2022/04/11(月) 20:12:49.67ID:fK7XPSv70
>>990-991
回答ありがとうございます
出来てるという事で新しいプロファイルで試した所消えてくれました
という事は競合してるのがあるという事か…探してみます

おま環馬鹿はほんと人騒がせな

すいません。
YouTubeの映像まわりの色を変更したいのですが、
cssでどう書けばいいですか?

試しに

body{
background-color: blue;
}

と書いてみましたが機能しませんでした。

>>994
Enhancer for YouTube を入れてカスタムテーマにすると楽
インストールしてenhancerforyoutube@maximerf.addons.mozilla.org.xpiを解凍し
resourcesの中のvendorの中にthemesフォルダがあるから
そのcssを参考に背景色をつけれる
Enhancer for YouTubeのオプションカスタムテーマにcssを設定する

一応次スレ
https://egg.5ch.net/test/read.cgi/software/1650551086/


>>994
ガチで動画の周りだけで良いなら

html{
--yt-spec-general-background-a: blue;
}

0997994 (ワッチョイ ff7e-GYWO)2022/04/22(金) 16:02:20.51ID:uT6VDlk20
>>995
>>996
ありがとうございます。
どちらの方法でもやってみましたが、ほかのスクリプトの兼ね合いでイマイチうまく行きません。
ただ、ヒントは見えてきたので自分でもう少し頑張ってみます。

あ、できました。
スクリプト内に--yt-spec-general-background-aという箇所があり、
そこの色を書き換えたら好みの色になりました。
ありがとうございました。

質問いいですか?

次スレ

userChrome.css・userContent.cssスレ Part12
http://egg.5ch.net/test/read.cgi/software/1650824621/

10011001Over 1000Thread
このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 764日 17時間 8分 39秒

10021002Over 1000Thread
5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。


───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。

▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/

▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php

レス数が1000を超えています。これ以上書き込みはできません。