userChrome.css・userContent.cssスレ Part11

■ このスレッドは過去ログ倉庫に格納されています
2020/03/21(土) 10:16:26.74ID:NIfQeduv0
!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
2020/06/15(月) 17:12:53.73ID:+Q1lG3/G0
https://i.imgur.com/aqwoZVO.png
https://i.imgur.com/Mmu7wGG.png
2020/06/15(月) 17:19:53.34ID:+Q1lG3/G0
閲覧領域を全画面表示にするときのトリガーのあり方で微妙に動作が違うと言うのがおかしい

同じ全画面表示としてユーザーに面前しているのに
内部のステータスとかプロパティーが似ているけど微妙に異なっているから
同じ操作をしても、違った動作が返って来るのだ
2020/06/15(月) 17:41:54.12ID:VMW/Nd9o0
>挙動が壊れていた

どういう意味?
2020/06/15(月) 18:34:13.43ID:+Q1lG3/G0
述べているような期待していた動作と異なって操作機能が不全状態に陥っていることだね
2020/06/15(月) 18:45:17.96ID:9Gil9ImC0
>>100
こんな場所でグダグダ自説垂れ流すならMozillaにフィードバックしたら?
2020/06/15(月) 18:48:53.52ID:+Q1lG3/G0
ワロタ
鼻からは嗤っておいて、今度はそんなお言葉、いい加減にしろや
2020/06/16(火) 02:31:57.65ID:+jjw8R900
ンまーた基地外XPガイジ老害かよ
ttp://hissi.org/read.php/software/20200615/K1ExbEczL0cw.html
2020/06/16(火) 07:56:25.40ID:uAl2SLD90
上辺のツールバー群のレンダリングが呆けているのは確かのようだ
もともと、OSをまたいだ視点から見ると、ウィンドウサイズそのものの不安定さがあったから
それを直そうとして、拗らせたのだろう
2020/06/17(水) 07:10:39.93ID:Av61FuU4M
pcのyoutubeの旧デザインって完全に終了した?
今後はusercontentで見やすくするしかないのかな?
2020/06/17(水) 22:44:24.55ID:tLIDrJ8a0
>>110
数日前から?disable_polymer=1がきかんようになったな。
履歴画面がつかいづらくてかまわんわ。

上記がきかんようになってからも数日前ならgreasemonkeyスクリプトで、戻せたけど、
ついさっきやったら、同じスクリプト使っても、もう旧版には戻らなくなってるな。
もう新デザイン強制かも。
2020/06/28(日) 07:36:55.27ID:ETL94YEb0
StylishとStylusってどういう違いがありますか?
2020/06/28(日) 12:44:02.71ID:qHqzIFLm0
Stylishはスパイ
2020/06/28(日) 14:44:17.66ID:H+CkNoss0
waterfox2020 06で
コンテキストメニューにページ内検索と再起動を追加したんだけど
cssでいいんだよね…?

非表示は検索すればたくさん出てくるけど
追加って無いなorz
2020/06/28(日) 15:12:26.61ID:H+CkNoss0
var menuItem = contextMenu.Item(
label: "ページ内検索",
context: contextMenu.SelectionContext()

ここくらいまでしかわからんorz
2020/06/28(日) 19:36:51.29ID:xbEMvuhX0
cssが何なのかよく調べてから出直してこい
2020/06/30(火) 22:09:44.29ID:cCa/deMV0
Firefox77でタブをロードしたときの[bursting]が効かなくなったんだけど
これに替わるものあるのでしょうか
.tabbrowser-tab[bursting]
2020/07/01(水) 05:49:42.65ID:YAAqRIQ50
いや効いてるが

息を吐くようにホラを吹くなチョン
2020/07/03(金) 13:07:06.64ID:dCNKCek30
ESR68からESR78へのアップデートにあたってuserChrome.cssの調整をしています

#main-window[sizemode="nomal"] #nav-bar {
margin-top: 43px !important;/* 値はテスト用で適当 */
}

