userChrome.css・userContent.cssスレ Part6©2ch.net

■ このスレッドは過去ログ倉庫に格納されています
2015/08/07(金) 23:59:01.64ID:ci1ga2Nw0
●前スレ
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
http://anago.2ch.net/test/read.cgi/software/1400202982/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
User Style Manager
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master キ Griever/userChromeJS キ GitHub
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader

●CSS(ユーザースタイルを記入するべきファイル)
userChrome.css(UI) / userContent.css(Web Site)

●関連サイト
userstyles.org
http://userstyles.org/

MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/
2017/01/22(日) 07:04:55.67ID:9PDOfjPc0
>>566
nglayout.enable_drag_images;false
2017/01/22(日) 07:17:42.42ID:VlmQdLKw0
>>567
ありがとうございます
無事実現できました
ちゃんと設定があったんですね…
2017/01/22(日) 12:46:12.37ID:+a4ofiM70
>>567
わーすんごいやりやすい。ありがとう
2017/02/06(月) 22:44:31.26ID:zYonMN6D0
右クリックメニューのcontext-backとかcontext-forwardとかって51で急に画像になった?
CSSで着色されなくなったんだが
2017/02/07(火) 23:48:35.18ID:7YYUWSL10
firefox使ってgoogle検索で検索すると、こんな風に囲みが出るようになってしまったんですが
いままで通り出ないようにする方法があれば教えてもらえないでしょうか?

http://www.dotup.org/uploda/www.dotup.org1148956.png
2017/02/08(水) 00:01:45.23ID:XBlQwEXA0
>>571
GoogleのABテストでしょ、1年前くらい前から見かける
使い難いと思ったらGoogleのcookie削除すれば戻るよ
573570
垢版 |
2017/02/08(水) 00:18:17.83ID:DOHEtjfH0
どなたか分かりませぬか?
2017/02/08(水) 00:31:50.65ID:8p7nnToK0
>>573
dom inspectorで該当要素のCSS調べてstylishで弄ってみればいいだろ






-moz-appearance
2017/02/08(水) 00:55:01.86ID:DOHEtjfH0
>>574
んん?
前ver.まではずっとstylishで着色出来てて
51に上げたら急に色が付かなくなったんで…
ID変わったのかと調べても変わってないんで
なんでかなと
2017/02/08(水) 01:51:36.20ID:ZeCvWGQ/0
>>575
今までどうやってたのか知らないけどこれで色変わったぞ
#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
fill: red;
}

困ったらここで該当要素付近のコードを見ると解決することが多い
mozilla-central - DXR
https://dxr.mozilla.org/mozilla-central/source/
577575
垢版 |
2017/02/08(水) 03:06:57.78ID:DOHEtjfH0
>>576
イケたぜ!dd
2017/02/08(水) 07:05:37.31ID:eLfORy5V0
>>572
ありがとうございます、クッキー削除で直りました
2017/02/08(水) 11:51:53.00ID:YAaq1v1Z0
横からだけどありがとう
2017/02/08(水) 15:23:51.46ID:0zh3Egym0
偉い人教えて
検索バーの「検索」を書き換えたくて下のようにしてみたけど無反応
擬似要素(before/after)を付けても同様orz
よろしく頼んます <(__)>

#searchbar input::-moz-placeholder{
content: "hoge " !important;
}
2017/02/08(水) 16:32:58.27ID:d7MtTnl70
CSS で placeholder の内容はいじれないし、input に ::before, ::after は使えない
ぱっと見程度ならできるけど全く同じ機能を持たせるのはムリ
2017/02/08(水) 16:47:06.91ID:3qFgItc40
消せるんだから消せば
2017/02/08(水) 17:14:07.23ID:0zh3Egym0
>>581
レスd
了解です

>>582
そうします
2017/02/14(火) 00:41:29.73ID:iDVXISOM0
ランゲージファイルのja.xpiを貰ってきて中身のsearch.propertiesを取り出し
searchPlaceholderの部分を書き換えてja.xpiを固め直してインストールする
あるいはFirefoxインストールした場所のbrowserフォルダにあるomni.jaをバラして
同じようにsearch.propertiesを取り出して書き換えて固め直す
2017/02/19(日) 08:26:54.60ID:L550GvMe0
http://i.imgur.com/N7Wpmlt.png


