!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください
●※前スレ
userChrome.css・userContent.cssスレ Part11
https://egg.5ch.net/test/read.cgi/software/1584753386/
●拡張機能
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
userChrome.css・userContent.cssスレ Part12
■ このスレッドは過去ログ倉庫に格納されています
1名無しさん@お腹いっぱい。 (ワッチョイ eb6e-X/6k)
2022/04/21(木) 23:24:46.59ID:h1cG3tIy0228名無しさん@お腹いっぱい。 (ワッチョイ 9f11-FAuC)
2022/12/02(金) 11:55:35.83ID:HaDTrJQK0 おくすり出しておきますね
#tabbrowser-tabs[closebuttons] .tabbrowser-tab:hover .tab-close-button:not([selected]) {
display: revert !important;
}
#tabbrowser-tabs[closebuttons] .tabbrowser-tab:hover .tab-close-button:not([selected]) {
display: revert !important;
}
229名無しさん@お腹いっぱい。 (アウアウウーT Sa3a-64DC)
2022/12/06(火) 10:34:14.83ID:JGqWVF3qa 本スレで公開されてたものと思いますが、ver107では正常ですが108ではバーの位置がトップになります。
下3行目transform: translateY(0px);を50pxにするとうまくいくのですが、フォルダ>フォルダを開くとズレます。
スキルある方、よろしくお願いします。
/*** ブックマークツールバーをマウスオーバーで自動開閉 ***/
#PersonalToolbar:not([customizing="true"]) {
transform: translateY(-500px);
transition: transform 0s ease 300ms !important;
position: absolute !important; z-index: 1;
display: block;
width: 100%;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
transform: translateY(0px);
transition: transform 0s !important;
}
下3行目transform: translateY(0px);を50pxにするとうまくいくのですが、フォルダ>フォルダを開くとズレます。
スキルある方、よろしくお願いします。
/*** ブックマークツールバーをマウスオーバーで自動開閉 ***/
#PersonalToolbar:not([customizing="true"]) {
transform: translateY(-500px);
transition: transform 0s ease 300ms !important;
position: absolute !important; z-index: 1;
display: block;
width: 100%;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
transform: translateY(0px);
transition: transform 0s !important;
}
230名無しさん@お腹いっぱい。 (ワッチョイ 2458-NYST)
2022/12/06(火) 16:18:03.68ID:t1PQGKZo0 >>229
mozillazine.jpに同じ件で質問出てるみたいだけど、これ君?
mozillazine.jpに同じ件で質問出てるみたいだけど、これ君?
231名無しさん@お腹いっぱい。 (アウアウウーT Sa3a-64DC)
2022/12/06(火) 18:19:25.52ID:Sx/5LHQla232名無しさん@お腹いっぱい。 (ワッチョイ 2458-NYST)
2022/12/08(木) 21:11:45.60ID:RpYCIcBc0 >>231
https://forums.mozillazine.jp/viewtopic.php?f=2&t=20811
これはひどい
「?」だの「新規プロファイルをつくる意味なんてありませんよ」だの
せっかく説明してくれてるのに意思疎通ができてない
失礼極まりないやつだな
https://forums.mozillazine.jp/viewtopic.php?f=2&t=20811
これはひどい
「?」だの「新規プロファイルをつくる意味なんてありませんよ」だの
せっかく説明してくれてるのに意思疎通ができてない
失礼極まりないやつだな
233名無しさん@お腹いっぱい。 (ワッチョイ 6758-3TNT)
2022/12/11(日) 19:25:21.87ID:KFpSKgrF0 基地外age厨に構うからこうなる
234名無しさん@お腹いっぱい。 (カーンジッ 5faf-yQ2E)
2022/12/12(月) 19:05:26.12ID:+cWs9/LA01212 AutohideSidebar2.uc.jsを使わせてもらってるのですが
ミスクリックでサイドバーの幅が微妙に変わってもやもやしてます
デフォルトfirefoxにこれを入れた状態のサイドバー幅にするにはどうしたらいいですか?
ミスクリックでサイドバーの幅が微妙に変わってもやもやしてます
デフォルトfirefoxにこれを入れた状態のサイドバー幅にするにはどうしたらいいですか?
235名無しさん@お腹いっぱい。 (アウアウウー Sa6b-l94J)
2022/12/14(水) 12:51:41.96ID:FsPMouRwa236名無しさん@お腹いっぱい。 (ワッチョイW 474f-Y049)
2022/12/14(水) 15:29:36.69ID:SYyRtVe00 あっちの答えを参考にやってみたら?
237名無しさん@お腹いっぱい。 (アウアウウーT Sa6b-d2tu)
2022/12/14(水) 19:13:08.02ID:ZGtXkexAa 書き込み出来た。
238名無しさん@お腹いっぱい。 (ワッチョイ 8729-lPHY)
2022/12/14(水) 19:54:20.64ID:RNzcTLjM0 Firefox_ToolBarButtonsバグってます
239名無しさん@お腹いっぱい。 (アウアウウーT Sa6b-d2tu)
2022/12/14(水) 20:24:15.41ID:ZGtXkexAa ブックマークツールバーをマウスオーバーで自動開閉したい。
次で動作するけど、サイトの表示部がズレない方法ないですか?
/*#PersonalToolbar:not(:hover) {
visibility: collapse !important;
background-color:transparent !important;
-moz-transition-duration: .5s !important;
-moztan-rsition-timing-function: ease-in-out !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
-moz-transition: .5s ease-in-out;
}
次で動作するけど、サイトの表示部がズレない方法ないですか?
/*#PersonalToolbar:not(:hover) {
visibility: collapse !important;
background-color:transparent !important;
-moz-transition-duration: .5s !important;
-moztan-rsition-timing-function: ease-in-out !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
-moz-transition: .5s ease-in-out;
}
240名無しさん@お腹いっぱい。 (ワッチョイ 7f76-kMgp)
2022/12/16(金) 12:36:00.04ID:kSoYnLni0 108になってタブバーが下になってサイト表示と重なって困ったことになっていたがなんとか直せた
いらなくなったのに消していない記述が悪さをしていたようだった
見よう見まねなので記述を足すばかりでやってきたが今もいらないのが残ってるんだろな
いらなくなったのに消していない記述が悪さをしていたようだった
見よう見まねなので記述を足すばかりでやってきたが今もいらないのが残ってるんだろな
241名無しさん@お腹いっぱい。 (ワッチョイW dfec-CrXm)
2022/12/16(金) 21:27:15.96ID:hzoDGWYH0 URLバーの右にある星を以下で非表示にしてるんですけど、
#star-button-box {
display: none !important;
}
108.0になってから、メニューの「ブックマーク」→「現在のタブをブックマーク」から
ブックマークしようとすると「ブックマークを追加」のポップアップが一瞬で消えてしまうようになりました。
星を非表示のまま、ポップアップを表示したままにできませんか。
#star-button-box {
display: none !important;
}
108.0になってから、メニューの「ブックマーク」→「現在のタブをブックマーク」から
ブックマークしようとすると「ブックマークを追加」のポップアップが一瞬で消えてしまうようになりました。
星を非表示のまま、ポップアップを表示したままにできませんか。
242名無しさん@お腹いっぱい。 (ワッチョイ df20-5+d1)
2022/12/16(金) 22:54:13.15ID:PU31RwHZ0243名無しさん@お腹いっぱい。 (ワッチョイW dfec-CrXm)
2022/12/16(金) 23:34:41.51ID:hzoDGWYH0244名無しさん@お腹いっぱい。 (ブーイモ MMbf-974H)
2022/12/17(土) 00:17:49.82ID:HlfR7nuuM245名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF)
2022/12/17(土) 00:45:38.23ID:AMBx9jDc0246名無しさん@お腹いっぱい。 (ワッチョイ 3bcf-p78k)
2022/12/17(土) 02:35:37.50ID:Wj7ZIua20 それはおかしいね
3.5秒後のはずだけど
3.5秒後のはずだけど
247名無しさん@お腹いっぱい。 (ワッチョイ ea20-Yn5v)
2022/12/17(土) 03:56:54.43ID:URujujlu0 >>243
それの完全な対策はCSSでは恐らく無理だけど、メニューからブックマークしているのならこんなのはどうかな。
/*
URLバー右端のブックマークボタンをウィンドウ右上隅に配置することで隠す。
108 以降は display プロパティ や visibility プロパティで隠すと、
ブックマークしたときのブックマーク編集パネルも表示されなくなってしまう。
右上隅に置くのはブックマーク編集パネルを開いたとき、キー操作やマウ
スオーバーしないままでいると一定時間でパネルが閉じてしまう問題への弥縫策
を兼ねる。この位置はメニューの「ブックマーク」→「現在のタブをブックマー
ク...」をクリックした直後のマウスポインターの下になるので、この経路で表示
させたときは自動的に閉じるのを防げる。
*/
#star-button-box {
position: fixed !important;
top: calc(0px - var(--urlbar-height)) !important;
right: 0px !important;
}
#editBookmarkPanel {
margin-block-start: 0px !important;
}
それの完全な対策はCSSでは恐らく無理だけど、メニューからブックマークしているのならこんなのはどうかな。
/*
URLバー右端のブックマークボタンをウィンドウ右上隅に配置することで隠す。
108 以降は display プロパティ や visibility プロパティで隠すと、
ブックマークしたときのブックマーク編集パネルも表示されなくなってしまう。
右上隅に置くのはブックマーク編集パネルを開いたとき、キー操作やマウ
スオーバーしないままでいると一定時間でパネルが閉じてしまう問題への弥縫策
を兼ねる。この位置はメニューの「ブックマーク」→「現在のタブをブックマー
ク...」をクリックした直後のマウスポインターの下になるので、この経路で表示
させたときは自動的に閉じるのを防げる。
*/
#star-button-box {
position: fixed !important;
top: calc(0px - var(--urlbar-height)) !important;
right: 0px !important;
}
#editBookmarkPanel {
margin-block-start: 0px !important;
}
248名無しさん@お腹いっぱい。 (ワッチョイW b302-Wa/o)
2022/12/17(土) 08:47:28.84ID:ZgnwgTgS0 108にて、SidebarModokiのDLのCSSが効かなくなったようです
249名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF)
2022/12/17(土) 09:31:37.27ID:AMBx9jDc0 >>247
ありがとうございます。参考にして以下のようにしてみました。
かなり愚直ですけど…
#star-button-box { /* URLバーの☆は「ブックマーク」下近辺に隠す */
position: fixed !important;
top: 62px !important;
left: 209px !important;
}
#editBookmarkPanel { /* メニューの「ブックマーク」直下に表示 */
margin-top: -73px !important;
margin-right: -286px !important;
}
これならメニューから「現在のタブをブックマーク」で、そのマウス位置にポップアップが表示されるので、オンマウスで数秒経っても消えないですね。
ありがとうございます。参考にして以下のようにしてみました。
かなり愚直ですけど…
#star-button-box { /* URLバーの☆は「ブックマーク」下近辺に隠す */
position: fixed !important;
top: 62px !important;
left: 209px !important;
}
#editBookmarkPanel { /* メニューの「ブックマーク」直下に表示 */
margin-top: -73px !important;
margin-right: -286px !important;
}
これならメニューから「現在のタブをブックマーク」で、そのマウス位置にポップアップが表示されるので、オンマウスで数秒経っても消えないですね。
250名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF)
2022/12/17(土) 11:54:44.65ID:AMBx9jDc0251名無しさん@お腹いっぱい。 (アウアウウー Sa9f-XGw9)
2022/12/20(火) 19:39:37.57ID:IxTLUp7ja ブックマークツールバーをマウスオーバーで自動表示する方法教えて!
252名無しさん@お腹いっぱい。 (ワッチョイ 1f58-GAFQ)
2022/12/20(火) 23:30:37.49ID:0gALqOZd0 CSSだけでって無理がある
スクリプトでやれ
スクリプトでやれ
253名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF)
2022/12/21(水) 00:11:07.46ID:s2h0nfoF0 pixivトップの画像一覧で、ユーザ名にマウスオーバーするとポップアップでユーザ詳細が出てくるんですけど
邪魔なのでポップアップが出ないようにしたいのですが、要素を調査しようにも消えてしまい捕まえられません
どうやって調べればいいでしょうか
邪魔なのでポップアップが出ないようにしたいのですが、要素を調査しようにも消えてしまい捕まえられません
どうやって調べればいいでしょうか
254名無しさん@お腹いっぱい。 (ワッチョイ ea20-Yn5v)
2022/12/21(水) 02:33:41.88ID:q3ki8rq80 >>253
1. デバッガーを開く
Ctrl+Shift+C, Ctrl+Shift+Z とか
2. デバッガーを開いた状態で対象にマウスオーバーしてポップアップを出させる
デバッガー以外の場所をクリックしてフォーカスを移してしまわないよう注意
3. F8 キーで「停止」
あとはインスペクターを開いて煮るなり焼くなり
1. デバッガーを開く
Ctrl+Shift+C, Ctrl+Shift+Z とか
2. デバッガーを開いた状態で対象にマウスオーバーしてポップアップを出させる
デバッガー以外の場所をクリックしてフォーカスを移してしまわないよう注意
3. F8 キーで「停止」
あとはインスペクターを開いて煮るなり焼くなり
255名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF)
2022/12/21(水) 08:52:42.05ID:s2h0nfoF0 >>254
すみません、F8で停止しないようです
1.Ctrl+Shift+Cでデバッガを開く
2.マウスオーバーでポップアップさせる
3.F8押しても停止せずマウスオーバーが離れるとポップアップが消える
すみません、F8で停止しないようです
1.Ctrl+Shift+Cでデバッガを開く
2.マウスオーバーでポップアップさせる
3.F8押しても停止せずマウスオーバーが離れるとポップアップが消える
256名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF)
2022/12/21(水) 09:42:45.30ID:s2h0nfoF0 停止はできませんでしたがセレクタは確認できたので、それでポップアップを非表示にできました
ありがとうございました
ありがとうございました
257名無しさん@お腹いっぱい。 (ワッチョイ 66bf-N2O4)
2022/12/21(水) 09:54:13.57ID:C1RoVfoh0 >>255
Ctrl+Shift+Cの後に「デバッガー」タブをクリックしないとF8で止まらない
Ctrl+Shift+Cの後に「デバッガー」タブをクリックしないとF8で止まらない
258名無しさん@お腹いっぱい。 (ワッチョイ 7b11-Wt/R)
2022/12/21(水) 11:12:57.51ID:OWlkyIE00 まあカンマだと一連の動作だとわかりにくいよな
Ctrl+Shift+Cでインスペクター開いてからCtrl+Shift+Zでデバッガーを開く
Ctrl+Shift+Cでインスペクター開いてからCtrl+Shift+Zでデバッガーを開く
259名無しさん@お腹いっぱい。 (ワッチョイ 3ec0-Bday)
2022/12/21(水) 11:19:33.92ID:6sRfXUXB0 Aris-12さんのCustomCSSforFxを適用してる環境で
alice0775さんのuserChrome.jsのスクリプトを動くようにしたいんだけど
双方のuserChrome.cssとuserChrome.jsって
共存可能なんでしょうか
そのまま内容をマージしちゃっても大丈夫ですか
alice0775さんのuserChrome.jsのスクリプトを動くようにしたいんだけど
双方のuserChrome.cssとuserChrome.jsって
共存可能なんでしょうか
そのまま内容をマージしちゃっても大丈夫ですか
260名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF)
2022/12/21(水) 12:17:04.00ID:s2h0nfoF0261名無しさん@お腹いっぱい。 (アウアウウー Sa9f-XGw9)
2022/12/21(水) 15:48:37.75ID:5h+DRZnja ‹‹239
ToolbarAutoHide.uc.jsで解決。
ただし多段表示は問題あり。
ToolbarAutoHide.uc.jsで解決。
ただし多段表示は問題あり。
262名無しさん@お腹いっぱい。 (ワッチョイ ea20-Yn5v)
2022/12/21(水) 19:00:19.22ID:q3ki8rq80263名無しさん@お腹いっぱい。 (ワッチョイ afda-LPRY)
2022/12/21(水) 19:57:10.73ID:2cyeDr1Z0 >>259
そもそもファイル被ってないからマージするものがないでしょ
そもそもファイル被ってないからマージするものがないでしょ
264名無しさん@お腹いっぱい。 (ブーイモ MMe6-974H)
2022/12/22(木) 00:28:38.62ID:PKzlvT6DM >>251
#PersonalToolbar{
--uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */
--uc-bm-padding: 4px; /* Vertical padding to be applied to bookmarks */
--uc-autohide-toolbar-delay: 600ms; /* The toolbar is hidden after 0.6s */
/* 0deg = "show" ; 90deg = "hide" ; Set the following to control when bookmarks are shown */
--uc-autohide-toolbar-focus-rotation: 0deg; /* urlbar is focused */
--uc-autohide-toolbar-hover-rotation: 0deg; /* cursor is over the toolbar area */
}
:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px }
:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }
#PersonalToolbar:not([customizing]){
position: relative;
margin-bottom: calc(0px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
transform: rotateX(90deg);
transform-origin: top;
transition: transform 60ms linear var(--uc-autohide-toolbar-delay) !important;
z-index: 1;
}
#PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; }
#nav-bar:focus-within + #PersonalToolbar{
transition-delay: 100ms !important;
transform: rotateX(var(--uc-autohide-toolbar-focus-rotation,0));
}
#navigator-toolbox:hover > #PersonalToolbar{
transition-delay: 100ms !important;
transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0));
}
#navigator-toolbox:hover > #nav-bar:focus-within + #PersonalToolbar {
transform: rotateX(0);
}
#PersonalToolbar{
--uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */
--uc-bm-padding: 4px; /* Vertical padding to be applied to bookmarks */
--uc-autohide-toolbar-delay: 600ms; /* The toolbar is hidden after 0.6s */
/* 0deg = "show" ; 90deg = "hide" ; Set the following to control when bookmarks are shown */
--uc-autohide-toolbar-focus-rotation: 0deg; /* urlbar is focused */
--uc-autohide-toolbar-hover-rotation: 0deg; /* cursor is over the toolbar area */
}
:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px }
:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }
#PersonalToolbar:not([customizing]){
position: relative;
margin-bottom: calc(0px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
transform: rotateX(90deg);
transform-origin: top;
transition: transform 60ms linear var(--uc-autohide-toolbar-delay) !important;
z-index: 1;
}
#PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; }
#nav-bar:focus-within + #PersonalToolbar{
transition-delay: 100ms !important;
transform: rotateX(var(--uc-autohide-toolbar-focus-rotation,0));
}
#navigator-toolbox:hover > #PersonalToolbar{
transition-delay: 100ms !important;
transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0));
}
#navigator-toolbox:hover > #nav-bar:focus-within + #PersonalToolbar {
transform: rotateX(0);
}
265名無しさん@お腹いっぱい。 (アウアウウー Sa9f-XGw9)
2022/12/22(木) 07:53:11.94ID:hmf5PIfpa266名無しさん@お腹いっぱい。 (アウアウウー Sa9f-XGw9)
2022/12/22(木) 08:21:29.88ID:hmf5PIfpa ごめん、コピペミスでした。
正常動作しました。
正常動作しました。
267名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF)
2022/12/23(金) 23:49:59.93ID:p0oBeOLd0 var(--urlbar-height)のようなCSS変数?を駆使して、画像の赤ポイントの座標を取得したいんですが、どのようなCSS変数を使えばいいでしょうか?
https://i.imgur.com/kH9w4Au.png
X座標=「ブックマーク」の左端
Y座標=メニューバーの高さ+タブバーの高さ+URLバーの高さ
を計算して使いたいです
https://i.imgur.com/kH9w4Au.png
X座標=「ブックマーク」の左端
Y座標=メニューバーの高さ+タブバーの高さ+URLバーの高さ
を計算して使いたいです
268名無しさん@お腹いっぱい。 (中止 5fb1-OA0F)
2022/12/24(土) 16:12:56.92ID:qVFWxHD80EVE >>267
CSS カスタムプロパティ (変数) の使用
https://developer.mozilla.org/ja/docs/Web/CSS/Using_CSS_custom_properties
CSS カスタムプロパティ (変数) の使用
https://developer.mozilla.org/ja/docs/Web/CSS/Using_CSS_custom_properties
269名無しさん@お腹いっぱい。 (中止W 6bec-SwdK)
2022/12/24(土) 17:33:33.90ID:i9gP+ApU0EVE270名無しさん@お腹いっぱい。 (中止 c5da-wzKN)
2022/12/24(土) 18:14:08.19ID:y6NvkF7m0EVE 後者はともかく前者は変数で定義されてるわけがないから
どのみちJavascript側でgetBoundingClientRectするしかないのでは?
どのみちJavascript側でgetBoundingClientRectするしかないのでは?
271名無しさん@お腹いっぱい。 (中止 8f58-g2yx)
2022/12/24(土) 18:25:04.08ID:Ty1ZUtqn0EVE >>269
最終的にやりたいことはスクリプトでないと無理
--urlbar-height プロパティについては Firefox が(UIのCSSで参照するため)設定している
https://searchfox.org/mozilla-release/source/browser/components/urlbar/UrlbarInput.sys.mjs#2062
最終的にやりたいことはスクリプトでないと無理
--urlbar-height プロパティについては Firefox が(UIのCSSで参照するため)設定している
https://searchfox.org/mozilla-release/source/browser/components/urlbar/UrlbarInput.sys.mjs#2062
272名無しさん@お腹いっぱい。 (中止W 6bec-SwdK)
2022/12/24(土) 20:13:13.54ID:i9gP+ApU0EVE はー、--urlbar-height あたりのプロパティは特別扱いで組み込まれてるんですね…
ありがとうございました
ありがとうございました
273名無しさん@お腹いっぱい。 (中止 8f58-g2yx)
2022/12/24(土) 21:54:06.33ID:Ty1ZUtqn0EVE 特別扱いというか、Firefox のUIおCSSsで使うために設定している
ユーザーのために設定してるわけじゃない
我々はそれを勝手に利用してるだけ
ユーザーのために設定してるわけじゃない
我々はそれを勝手に利用してるだけ
274名無しさん@お腹いっぱい。 (中止 8f58-g2yx)
2022/12/24(土) 21:55:49.36ID:Ty1ZUtqn0EVE なんか変なtypoになった・・・
「UI の CSS で」だよ
「UI の CSS で」だよ
275名無しさん@お腹いっぱい。 (中止 8573-dxp0)
2022/12/25(日) 12:18:08.93ID:pU//23r30XMAS 108.0.1にバージョンアップしたところurl.バー内のアイコン(☆、その他アドオンアイコン)の表示が大きくなってしまいました
下記のcss.の記述のどこを変更したらよいのか教えて下さると助かります
/* ツールバーアイコン コンパクト化 */
#identity-icon,
.searchbar-search-icon {
width: 14px !important;
height: 14px !important;
}
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 2px !important;
margin: 0px !important;
width: 20px !important;
height: 20px !important;
}
[uidensity="compact"]:root .urlbar-icon {
width: 20px !important;
height: 22px !important;
padding: 2px !important;
}
#star-button-box[animationsenabled] > #star-button[starred][animate] + #star-button-animatable-box {
top: calc(50% - 17px) !important;
margin-inline-start: -6.5px !important;
}
続く
下記のcss.の記述のどこを変更したらよいのか教えて下さると助かります
/* ツールバーアイコン コンパクト化 */
#identity-icon,
.searchbar-search-icon {
width: 14px !important;
height: 14px !important;
}
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 2px !important;
margin: 0px !important;
width: 20px !important;
height: 20px !important;
}
[uidensity="compact"]:root .urlbar-icon {
width: 20px !important;
height: 22px !important;
padding: 2px !important;
}
#star-button-box[animationsenabled] > #star-button[starred][animate] + #star-button-animatable-box {
top: calc(50% - 17px) !important;
margin-inline-start: -6.5px !important;
}
続く
276名無しさん@お腹いっぱい。 (中止 8f58-g2yx)
2022/12/25(日) 12:23:32.83ID:YWJN3x9f0XMAS なーにが「続く」だよ
277名無しさん@お腹いっぱい。 (中止 8573-dxp0)
2022/12/25(日) 12:36:37.19ID:pU//23r30XMAS 275から続き
/* アイコン小さく */
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack,
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-icon,
#toolbar-menubar .toolbarbutton-badge-stack,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
#TabsToolbar .toolbarbutton-badge-stack {
padding: 2px !important;
margin: 0px !important;
width: 20px !important;
height: 20px !important;
}
/* コンパクト化 */
.urlbar-go-button,
.search-go-button {
max-width: 14px !important;
}
#nav-bar,
toolbar .toolbarbutton-1 {
padding: 0px !important;
}
/* アイコン小さく */
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack,
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-icon,
#toolbar-menubar .toolbarbutton-badge-stack,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
#TabsToolbar .toolbarbutton-badge-stack {
padding: 2px !important;
margin: 0px !important;
width: 20px !important;
height: 20px !important;
}
/* コンパクト化 */
.urlbar-go-button,
.search-go-button {
max-width: 14px !important;
}
#nav-bar,
toolbar .toolbarbutton-1 {
padding: 0px !important;
}
278名無しさん@お腹いっぱい。 (中止 8f58-g2yx)
2022/12/25(日) 13:29:38.51ID:YWJN3x9f0XMAS ブックマークのスターボタンで見てみた
https://i.imgur.com/bEIm9GE.jpg
https://i.imgur.com/bEIm9GE.jpg
279275&277 (ワッチョイ 8573-dxp0)
2022/12/26(月) 00:02:44.67ID:X0JCSJye0 >>278
続く、の件ではイラっとさせて申し訳ない。専ブラ慣れてなくてエラーですぐに書き込めなかったの
275に書いた症状はこんな感じです
1 107.0.1まで https://imgur.com/a/gTXgDje
2 108.0.1 https://imgur.com/a/ln7SFW5
何か所か表示に変化が出た中でurlバー内のアイコンがバカでかくなるのだけは自力ではどうやっても解決出来ません
278でヒントを頂いたのですが残念ながらお手上げです
275&277の記述も多分4~5年前に親切な方がcssスレに書き込んで下さったものの流用です
よろしくお願いします
続く、の件ではイラっとさせて申し訳ない。専ブラ慣れてなくてエラーですぐに書き込めなかったの
275に書いた症状はこんな感じです
1 107.0.1まで https://imgur.com/a/gTXgDje
2 108.0.1 https://imgur.com/a/ln7SFW5
何か所か表示に変化が出た中でurlバー内のアイコンがバカでかくなるのだけは自力ではどうやっても解決出来ません
278でヒントを頂いたのですが残念ながらお手上げです
275&277の記述も多分4~5年前に親切な方がcssスレに書き込んで下さったものの流用です
よろしくお願いします
280名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx)
2022/12/26(月) 00:27:30.78ID:yTIAFriG0281名無しさん@お腹いっぱい。 (ワッチョイ 4bcf-f6f4)
2022/12/26(月) 17:14:26.78ID:8MENhwmK0282名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx)
2022/12/26(月) 21:03:14.13ID:yTIAFriG0 >>281
ゴミ画像を何度も貼るなよ
同じ様に貼ったよね?
i.imgur.com URL で画像の直接リンクだし
見てほしいところを赤で囲ってる
まさか、png じゃなきゃ嫌だとか、□じゃなく◯で囲めとか
そんなアホなこと言う気じゃないだろうな?
ゴミ画像を何度も貼るなよ
同じ様に貼ったよね?
i.imgur.com URL で画像の直接リンクだし
見てほしいところを赤で囲ってる
まさか、png じゃなきゃ嫌だとか、□じゃなく◯で囲めとか
そんなアホなこと言う気じゃないだろうな?
283名無しさん@お腹いっぱい。 (ワッチョイ ffc5-4Ar3)
2022/12/26(月) 21:21:10.91ID:E6nmRez70 直リンの意味もわからんキッズがネットやるのか
284名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx)
2022/12/26(月) 21:54:40.51ID:yTIAFriG0 まあ、実際には画像ファイルの形でアップされているわけじゃないから
直リンというのは正確ではないが
画像ファイルへのリンクの形式のURLにしていてそのまま表示できる
という意味だと普通は解釈できると思うけど・・・
直リンというのは正確ではないが
画像ファイルへのリンクの形式のURLにしていてそのまま表示できる
という意味だと普通は解釈できると思うけど・・・
285名無しさん@お腹いっぱい。 (ワッチョイ c178-fqia)
2022/12/28(水) 19:38:56.54ID:V+zFJ4Ie0 キッズなんているわけないじゃん
スマホも専ブラも使えないPCジジイならではって感じ
老害化してることにも気づけず古参ぶって上から目線なのもまたわかりやすい
スマホも専ブラも使えないPCジジイならではって感じ
老害化してることにも気づけず古参ぶって上から目線なのもまたわかりやすい
286名無しさん@お腹いっぱい。 (ワッチョイW c731-6p8h)
2022/12/29(木) 05:21:25.98ID:ufaND8S40 老害ならではの妄想
287名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx)
2022/12/29(木) 09:21:27.90ID:hLZoGEOr0288名無しさん@お腹いっぱい。 (ワッチョイ 0b81-rP5z)
2022/12/29(木) 09:30:41.50ID:tA6ydo5P0 >>287
要はお前が一番悪いんだなw
要はお前が一番悪いんだなw
289名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx)
2022/12/29(木) 10:43:29.25ID:hLZoGEOr0 Cが元凶
どうでもいい直リン指摘のために同じゴミ画像を貼り直すという余計なことをしたせい
しかもアンカーなしで
こちらはAに対して情報提供済み
君たちは何もしてない
どうでもいい直リン指摘のために同じゴミ画像を貼り直すという余計なことをしたせい
しかもアンカーなしで
こちらはAに対して情報提供済み
君たちは何もしてない
290名無しさん@お腹いっぱい。 (ワッチョイ 0d11-VEL+)
2022/12/29(木) 11:12:31.30ID:3VxnCFDg0 AとCが同じ画像だとお前でもわかるんだからお前が落ち着いていればそれで済んだのに
291名無しさん@お腹いっぱい。 (ワッチョイ c178-fqia)
2022/12/29(木) 11:33:07.59ID:BAy2m1C60292名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx)
2022/12/29(木) 11:47:49.93ID:hLZoGEOr0293名無しさん@お腹いっぱい。 (ニククエ ffc5-4Ar3)
2022/12/29(木) 15:32:33.77ID:SF1OKvU00NIKU 年の暮れだというのに最後にレスしたほうが勝ちのマウント合戦か
294名無しさん@お腹いっぱい。 (ニククエW c731-jFky)
2022/12/29(木) 15:46:58.22ID:ufaND8S40NIKU 困ったらすぐジジイ認定
バカは分かりやすいw
バカは分かりやすいw
295名無しさん@お腹いっぱい。 (ニククエ KK0f-+ZKS)
2022/12/29(木) 18:49:21.46ID:U3UqnvblKNIKU じゃリアルおじさんが見守っててあげようw
食べ物が腐敗しやすい生暖かいくらいな視線でww
食べ物が腐敗しやすい生暖かいくらいな視線でww
296名無しさん@お腹いっぱい。 (ニククエ 8f58-g2yx)
2022/12/29(木) 19:02:56.25ID:hLZoGEOr0NIKU297名無しさん@お腹いっぱい。 (ニククエ c178-fqia)
2022/12/29(木) 19:30:18.75ID:BAy2m1C60NIKU298名無しさん@お腹いっぱい。 (ニククエ 8f58-g2yx)
2022/12/29(木) 21:08:23.87ID:hLZoGEOr0NIKU >>297
だから相手を間違えているのがまだわからないのかな?
頭が悪くて理解できないないのか、頭が悪いことすら自覚できないのかどっちだね?
サムネ化されるようにURLを記載してなかったのは
(A) >>279 だ
(B) は >>278 で https://i.imgur.com/bEIm9GE.jpg とサムネ化されるURLで記載している
>>283 以降の直リン云々の話の前にだ
だから相手を間違えているのがまだわからないのかな?
頭が悪くて理解できないないのか、頭が悪いことすら自覚できないのかどっちだね?
サムネ化されるようにURLを記載してなかったのは
(A) >>279 だ
(B) は >>278 で https://i.imgur.com/bEIm9GE.jpg とサムネ化されるURLで記載している
>>283 以降の直リン云々の話の前にだ
299名無しさん@お腹いっぱい。 (ニククエ c178-fqia)
2022/12/29(木) 22:59:10.10ID:BAy2m1C60NIKU300名無しさん@お腹いっぱい。 (ニククエ 8f58-g2yx)
2022/12/29(木) 23:13:34.22ID:hLZoGEOr0NIKU どうやら 294 が言ってる通りらしい
必死におじいちゃん連呼するしかできない生き物か
そう思うとかわいく思えてきた
必死におじいちゃん連呼するしかできない生き物か
そう思うとかわいく思えてきた
301名無しさん@お腹いっぱい。 (ワッチョイ b558-w88e)
2023/01/17(火) 00:42:39.60ID:TGXtL55I0 108からロケーションバーのcookie badgeが表示されなくなって地味に不便
削除されちまったのか?
まだ生きてるようならネ申よ以下手直しヨロ
↓
#identity-permission-box::before {
content: "" !important;
display: block !important;
width: 6px !important;
height: 6px !important;
position: absolute !important;
margin-inline-start: -32px !important;
margin-top: -8px !important;
background: Highlight !important;
border-radius: 100px !important;
}
削除されちまったのか?
まだ生きてるようならネ申よ以下手直しヨロ
↓
#identity-permission-box::before {
content: "" !important;
display: block !important;
width: 6px !important;
height: 6px !important;
position: absolute !important;
margin-inline-start: -32px !important;
margin-top: -8px !important;
background: Highlight !important;
border-radius: 100px !important;
}
302名無しさん@お腹いっぱい。 (ワッチョイ f96d-wLHw)
2023/01/18(水) 01:14:14.29ID:Nvv+r1sM0 制限された?
303名無しさん@お腹いっぱい。 (ワッチョイW 3e73-DlW3)
2023/01/18(水) 12:06:25.49ID:rID8i6FO0 てすてす
304名無しさん@お腹いっぱい。 (ワッチョイ c60c-hn8B)
2023/01/18(水) 16:40:30.02ID:US1e27FX0 youtubeの適当なチャンネル→動画タブをクリックすると動画一覧が出てきます
この表示が今は4列なので5列以上で表示させたいのですがCSSでできませんか?
ブラウザを拡大しても余白が増えるだけで4列のまま変わりませんでした
動画のサムネを小さくすると列が増えるかもと思い下のようにやってみたところ小さくはなりましたが列は増えませんでした
.style-scope ytd-rich-item-renderer {
width: 180px !important;
}
なにか5列以上で表示させる方法があれば教えてください
この表示が今は4列なので5列以上で表示させたいのですがCSSでできませんか?
ブラウザを拡大しても余白が増えるだけで4列のまま変わりませんでした
動画のサムネを小さくすると列が増えるかもと思い下のようにやってみたところ小さくはなりましたが列は増えませんでした
.style-scope ytd-rich-item-renderer {
width: 180px !important;
}
なにか5列以上で表示させる方法があれば教えてください
305名無しさん@お腹いっぱい。 (ワッチョイ a5b1-3SYV)
2023/01/18(水) 18:44:57.19ID:7aJrF14O0 >>304
サムネ小さくていいなら
ytd-two-column-browse-results-renderer.grid:not(.grid-disabled) {
max-width: 100% !important;
width: 100% !important;
}
ytd-rich-grid-row {
width: 50% !important;
}
サムネ小さくていいなら
ytd-two-column-browse-results-renderer.grid:not(.grid-disabled) {
max-width: 100% !important;
width: 100% !important;
}
ytd-rich-grid-row {
width: 50% !important;
}
306名無しさん@お腹いっぱい。 (ワッチョイW 866e-jtCZ)
2023/01/18(水) 20:23:52.24ID:TIc1Btfj0307名無しさん@お腹いっぱい。 (ワッチョイW 866e-jtCZ)
2023/01/18(水) 20:25:25.62ID:TIc1Btfj0 訂正
ytd-rich-grid-renderer {
--ytd-rich-grid-items-per-row: 8 !important;
}
ytd-rich-grid-renderer > #contents > ytd-rich-grid-row,
ytd-rich-grid-renderer > #contents > ytd-rich-grid-row > #contents {
display: contents;
}
ytd-rich-grid-renderer {
--ytd-rich-grid-items-per-row: 8 !important;
}
ytd-rich-grid-renderer > #contents > ytd-rich-grid-row,
ytd-rich-grid-renderer > #contents > ytd-rich-grid-row > #contents {
display: contents;
}
308名無しさん@お腹いっぱい。 (ワッチョイ c60c-hn8B)
2023/01/18(水) 21:12:46.78ID:US1e27FX0309名無しさん@お腹いっぱい。 (JPW 0H4a-gtfB)
2023/01/19(木) 02:37:30.94ID:FQ+DbuAaH てすと
310名無しさん@お腹いっぱい。 (ワッチョイW 95ad-Yobi)
2023/01/19(木) 18:05:20.21ID:ENX7aaTT0 test
311301 (ワッチョイ b558-w88e)
2023/01/19(木) 23:59:57.14ID:bF8rwFxM0 なんでスルーするん?
(´・ω・`)
(´・ω・`)
312名無しさん@お腹いっぱい。 (ワッチョイ 835a-ffW7)
2023/01/22(日) 05:15:44.11ID:qvxRHomq0 ただ今制限を設けております。
313名無しさん@お腹いっぱい。 (ワッチョイW 03b1-uFLT)
2023/01/22(日) 12:35:14.09ID:9bwMIyJ90 てすと
314名無しさん@お腹いっぱい。 (ワッチョイW e37e-6iVe)
2023/01/24(火) 07:43:31.67ID:hIbxyydu0 余所でやってください。
315名無しさん@お腹いっぱい。 (ワッチョイ bfaf-0efk)
2023/01/24(火) 12:43:32.74ID:TDUBW8Kr0 ブラウザツールボックスで要素選択するときに矢印がブラウザ内だけで
メニューバーやツールバーの要素が表示されないんですけど何か設定しないといけないですか?
メニューバーやツールバーの要素が表示されないんですけど何か設定しないといけないですか?
316名無しさん@お腹いっぱい。 (CA 0H4f-qKdf)
2023/02/08(水) 19:34:55.86ID:k8ScPGEoH Tampermonkey Script Summary Ver3 (for stockpiling)
https://pastebin.com/6i5JaHRg
https://pastebin.com/6i5JaHRg
317名無しさん@お腹いっぱい。 (ワッチョイ 3f76-RWmx)
2023/02/08(水) 21:14:59.59ID:jfIfmSjk0 >>316
何に使うものですか
何に使うものですか
318名無しさん@お腹いっぱい。 (ワッチョイ 0f58-9zjn)
2023/02/08(水) 23:03:40.03ID:C6Jr3J3/0 見ちゃだめ
319名無しさん@お腹いっぱい。 (ワッチョイ 4fcf-EOzK)
2023/02/10(金) 08:49:43.21ID:l+nF3Ow60 5ちゃんの書き込み欄の大きさを指定して固定することはできない?
320名無しさん@お腹いっぱい。 (アウアウウー Sa4f-dSmK)
2023/02/11(土) 11:44:11.33ID:fDQP70m/a いや、指定すればいいじゃん
321名無しさん@お腹いっぱい。 (ワッチョイ decf-8lmq)
2023/02/11(土) 12:04:15.14ID:v/yuvQFe0 な、age厨だろ
322名無しさん@お腹いっぱい。 (ワッチョイW 0eb0-nSMN)
2023/02/12(日) 19:45:42.14ID:UVKz1UER0 (-ι- ) クックック
323名無しさん@お腹いっぱい。 (ワッチョイ 0f58-mefD)
2023/02/16(木) 20:40:07.63ID:L0PcQrrx0 Firefox110にしたらピン留めしているタブ(3つ)の一番右のタブにだけうっすらとクローズボタンが出る
アクティブの時は出ないけど一番右のピン留めタブが非アクティブでマウスオーバーすると出るという感じ
どうすれば消えるでしょうか?
アクティブの時は出ないけど一番右のピン留めタブが非アクティブでマウスオーバーすると出るという感じ
どうすれば消えるでしょうか?
324名無しさん@お腹いっぱい。 (ワッチョイ 0f58-mefD)
2023/02/16(木) 20:43:22.35ID:L0PcQrrx0 すみません。文字数が少ないピン留めタブを一番右に持ってきたら「+」のボタン(新規タブボタン)でした。
実際にクリックしても新規タブは開かないのでいいのですが、ピン留めタブ複数の一番右端だけこうなります。
実際にクリックしても新規タブは開かないのでいいのですが、ピン留めタブ複数の一番右端だけこうなります。
325名無しさん@お腹いっぱい。 (アウアウウー Sa4f-dSmK)
2023/02/16(木) 21:06:32.31ID:S1R6zv0xa326名無しさん@お腹いっぱい。 (ワッチョイW aaec-Dwza)
2023/02/16(木) 21:36:12.06ID:++Ops1Oh0 CSS下手くそマンかよ
327名無しさん@お腹いっぱい。 (ワッチョイ 0f58-JqNg)
2023/02/16(木) 21:48:16.85ID:MM+ZJ0yp0■ このスレッドは過去ログ倉庫に格納されています