ウィンドウサイズ毎(通常、最大、全画面)にcssの設定をしたいのですが上記のsizemodeが効いていないのか反映されません
こちらの設定は廃止されたのでしょうか?
また代替できる記述はありませんか?
2020/07/03(金) 13:33:05.73ID:ZGmfDgrj0
nomalだからじゃないかな
2020/07/03(金) 16:59:32.30ID:dCNKCek30
>>120
119のcssをnomal、maximized、fullscreen、いずれにしても効きません
他の方もそうだと思ってたのですが自分だけでしょうか
2020/07/03(金) 17:11:36.92ID:BagTPhh80
normal
2020/07/03(金) 20:24:52.51ID:zXALITmO0
2020/07/03(金) 22:27:58.33ID:BagTPhh80
スタイルエディタでやる分には効くがuserChrome.cssだと駄目なんだな
userChrome.js経由でCSSを登録すれば効いたから一応コード貼っておく
ttps://ghostbin.co/paste/h3na8
2020/07/03(金) 22:46:12.99ID:dCNKCek30
>>124
出来ました!
ありがとうございます
なぜuserChrome.cssだと効かないのかはよく分かりませんが

というわけでちょっとnomalに首吊ってきますありがとうございました
2020/07/03(金) 23:16:39.74ID:ZGmfDgrj0
脱xulでどんどんhtml化されてるので
userChrome.cssに@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
書いてるとだめなやつ
2020/07/03(金) 23:32:41.22ID:dCNKCek30
なるほどだからsizemodeが使えないんだ(よく分かってない)
128名無しさん@お腹いっぱい。 (ワッチョイ 1f28-tyUc)
垢版 |
2020/07/04(土) 23:31:07.47ID:Ncu73KOc0
フレームページでフレームの移動矢印が出るようにできませんか?
同じサイトなのに FF24くらいまでは移動矢印表示されるけどそれ以降のバージョンはされません
例えば FF24 だと ttp://www.officekuma.jp/history/index2.htm のように矢印でフレームの移動できるけど、新しいバージョン
では ttps://www2.5ch.net/5ch.html のようになって移動できません
2020/07/05(日) 00:24:57.51ID:QVkg1/wC0
な、age厨だろ
2020/07/06(月) 10:28:11.01ID:e50FOkmZ0
最近いろんなサイトで無駄な演出にイライラしています
具体的には読み込み中のクルクルが出て待たされるやつです
読み込み終わってるのに一定時間待たされているのはわかってます
一つ一つサイトごとに潰しているときりがないのですが、まとめて潰せる方法はありますか?
2020/07/06(月) 10:52:01.51ID:VoslXuc+0
[class*="spin"], [class*="loading"], [src*="spin"], [src*="loading"]{visibility: hidden !important}

とか?
spin と loading 以外にキーワードがあれば随時増やしてもろて
2020/07/06(月) 11:21:59.99ID:1sunmBN60
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が読み込まれるようになってるっぽいんだけど、
最初から表示させるにはどうしたらいい?
2020/07/06(月) 12:38:39.82ID:VoslXuc+0
基本的には「画像が読み込み終わったら即表示」されるようになってるので、
「無駄な時間」が追加されてるわけではないよ。

ただし、その処理をするjs自体の起動が、ページそのものの表示より遅れるので、
過去に訪れてすでに表示したことのある画像(テスト目的で同じページをリロードした場合も)だと、
「本来ならキャッシュで即表示される」はずだったと言える。

ガチでやるなら
@run-at document-start で即起動するスクリプトで、
即img要素を取得、かつ MutationObserver でbodyに現れるimgを即補足して、
img.src = img.dataset.src と書き換えるんだろうな。

その後に動くであろううサイトのスクリプトに邪魔されるとまた面倒だけど。
2020/07/06(月) 12:41:59.07ID:VoslXuc+0
画面の高さが足りてないとスクロール必要みたいだから、
スクリプト書くなら window.scrollBy(0,1); しとけばいいかな。
てかここcssスレやんけ
135名無しさん@お腹いっぱい。 (ワッチョイ 6507-59Iy)
垢版 |
2020/07/12(日) 18:19:43.03ID:Qez1k4MU0
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;">
136名無しさん@お腹いっぱい。 (ワッチョイ a5be-5lSn)
垢版 |
2020/07/12(日) 19:02:23.07ID:YUrlp5G/0
>>135
.moreAthrCmtText, .moreUserCmtText { display: none !important; }
.hideAthrCmtText, .hideUserCmtText { display: inline !important; }
2020/07/12(日) 19:55:31.52ID:j6VC2Bnr0
>>Yahooのニュースのコメント欄の「もっと見る」