久々にFifefox本体をうp(51.0.1)してあれこれ設定を以降してるんですが
ブックマークツールバーのフォルダのメニューの一番下にあるセパレータが
前環境でのcssを移植しても消えないので、分かる方おりましたらお願いします。
↑の画像の一番下のやつです。
自分で追加したとかではありません。全部のフォルダメニューで表示されています。
2017/02/19(日) 09:05:47.39ID:mjohWW8i0
その「前環境でのcss」の記述をどうにかするか削除したら?
2017/02/19(日) 09:19:04.58ID:lBnZyyZo0
前環境でのcssとやらをエスパーしろと
それは無理というものだ
2017/02/19(日) 09:22:42.53ID:enRv5ZFZ0
ESRがメインだから知らないけど
51ってDOM Inspector使えねーの?
2017/02/19(日) 14:13:41.69ID:9kH5Ti1y0
>>585
/* ブックマークバーを美しく */
#PersonalToolbar{
height:26px;
}
#personal-bookmarks{
position: fixed;
left: 200px;
background: rgba(255,255,255,0.5);
border-top:1px solid #bbb;
border-right:1px solid #bbb;
border-left:1px solid #bbb;
border-radius: 5px 5px 0 0;
padding:4px 10px 0 5px;
height:25px;
}
#personal-bookmarks .bookmark-item{
visibility:visible !important;
}
#personal-bookmarks .bookmark-item .toolbarbutton-menu-dropmarker{
display:none;
}

/* ブックマークバーのメニューを整理する */
.bookmarks-actions-menuseparator/*★←これ★*/,
.openintabs-menuitem{
display: none;
}
2017/02/19(日) 15:18:19.06ID:L550GvMe0
>>589
.bookmarks-actions-menuseparator{
display: none;
}


↑これいただきました。
キレイに消えて美しいです
ありがとうございました
2017/02/19(日) 19:12:56.38ID:jS3LhJDW0
firefox28以前の旧UIで、ツールバーをテキスト表示(のみ)にし、更に
#toolbar-menubar .toolbarbutton-icon{display:inline;}
を使ってアイコンを横表示で出現させています。

ですが画像のようにアイコンがテキストの上に来て横に来てくれない表示のアドオンがあります、
例えば画像のLink Ninjaのアドオンのアイコンを周りと同じく横に表示させるにはどうしたらいいでしょうか?
http://s1.gazo.cc/up/234081.jpg
2017/02/19(日) 19:20:24.43ID:fJEUfiAG0
テキストかアイコンをfloatなりpositionさせるなり工夫。
2017/02/19(日) 20:38:59.19ID:S1ueFf850
>>591
回り込みが起きるinline-blockかinline-tableは?
594名無しさん@お腹いっぱい。
垢版 |
2017/02/20(月) 19:53:11.93ID:t/+8jhj+0
>>591
.toolbarbutton-menubutton-button {
-moz-box-orient: horizontal !important;
}
2017/02/21(火) 15:11:52.39ID:5ZF2LoVp0
>>593
cssについてはよく分かりませんが、アイコンの大きさは変更しないのでブロック要素は必要ないと思います
>>594
こちらで出来ました、水平に表示させる要素ですか、ありがとうございました。
2017/02/21(火) 15:34:55.72ID:Ilzh7B8K0
>>595
> cssについてはよく分かりませんが、アイコンの大きさは変更しないのでブロック要素は必要ないと思います

まず CSS について調べて、何を言われているのか理解してください
2017/02/22(水) 19:54:59.92ID:ZbogK7Iu0
偉い人おしえて
検索バーの「検索設定を変更」を左に寄せたくて
#searchbar-anon-search-settings .button-text{
text-align:left !important;
}
としてみたがビクともしない(TT)