Yahooのニュースのコメント欄のもっと見るはどこにあるのか教えてください
2020/07/12(日) 20:14:14.60ID:RRQhBK720
>>137
記事の下に読み込まれるコメントリストはひとつのコメが長文だと省略されてそうなるんだよ
「すべてのコメントを読む」で表示されるコメントページでは省略されてないけど
例えばこの記事
https://news.yahoo.co.jp/articles/fd746683dd3cc6a078e9f51787f9b28eb638f19c
コメントが3件表示されてるが1つは「もっと見る」になってるだろ?
2020/07/12(日) 20:35:47.48ID:j6VC2Bnr0
>>138
わかりました
140名無しさん@お腹いっぱい。 (ワッチョイ 2376-Z1HZ)
垢版 |
2020/07/12(日) 20:54:32.73ID:j6VC2Bnr0
>>138
>>137さんのを用いました
/* Yahoo!ニュースコメント欄のもっと見るで隠されてる部分をはじめから表示する */
@-moz-document domain("news.yahoo.co.jp") {
.moreAthrCmtText, .moreUserCmtText { display: none !important; }
.hideAthrCmtText, .hideUserCmtText { display: inline !important; }
}
}
2020/07/12(日) 20:55:03.57ID:j6VC2Bnr0
>>136さんのでした
142名無しさん@お腹いっぱい。 (ワッチョイ bdea-AYnL)
垢版 |
2020/07/13(月) 08:16:08.53ID:XQnelAoQ0
>>136
できました
ありがとうございました
2020/07/13(月) 11:49:24.82ID:Uk8mP0P+0
>>136>>140
ありがとう
2020/07/15(水) 02:37:22.81ID:OlcKkbPY0
マウスオーバーでメニューバーを出す書き方教えて下さい
理想は上側からヌルって出てくるようなやつを
どうか願いしますm(_ _)m
2020/07/15(水) 03:21:04.75ID:zkv+VJ/ma
URLバーからの下に出る検索窓をURLバーの幅ではなくmegabar以前の幅(画面一杯)にしたい
cssでどうにか出来る方法ってありますか?
調べながら色々試してはみたんだけど無理だった…
2020/07/15(水) 08:58:30.10ID:i+DbJ2JN0
マウスオーバーで隠しておいたツールバー群をヌルって出てくるのは、userChrome.js用で既出だよ
通常隠しておくツールバーもアドホックに指定できるけど、全部消すのは問題起こるみたい
ToolbarAutoHide.uc.js

css用に隠れているプックマークツールバーをマウスオーバーで出すのは前に出ていたけど
今は、上述のものに代えた
使わせてもらうだけです、感謝
147名無しさん@お腹いっぱい。 (ワッチョイ 5a82-Py32)
垢版 |
2020/07/15(水) 18:25:46.49ID:K5GqrIyQ0
>>145
https://pastebin.com/raw/myrsfqDT
2020/07/15(水) 20:00:24.64ID:OlcKkbPY0
>>146
レスありがとう
ToolbarAutoHide.uc.js入れてみました
試しに色々弄りながら使ってみたけどESC押してもリセット出来ないしなんか動きが不安定だし今回はパスしときます
他のスクリプトとの相性とかもあるのかな
わざわざ教えてもらったのに悪いね
本当にありがとう
2020/07/15(水) 20:22:57.15ID:i+DbJ2JN0
ToolbarAutoHide.uc.jsでESCでのリセットが効かなくなるのはツールバーを全部隠した時に見られるようです
ツールバーは少なくとも一つは表示しないと不安定になるみたい
メニューバーあるいはナビゲーションバーで右クリックすると、「ツールバー自動開閉」のアイテムが出ているので
そこで、ツールバーの表示・非表示が選択できますよ
2020/07/15(水) 22:16:02.37ID:L+wPqw9h0
メニューバー出すだけならこれでいいんじゃない?
https://gist.github.com/TinyRaindrop/9a11f4ced087d4f2ef93c1d73a5a0745
2020/07/15(水) 22:18:59.53ID:4gJTTYbZa
>>144
俺はこれ使ってる。
MenubarReplaceWithButton.uc.js
2020/07/15(水) 23:16:49.90ID:OlcKkbPY0
>>149
言われた通りにやってみてとりあえず動いてるみたいなんだけどなんか動きが不安定なんだよね
マウスオーバーすると小刻みに震えちゃってるし
おま環なんかな
何度もお手を煩わせてしまってほんと申し訳ないです

>>150
これいいですね
ヌルっとではないけどシンプルで気に入りました
有難く使わせて頂きます

>>151
紹介ありがとう
とりあえずダウンロードさせて貰ったよ

長々とスレ汚しすみませんでした
レスくれた方本当にありがとうございました
2020/07/16(木) 00:36:59.68ID:i4oA8y7ia
>>147
出来ました、ありがとうございます!
2020/07/16(木) 08:22:04.49ID:2hQIbqXH0
>>140
/* Yahoo!ニュースコメント欄のもっと見るで隠されてる部分をはじめから表示する */
が効かなくなりました
皆さんは効いていますか?
ESR68.10.0新規プロファイル+userContet.cssで効きません

もっと見るテスト用ヤフーニュースリンク
https://news.yahoo.co.jp/articles/fd746683dd3cc6a078e9f51787f9b28eb638f19c
155名無しさん@お腹いっぱい。 (ワッチョイ b133-eBzY)
垢版 |
2020/07/16(木) 09:21:37.13ID:W30cE09V0
>>154
この話の「もっと見る」は、各コメントの末尾に表示されてた青いリンクのこと
あなたが貼ったリンクの「もっと見る」はコメントをたくさん表示するためのリンク
青いリンクに対する効果はいまでもある
ただYahooが改悪して3つ目のコメントの後半が見えない演出にされただけの話
2020/07/16(木) 09:52:27.79ID:gCX4SdSc0
>>155
ありがとうございます

┌───────┐
│もっと見る(000件)
└───────┘
ボタンを押さずとも コメント末尾に
  前へ➀ABCDEFGHI・・・S次へ
が表示されるようになり便利だな、と思いこんでいたのですが
青字の「もっと見る」の方に効いているのですね
2020/07/17(金) 03:12:48.71ID:Je3h1mtQa
>>147
に加えてURL込みで2行になる検索結果を1行にしたら気にいる見た目になった
感謝
2020/07/18(土) 15:22:23.46ID:hjdJWqZy0
ソープランドのホームページです
https://oushitu.tokyo/
スクロールすると引きずるような感じで時間差で動くのですが、時間差なしで動かすにはどうすればいいでしょうか
2020/07/18(土) 15:56:22.92ID:XLdYZ4040
背景画像とコンテンツの問題じゃね?
2020/07/18(土) 16:12:03.27ID:ubsDV+kG0
サイト見る気ないけど多分htmlかbodyにscroll-behaviorが使われてるんだろうからこれでどうか?
html,body{scroll-behavior:auto!important;}
2020/07/18(土) 16:21:47.41ID:hjdJWqZy0
>>160
何も変わりませんでした
2020/07/18(土) 21:39:33.47ID:l8JJOxg+0
>>156
これほんとごみ改悪だな。
なんとかできんよな。
2020/07/18(土) 23:32:43.60ID:kIE4Vf+L0
>>Yahooのニュースのコメント欄の「もっと見る」

これなんだけど
もっと見るのリンクは無くなったんじゃないの?
替わりに他のコメントを表示するための”もっと見る”が作られたような

このスレで指摘されて後すぐ変更されたから
もしかしてと思ったりしたけどまさかね
2020/07/19(日) 10:14:54.39ID:7k4k7ewI0
>>163
そりゃあんたが設定したからなくなったんでしょ
これとか設定切れば普通に出るよ
https://news.yahoo.co.jp/articles/982b5fc84378dc3b8f921d86c93a88f547c09e56
2020/07/19(日) 13:07:44.93ID:nR1B1QCE0
普通にコメント欄ごとに長いコメントだとあるだろ。
自分でちょっと確認すればわかる話なのになぜしない。
2020/07/19(日) 13:58:03.05ID:9hufn0Ll0
勝手に違う機能だと思い込んで試してみて思うようにいかないと騒いでるレベルの人なんだから仕方ない
2020/07/19(日) 22:06:29.91ID:SORT37fg0
キツネにでも化かされた気分
2020/07/22(水) 19:26:33.45ID:1sXbpTsY0
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;
}
}
2020/07/22(水) 20:28:32.63ID:r53qAPxk0
>>168
78で入れたらファビコンが上にピョコンと跳ねたけど
本来どんな動きするの?
2020/07/22(水) 20:52:21.91ID:1sXbpTsY0
>>169
一回上下するだけなのでそれでいいんですが
どうしてうちのFx78だと動かないんだろう
他のCSSは効いてるのに