サンプル画像をみつけたのでおいときます
https://support.mozilla.org/legacyfs/online/sumo-media/gallery/images/2015-09-21-01-15-27-95c8b9.png
2017/02/22(水) 20:44:21.52ID:w9OLa3Dm0
#searchbar-anon-search-settings::before {
content: "";
}
2017/02/22(水) 20:54:41.65ID:ZbogK7Iu0
>>598
おおっ
ありがとう
マジ神
2017/03/08(水) 19:54:43.06ID:JcCwV3KZ0
次のCSSででタイトルバーを非表示にしてたんだけど、52.0で効かなくなった。
/* タイトルバーを非表示にする */
#TabsToolbar {
margin-top: 0px !important;
}
どう修正すれば良いんでしょう?
2017/03/08(水) 21:17:29.28ID:KCj5cBan0
>>600
52.0にしてないから未確認だけど、うちはこれでやってるよ。
52.0にしたらこれも効かなくなるってことなのかな?

#TabsToolbar{
display:none !important;
}
2017/03/08(水) 21:37:23.83ID:JcCwV3KZ0
>>601
タブバーが非表示になって、えらいことになった。
戻した。
2017/03/08(水) 22:30:28.82ID:QNp3mBRR0
Hide Caption Titlebar Plus
2017/03/08(水) 22:33:49.55ID:JcCwV3KZ0
>>603
うーん、あまり使いたくない。
CSSでできないのかな?
2017/03/08(水) 23:17:20.29ID:tNHP78Fz0
できるからおま環だろ
2017/03/09(木) 08:28:08.11ID:shI9qBcq0
>>605
よわった!
新規プロファイルでは>>600で非表示にできた。
確かに俺環だけど、原因が掴めん。
607606
垢版 |
2017/03/09(木) 08:39:38.14ID:shI9qBcq0
about:configでbrowser.tabs.drawInTitlebarがfalseになっていたのでtrueにしたら非表示になった。
608601
垢版 |
2017/03/09(木) 13:08:33.96ID:lUJaiWKc0
>>607
すまん、オレの勘違いでへんなの紹介しちゃった。
解決したようでなによりです。
609名無しさん@お腹いっぱい。
垢版 |
2017/03/23(木) 23:38:42.28ID:160yCC860
タイトルバーを非表示にする代わりに[追加のツールバー]に見ているページの
タイトルを表示するCSSはありませんか?45ESRです
2017/03/24(金) 00:08:55.45ID:uwdfbAF10
>>609
いったいCSSをなんだと思ってるのか?
2017/03/24(金) 00:21:34.77ID:HJ05tFC+0
userstyles.orgってエロサイト系には対応してないの?
2017/03/24(金) 03:54:14.54ID:M9DleOwR0
ユーザ製のスタイルシート置場だし対応するもくそもないだろ
2017/03/24(金) 03:57:26.59ID:ylKugMD30
需要がない
2017/03/25(土) 02:37:56.52ID:sf/kVPxW0
userstyles.orgに登録する場合、成人向けコンテンツを扱う特定のサイトへ適用される記述はダメだったような
回避方法はいくらでもあるけど
2017/03/25(土) 02:42:27.97ID:RbjkJ/ad0
自分で作れ
2017/03/30(木) 11:49:04.50ID:m+UULMDA0
FireFox(最新版)でStylishを導入したのですが、一つわからない事があるので教えて下さい
 input, select, optgroup { font-family:sans-serif; }
で各フォームのフォントを変更したのですが、
ドロップダウンリストを開いた際の選択肢の部分だけは適用されません
ここも適用させるにはどうすればいいのでしょうか
2017/03/30(木) 12:18:09.01ID:+BsV27wx0
リストが何のタグで囲まれてるかわからないのか?
618616
垢版 |
2017/03/30(木) 14:20:33.29ID:m+UULMDA0
すみません、CSSを使用するのは今回が初めてでして、
↑の一行でフォームのフォントをまとめて変えられる…という事以外、殆ど仕組みを理解しておりません
恐縮ですが、詳しく教えていただけないでしょうか

追記ですが、スタイルシート自体は↑の一行のみしか入力しておりません
619名無しさん@お腹いっぱい。
垢版 |
2017/03/30(木) 14:34:49.74ID:8bm2zt1V0
すれ違い
2017/03/30(木) 15:53:09.35ID:DKHmTeFk0
>>618
そのサイトで右クリックして要素を調査
右側のルールに表示されてるのがCSS