もう一台のパソコンに入れてあるFx68では動いてくれるのに
2020/07/23(木) 15:34:20.81ID:lXIKdh/J0
>>170
@-moz-document url("chrome://browser/content/browser.xhtml"){
>>168のやつ
}
他のuserchrome.cssは動いてるならとりあえずcssの中身これだけにして動作確認してみたら
2020/07/23(木) 17:46:11.24ID:ju8MjkC30
>>171
そのようにしてみましたが動きませんでした
時間あるときになぜ動かないのか検証してみようと思います
2020/07/27(月) 00:58:33.09ID:roL2Cbhm0
ChromeにStylusを導入しているの。
プルダウンリストを動的に生成しているサイトにおいていらないものを非表示にするにはどうすればいいか。

居住地の選択で、
○国内 ○海外
の選択で北海道〜沖縄 アジア>国,ヨーロッパ>国 のようなプルダウンが現れる構造。
たとえばStylus上で以下のように設定すると。
#Select--12--option-0
0の部分が都道府県で「北海道」が消えるのですが、国内国外の選択を行った時点で中央の「12」の部分がランダムで変動します。
そのため12じゃなくなると・・・消えない。全部で何パターンあるのかわからないので、それを全部指定するわけにもいかず。

おたすけを・・・。
2020/07/27(月) 02:14:05.33ID:FktI1bAo0
具体的なサイトを貼ってもらわないことには
たぶん貼られてもcssじゃ解決できない可能性もありそう
2020/07/27(月) 02:42:54.17ID:/kY8ZRCl0
つーかスレチだろが
なんでチョロマーガイジが湧いてんだよ
2020/07/27(月) 06:01:03.72ID:roL2Cbhm0
書き直したせいで冒頭いきなり変な言葉遣いになっている・・・きも

>>174
・質問するときには使用環境を書くのは当たり前(具体的なサイトを書かなかったのは「よくある」から。)
・UserContent.CSSの代わりに古くはStylishを、現在はStylusを使用している「だけ」
=やってることは同じと判断したが何か問題でも?

北海道〜東北じゃないとマウスくるくるかドラッグでスクロールさせなきゃ出てこないのウザくてたまらん
頭に数字か、アルファベットついてたらくるくる減らせるだろうにな。
なので動的生成じゃないサイトでは自分の県以外全部display:noneにしているのだが・・・

>>173
自分もそんな気がしてきた。いったんはブックマークレットの線も考えたが自分がそっち系は疎くて。
Web構築のCSSであればワイルドカード指定なり正規表現的なことが出来るとレファレンスサイトで読んだが
こっち側のCSSではやはり無理?
2020/07/27(月) 08:35:04.76ID:wjvFrJz00
俺たち側のCSSなら出来るぞ
お前も早くここまで登ってこいよ待ってるぞ
2020/07/27(月) 09:09:33.74ID:FktI1bAo0
「そのサイト」限定でよければ、前方一致と後方一致を組み合わせればいけるかもしれない。
[id^='Select--'][id$='--option-0']
2020/07/27(月) 11:36:05.73ID:mEk4QvMn0
CSSでサイトのフォント指定って出来なくなったのでしょうか?

以前はこんな感じでヒラギノを設定していたのですが、いつからか効かなくなりました
修正箇所あったら教えてください

@-moz-document regexp("^(?!http://www.feedly.com).*"){

font,table,href,body,td,p,div,span,ul,li,select,input,textarea,em,a,b,h1,h2,h3,h4,h5,h6,h7 {
font-family: 'ヒラギノ角ゴ4' !important;
}

/*等幅の要素*/
code , kbd , pre , tt , var , samp {
font-family: 'ヒラギノ角ゴ4等幅' !important;
}

/*フォームの部品設定*/
select,input {
font-family:'ヒラギノ角ゴ4等幅' !important;
}

}
2020/07/27(月) 12:16:57.99ID:NBUzF5dk0
>>179
httpsでアクセスするようになったのでは?
2020/07/27(月) 13:02:37.83ID:x8qNvVaH0
>>179
feedlyってwwwいらなくね?
wwwつけてアクセスしたらwwwのないfeedly.comにリダイレクトされるよね?
2020/07/27(月) 17:55:40.98ID:mEk4QvMn0
>>180,181
レスどうもありがとう
feedly関係なく訪問したサイト全部にヒラギノを使いたい場合とかどう書けばいいですか?
あれからいろいろ試してみたのですが、どうもうまくいきません
2020/07/27(月) 17:59:32.40ID:kOSycW2ga
>>182
stylusに登録したらどう?
2020/07/27(月) 18:31:33.27ID:HLsUAfyI0
フォント名、オプション→既定のフォントの所の選択箱で認識してる名前と同じになってる?
2020/07/27(月) 22:04:02.61ID:mEk4QvMn0
>>184
そこを一緒にしないと駄目なんですかね?
以前はCSSの方を優先して表示されていたのですが
186名無しさん@お腹いっぱい。 (ワッチョイ 8b7d-HbTP)
垢版 |
2020/07/28(火) 17:06:12.83ID:sF1TepC20
https://news.yahoo.co.jp/articles/303c409a9a33ca08e5a323c09ea0d065392f2170
右側にある「おすすめの有料記事」の欄をStylusで消したいのですが、
.yjnSub_section{display:none!important;}
とすると、上にあるアクセスランキングの欄まで消えてしまいます。
同じ名前のクラスだからなのですが、有料記事のものだけ消すにはどう書けばいいか教えてください。
2020/07/28(火) 17:36:22.13ID:weoC11FX0
section.yjnSub_section:nth-of-type(4){
display: none !important;
}
2020/07/28(火) 17:46:41.89ID:mRUj8/mw0
.yjnSub_section:nth-of-type(4)