リストで使われてるタグを調べて足せばいいよ
元からフォントが指定してあったら変更するCSSにする
これぐらいはググれば何とかなるから頑張れ
2017/03/30(木) 18:57:00.78ID:m+UULMDA0
レスありがとうございます
…が、私の頭脳では中々に難解で時間がかかりそうです
特別、どこのサイトという訳ではなく、サイト未指定のフォームのフォントをゴシックに統一したいだけなのですが、
ユーザースタイルに>>616のような一行を入力して終り、とはいかないのでしょうか
2017/03/30(木) 19:31:19.88ID:mFWwbQsZ0
NightlyとReleaseで実装差がなければuserChrome.cssで

#ContentSelectDropdown menuitem,
#ContentSelectDropdown menucaption {
font-family: sans-serif !important;
}

じゃねえの
2017/03/30(木) 19:51:24.20ID:m+UULMDA0
ありがとうございます
試してみたところ、ドロップダウン内も綺麗にまとまるようになりました
皆さん親切に教えていただきありがとうございました
624名無しさん@お腹いっぱい。
垢版 |
2017/04/11(火) 01:27:56.68ID:Pw+7cbrR0
625名無しさん@お腹いっぱい。
垢版 |
2017/04/13(木) 17:42:07.80ID:Ohnspni60
mobile.twitter.comでおすすめユーザーを非表示にするCSSを教えてください。
2017/04/17(月) 04:31:42.65ID:FaPVhSIN0
#react-root > DIV > DIV > MAIN > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV > SECTION > DIV > DIV > DIV > DIV:nth-child(3)