ただし4番目であることに依存している。現行のcssでできる限界。
2020/07/28(火) 17:47:19.47ID:mRUj8/mw0
かぶってしまってすみません
2020/07/28(火) 18:48:21.77ID:LEjnJcr+0
今のところ常にリスト最後にあるから
#yjnSub>#yjnFixableArea section:last-of-type{ display:none!important; }
2020/07/28(火) 19:28:22.40ID:l4UKrntv0
https://news.yahoo.co.jp/articles/348ad768e71ee70f75012ef954645f580d2605cc
有料記事が3番目(最後)のやつがあったので>>190さんのものを使わせていただくことにしました。
みなさんありがとうございました。
2020/07/28(火) 19:36:56.19ID:MvqmwyTb0
3人の方々に感謝
2020/07/29(水) 20:27:07.70ID:TGOZZxkO0NIKU
今のYouTubeは、ウィンドウのサイズを変えるとプレイヤーのサイズも変わりますが、
これを旧UIみたいに固定することはできないでしょうか?
ホームや登録チャンネルの幅はこのままで、ビデオ再生画面だけYouTubeの幅を固定したらいいのでは、
と思いますが、自分でCSSを書いてどうにかしようにもうまくいかないのです。
2020/07/29(水) 21:30:23.04ID:AvKUG00g0NIKU
@-moz-document url-prefix('https://www.youtube.com/watch?v=') {
@media screen and (min-width:○○) and (min-height:○○) {
ここに動画要素のサイズなどを定義
}
}
こんな感じで指定すればいいよ
2020/07/29(水) 22:44:28.33ID:TGOZZxkO0NIKU
>>194
ありがとうございます。
まだうまくいってないのですが、ヒントをいただいたので頑張ります。
うまくいったら報告します。
2020/07/30(木) 08:37:06.81ID:CR88TnP6a
url-prefixの最後のv=はない方がいいかも
プレイリストだとlist=が先に来る場合あるし
2020/07/31(金) 20:06:38.83ID:8cgArjHR0
68から78にバージョン上げたらページ内検索バーの高さが変わらなくなりました
文字を入力するボックスの高さなんですがどうすればいいでしょうか
2020/07/31(金) 21:36:30.40ID:8cgArjHR0
すみませんページ内検索バーの高さ変えられました
2020/08/05(水) 14:48:57.54ID:rACk13Pp0
https://news.yahoo.co.jp/feature/1777
「後半を読む」というのが邪魔なので消したいです
<section style="display:none" id="hiddenContent">
というのが、クリックすると
<section style="" id="hiddenContent">
に変わっているのですが、どのように記述すればいいか教えてください
2020/08/05(水) 16:22:15.47ID:z8XIVkTA0
>>199
消すなら.loadButtonの部分だけだけど、記事を読むんだよね
@-moz-document domain("news.yahoo.co.jp") {
#hiddenContent {
display: block !important;
}
.loadButton {
display: none !important;
}
}
2020/08/05(水) 17:19:21.47ID:N9Po0Xg00
>>200
hiddenContentのほうだけでいけたと思ったら下にいらんボタンがあったwww
ありがとうございました
■ このスレッドは過去ログ倉庫に格納されています