._1_KafmK5
627名無しさん@お腹いっぱい。
垢版 |
2017/04/17(月) 13:52:04.40ID:eS6Ehqpo0
>626
ありがとう
それだと消えませんね。
2017/04/17(月) 14:05:12.72ID:SKGwmWTz0
a[href$="who_to_follow"]
629名無しさん@お腹いっぱい。
垢版 |
2017/04/18(火) 08:53:47.28ID:0SGQeY7Z0
消えませんね、申し訳ありません
ありがとうございます
2017/04/18(火) 13:10:09.30ID:YGeSZj9r0
[role="presentation"], [role="presentation"]~div
631630
垢版 |
2017/04/18(火) 13:13:00.65ID:YGeSZj9r0
おすすめユーザーの部分しか確認してないので弊害あるかもしれんとは言っておく
632名無しさん@お腹いっぱい。
垢版 |
2017/04/18(火) 17:10:25.34ID:0SGQeY7Z0
>>630さん
消えました!!
本当にありがとうございました
弊害は自己責任にしておきます
2017/04/21(金) 15:42:27.81ID:lWXqOgil0
検索バーの移動ボタン?を検索バーが空の状態でも表示&押せるようにはできませんか?
2017/04/21(金) 16:50:36.91ID:mpsfL/4b0
>>633
/* 検索バーのGoボタンを常に表示させる。 */
/* https://support.mozilla.org/ja/questions/1038120 */
searchbar .search-go-button[hidden="true"] {
display: -moz-box !important;
}
2017/04/21(金) 18:53:25.82ID:lWXqOgil0
>>634
早速教えてくれてどうもありがとうございます
思う通りの動きになりました!
2017/04/23(日) 17:22:07.82ID:0GVdNFmg0
これはわおですね
2017/04/26(水) 23:40:27.52ID:uVx/iH2d0
userstyles.org改悪してる
2017/04/26(水) 23:54:21.20ID:wVO9zu4n0
>>637
さっき見てマジびびったわ、なんだあれ
何より個々のスタイルのページを別タブで開けないのが最悪すぎる
2017/04/27(木) 00:09:27.09ID:1dpiTQVZ0
>>638
ああ、別タブで開いたと思ったら元ページも遷移しちゃうのか
2017/04/27(木) 00:16:30.45ID:tQzQdB8D0
検索とタイプ別とソートが併用できないのが糞過ぎる
2017/04/27(木) 01:00:13.59ID:uvnBSxKF0
なんてこった
2017/04/27(木) 01:02:58.06ID:0uc9KQGl0
ここの住人でも修正できないレベルの改悪だな
2017/04/27(木) 03:16:55.90ID:UF3auJSh0
なんだこれstylishのこのサイト用のスタイルを探すから行くと2ページ目以降がMostPopularになっちゃうな
2017/04/27(木) 07:31:22.34ID:IZTf7/qJ0
userstyles.orgが見やすくなるuserstyleはよ(`・ω・´)
2017/04/27(木) 08:15:50.70ID:m/1oTcFY0
userstyles.orgの項目で右クリックすると左クリックと同じ展開になるな
何これ?
2017/04/27(木) 11:18:06.75ID:uvnBSxKF0
CSSでなんでもどうにかしちゃう達人たちが
根城のuserstyles.orgの裏切りの前に次々と斃れる…
2017/04/27(木) 12:19:48.57ID:mJbZENcR0
更新順のソートもできないときた
一縷の望みをかけて、新着順ソートのアドレスのnewestをupdatedに変えてみたけど、やっぱり「このクエリにはデータねえよ」
みたいなメッセージが出て終わり
2017/04/27(木) 12:53:28.90ID:1dpiTQVZ0
何らかの意図があっての改悪なのか?
それともWebデザイナが見てくれだけで考えが浅い未熟者なだけなのか?
2017/04/27(木) 13:00:04.42ID:XWRkYc990
ストレル
4月26日 編集日:4月26日 Firefox
ひと目で:

1.スタイルの設定がスタイルメインページ(非編集ページ)から消え、このサイトが提供していたスタイルの高度な機能が失われ、
公開スタイルの大部分がほとんど役に立たなくなりました。

2.リストモードなしで検索結果を表示し、表示された結果の数を調整することはできません。
作成/更新日、インストール数または関連性によって並べ替えられないため、検索はそのユーティリティのほとんどを失いました。

3.スタイル・メイン・ページ(オン・エディション・ページではない)のCSSコード・エリアはモノスペースではありません。

4.スクリーンショット機能は、スタイルのメインページに壊れています:
- スタイルメインページ(編集ページではない)に追加のスクリーンショットのオプションを表示しない
- スクリーンショットを部分的に切り抜くのではなく、部分的にスクリーンショットを完成させる
- 透明紙のチェッカーボードパターンを表示します(例: https : //userstyles.org/styles/137140/forced-preline-wrap )
- メインのスクリーンショットを表示しない場合があります(たとえば、この3つのスクリーンショットのコンポジションは、メインのものではありません) 。
https://userstyles.org/styles/86347/tab-bar-buttons-elements

5.コメントに関する問題
https://forum.userstyles.org/discussion/55373/new-site-design-comment-sorting

6.アプリケーションカテゴリは、chrome-extensions https://userstyles.org/categories/app を含むサブカテゴリを表示してうまく並べ替えられますが、
- 「Web App Themes&Skins」は「App Themes&Skins」と言わなければならない
- サブカテゴリは機能していないので、実際にはアプリのスタイルは現在再帰可能ではありません。

7.スタイルの統計ページから戻ってくる問題のスタイルへの参照やリンクはありません。

すべての問題に対処している間に機能的なolde 90のルックサイトにロールバックするのはどうですか?
2017/04/27(木) 15:27:13.73ID:26x17GAP0
機械翻訳のままコピペするくらいなら元URL貼ってくれよ
https://forum.userstyles.org/discussion/55351/update-about-userstyles-new-design-release
2017/04/27(木) 16:39:21.36ID:1dpiTQVZ0
フォーラムをざっと見てみたがひどいねえ
検索・閲覧だけでなく、スタイルを設定してインストールする基本的な機能にも問題を生じており
ほとんど役立たずの状態になっているのだね
テストサーバで十分なテストを行わずにぶっつけ本番で公開したんじゃないかというレベル
ロールバックを要求するものの、経営陣はフォーラムなんか見て無いんじゃないかという悲観的な意見も
2017/04/27(木) 16:56:40.72ID:GLG6f2rV0
のっとられたな
2017/04/27(木) 17:01:27.72ID:SJSdHiCy0
Stylishと同じとこがやってんだっけ?
2017/04/27(木) 18:21:45.29ID:tQzQdB8D0
やっぱり阿鼻叫喚か
サイトそのものが売られたりしたんだろうかね
これやったwebデザイナーはcssやサービスを使ってるとは思えない
2017/04/27(木) 18:29:13.91ID:M7zfmn7A0
インストール際に設定選べたcssとかいろいろあったと思うんだが、もしかして選べなくなってる?
2017/04/27(木) 18:33:09.19ID:nKJcSJhN0
サイトデザインの改悪問題ももちろんあるけどインストールボタン押しても無反応なのが一番困る
Firefoxで駄目だったからChromeで試してみたけどそっちはいけた
Chromeの方のStylishのUIが大幅に変わってたけどFirefoxその他のブラウザ用StylishはUIが古いままだからインストールが上手くいかないのかな
Chromeのstylishって確か今年初めにブラウザの全閲覧情報を収集・送信する仕様に変わったはずだけど、そっちのStylish使わせたいから他のブラウザのは使えないように変えたんだろうか
2017/04/27(木) 18:33:13.75ID:mJbZENcR0
>>655
選べないね
Github Dark https://userstyles.org/styles/37035/ 見てみたけど、色々あった設定項目が何一つ表示されない
2017/04/27(木) 18:39:46.72ID:UF3auJSh0
Firefoxでuserstyles.orgのリンク上の右中クリが左クリになるのはgreasemonkey等で
document.onclick = null;
すればとりあえず防げる
2017/04/27(木) 18:40:51.30ID:0uc9KQGl0
https://forum.userstyles.org/discussion/comment/112473/#Comment_112473

>6. Missing Advanced Search
>this is not a bug, it's by design.
>We're made many improvements to style discovery, which we believe delivers a good user experience.
>Additionally, based on our stats, usage of advanced settings was very low.

検索直す気無いってさ
2017/04/27(木) 18:42:18.54ID:1dpiTQVZ0
> Chromeのstylishって確か今年初めにブラウザの全閲覧情報を収集・送信する仕様に変わったはずだけど、
> そっちのStylish使わせたいから他のブラウザのは使えないように変えたんだろうか

そういうことだろね
ついにその日が来たってことかと
2017/04/27(木) 18:43:31.69ID:M7zfmn7A0
>>657
まじかよ困った
改悪どころの話じゃねぇなこれ
機能不全起こしてるじゃん

>>659
>we believe delivers a good user experience.
ここ最高に腹立つな
2017/04/27(木) 18:47:42.36ID:0uc9KQGl0
>>656
>>660
こっちは問題なくインストールできているので安易な邪推はやめましょう
2017/04/27(木) 18:57:39.06ID:rpHAmnk20
>>659
Win8でスタートメニューが消滅したときの説明と同じだな。
「我々はそれがめったに使われていないことを発見した」っていう。
2017/04/27(木) 19:05:11.30ID:UF3auJSh0
UI改悪したやつってほんともれなくuser experienceって言うのな
2017/04/27(木) 19:09:19.37ID:1dpiTQVZ0
>>662
Advanced Search に関する返答だけ抜き出してるけどさ、全部読んだの?
最初に「5件のバグ、再現できない2件の問題、5件のバグではない報告」とガツンとくぎを刺して
これは仕様だからおまえらは黙って使えと言わんばかりの、上からの傲慢な意思がぷんぷんと臭ってる
使用率とやらを盾に機能削除
早く公開するため仮で作っておいて、あとから直しますよというふざけたスタンス
これはひどい
2017/04/27(木) 19:15:04.41ID:0uc9KQGl0
>>665
確かにひどい対応だと思うけどそれと>>660とは関係ないでしょ
対応が傲慢だから>>660みたいな意図があるに違いないって考え方は危険
■ このスレッドは過去ログ倉庫に格納されています
16歳の水野カイトが封印の刀を見つけ、時間が裂けて黒い風と亡霊の侍が現れ、霊の時雨と契約して呪われた刀の継承者となる場面

ニューススポーツなんでも実況