X
userChrome.css・userContent.cssスレ Part8
■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん＠お腹いっぱい。
垢版 |
2017/12/14(木) 00:29:24.23ID:XdBerJGV0
●前スレ
userChrome.css・userContent.cssスレ Part7
http://egg.5ch.net/test/read.cgi/software/1510394098/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager
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
https://greasyfork.org/scripts/35880

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

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

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

とほほのスタイルシート入門
http://www.tohoho-web.com/css/
0050名無しさん＠お腹いっぱい。
垢版 |
2017/12/17(日) 16:09:38.83ID:q1+yHZkg0
文字列選択時、コンテキストメニューのGoogleで検索:"？？？？？"をトップへ
Swift Selection Searchを二番目に表示させたいのですが、CSSで出来ませんか？
なお、Swift Selection Searchをトップに位置するのは下記で出来てます。
/*** コンテキストメニューSwift Selection Searchを一番上へ ***/
#jid1-kdtticj6wxvafa_jetpack_sss {
-moz-box-ordinal-group: 0 !important;
}
0052名無しさん＠お腹いっぱい。
垢版 |
2017/12/17(日) 16:38:23.98ID:3nj25AfS0
>>50
横からすみません。
私のばあい、これを非表示にしたいのですが、どう書けばいいのでしょう？
具体的には、DuckDuckGo で検索:"xxxxxxx"なのですが、
#contentAreaContextMenu menuitem[label="DuckDuckGo で検索:"]
では消えないのです。 ご教示頂ければ幸いです。
0055名無しさん＠お腹いっぱい。
垢版 |
2017/12/17(日) 18:53:50.96ID:7FSEzQZS0
リンクを右クリックした時に検索の項目が出てきてしまいます。
リンクを右クリックした時には"XXXXXで検索:"のメニューが出てこないようにできますか？
005955
垢版 |
2017/12/17(日) 20:09:28.25ID:7FSEzQZS0
リンク以外で文字列選択した時には消えて欲しくはないのです
006450
垢版 |
2017/12/17(日) 21:08:43.45ID:q1+yHZkg0
これ、CSS知識の詳しい方お願いします。
006750
垢版 |
2017/12/17(日) 22:03:27.17ID:q1+yHZkg0
>>66
すみません、私に対してですよね？
で、どう記述すれば良いのか私には理解できません。
0068名無しさん＠お腹いっぱい。
垢版 |
2017/12/17(日) 22:46:26.88ID:rQx2/6r40
>>67
cssで出来る範囲で複数の順番を替えるには
全てのメニュー、メニューアイテムに
-moz-box-ordinal-group: で番号をつけて並び順を替えないとダメだったと思う
オイラは
-moz-box-ordinal-group:を100以降の大きな数字を使って最下段に並ぶようにした
00693nj25AfS0
垢版 |
2017/12/17(日) 22:52:36.47ID:3nj25AfS0
>>61
>>63
あの〜 私は 7FSEzQZS0 さんとは別人です。
折角大感謝しているのに、誤解されては悲しいので。。
教えて頂いた直後に、まるで同じ質問が書き込まれたので驚いている次第でした。
今後とも宜しくお願いいたします。
0070名無しさん＠お腹いっぱい。
垢版 |
2017/12/18(月) 06:53:06.89ID:rS1nmGgg0
>>68
メニュー、メニューアイテムをどう調べれば？
Googleで検索:"？？？？？"（既定の検索エンジン）で
#jid1-kdtticj6wxvafa_jetpack_sssの部分をどう記述すれば良いのか？
0071名無しさん＠お腹いっぱい。
垢版 |
2017/12/18(月) 07:01:21.29ID:0fdiIcZ30
一から教えないと駄目なスキルのやつはcssイジるのはやめたほうがいいよ
おとなしくデフォで使えばいいのに
0072名無しさん＠お腹いっぱい。
垢版 |
2017/12/18(月) 17:02:33.74ID:VFc5Blpi0
>>71
最初は誰もが1からのスタート。
そのような上から目線で語られるのも出来る人に教えてもらったお陰では？
それらを踏まえてそのような上から目線の言い方はしない方が良いと思う。
0075名無しさん＠お腹いっぱい。
垢版 |
2017/12/18(月) 18:30:48.60ID:0fdiIcZ30
>>72
は？出来る人に教えてもらった記憶はないね
ググって調べたり自分なりに勉強したつもり

お前、教えてやれよ、手取り足取り
0078名無しさん＠お腹いっぱい。
垢版 |
2017/12/18(月) 20:28:09.05ID:vCPVo8na0
>>77
教材ならそこらじゅうに転がってるじゃない
>>1のとほほでも別窓で開いておいてあなたの良く見るページでインスペクタやスタイルエディタ開けばそれだけで学べることは多々あるでしょ
それで足りなきゃ普段見ないようなページに行ってみたりググって見たりすればいいし
0079名無しさん＠お腹いっぱい。
垢版 |
2017/12/18(月) 20:49:45.68ID:0fdiIcZ30
そもそもここは初心者からの質問に答える質問スレじゃないし
善意で回答する人達も少々うんざりしてきている部分もあると思うので
いい機会じゃないかな。


cssは思ったほど難しくはないし、テンプレに貼られているリンク先をはじめ、
自分でググって調べればそれなりに、使えるようになる。
入門的には、.jsなんかよりcssのほうが、はるかに楽だよ。

「消す」「表示させる」「色を変える」みたいなのは
cssの基本中の基本なので、少し覚えさえすれば、こんなところで質問する必要もなくなる。

ちょっと、難しいのは「移動させる」などかな。

あと、なんでもかんでもcssで出来るわけではない
というのは、覚えておいたほうがいい。
0080名無しさん＠お腹いっぱい。
垢版 |
2017/12/18(月) 21:53:46.52ID:VFc5Blpi0
>>75
結構書き込んだりしてるけどな
でも、お前のような上から目線のようなやつと一緒にはされたくないからもうココには来ないよ。
俺もそんなに出来る方ではないが
偉そうな文面書いてる奴ほど実際大したことのない奴が多い。
まぁいつまでも上から目線で頑張るといいよ。ｗ
0082名無しさん＠お腹いっぱい。
垢版 |
2017/12/19(火) 00:57:23.76ID:P4FfEhBi0
言い方はキツイが>>71言ってるのは正論

サポート外の機能にして、開発者の想定外の使い方する訳だから
firefoxを不安定化させるリスク理解したうえで最低限、自分が何をしてるか把握して使用しないと
不具合が起こった時、対処のしようがないよ、本人も、質問される方も

そもそも、まとめブログが蔓延る以前はabout:configやuserChrome.cssなんて
軽量化策やアドオンにない機能を自主的に探さない限りライトユーザーが目にすることはなかったべ
0084名無しさん＠お腹いっぱい。
垢版 |
2017/12/19(火) 06:01:11.91ID:BAhuHEv00
すぐ上から目線、上から目線って言う奴って
外に出たことのない引き篭もりかなにかですか？
社会生活不適格者なんだろうな
可哀想に・・・
0085名無しさん＠お腹いっぱい。
垢版 |
2017/12/19(火) 07:22:42.00ID:FesQ62PF0
答えたくなければ答えなけりゃいいじゃあ〜りませんか。
うん、いい質問だ と思ったものだけにレスすれば？
自然と落ち着きますよ。
ただ、書き込んではいけないと仰る権限はありませぬ。
0090名無しさん＠お腹いっぱい。
垢版 |
2017/12/19(火) 09:53:04.53ID:w+YaoqMU0
あげとくわ
0092名無しさん＠お腹いっぱい。
垢版 |
2017/12/20(水) 02:39:52.34ID:0Hdm1K2v0
ブックマークツールバーの自動表示はありますが
タブバーの自動表示はできますか？

ツリー型タブを使用しているのでタブバーを非表示にしてみたものの、あると便利とたまに思えて
自動表示にできないものかと
タブバーの自動表示のcssのPersonalToolbarをTabsToolbarに書き換えたりしてみたものの、表示が崩れるのみでした
お願いいたします
0095名無しさん＠お腹いっぱい。
垢版 |
2017/12/20(水) 10:09:50.50ID:cKf5i9Ho0
そんなこと言う必要ないだろ、知ってることがあったら教えてあげればいいし
教えたくなければ黙ってればいいそれだけ
0106名無しさん＠お腹いっぱい。
垢版 |
2017/12/21(木) 01:10:26.87ID:WQcXyH2J0
>>103
今前スレ見たらあった
「タブバー」で検索してヒットしないからないとか言ってるんじゃないだろうな
そこらへんは工夫しないと、あるいは1から1000までしらみつぶしに全部読め
0108名無しさん＠お腹いっぱい。
垢版 |
2017/12/21(木) 08:17:08.82ID:/Q+pa9ZW0
ID:0Hdm1K2v0は検索すらせずに「前スレを読みましたが」と言ってるんだろ
検索すればすぐ見つかるんだから
0109名無しさん＠お腹いっぱい。
垢版 |
2017/12/21(木) 08:57:53.58ID:6i/VTmuS0
みんな意地悪言ってるわけではないと思うぞ
css弄るならせめて検索くらいは出来るようになってからの方が良い
0110名無しさん＠お腹いっぱい。
垢版 |
2017/12/21(木) 19:01:00.31ID:wnRPWHeX0
最近Stylishなんか使わずにStylus使えというのをよく見るけど、Stylishは馬鹿な子に成り下がったのん
0114名無しさん＠お腹いっぱい。
垢版 |
2017/12/23(土) 12:50:25.17ID:SDRjE7tC0
最近Tab Sidebarというアドオンを見つけまして使っています
https://addons.mozilla.org/ja/firefox/addon/tab-sidebar-we/

スタイルシートの編集変更ができるためCSSの知識は皆無でしたが
このスレで得た情報やノウハウを基にし
なんとかタブバーのタブの色と同じに
ピン留めしたタブの文字を太く色も変えるまでできました
text-overflow: ellipsisもできました
https://i.imgur.com/NqnYIuS.png

あともう一つだけ変えたいのはellipsisの...ではなく
タブバーのタブと同じように文字をフェードアウトさせたいのです
ここで行き詰っていまして
ヒントだけでも与えて頂けないでしょうか
0115名無しさん＠お腹いっぱい。
垢版 |
2017/12/23(土) 13:10:36.13ID:xzwhcgyJ0
標準のCSSを見ればいいんじゃないの
chrome://browser/content/tabbrowser.css
ざっと見た感じ.tab-label-container[textoverflow]〜mask-image:〜があるブロックが
そうだと思うが左右試すのは本人に任せるね
0116名無しさん＠お腹いっぱい。
垢版 |
2017/12/23(土) 13:19:22.26ID:SDRjE7tC0
>>115
本当にありがとうございます
これを入れるだけでフェードアウトしました <(＿ ＿)>
mask-image: linear-gradient(to left, transparent, black 2em);
0119名無しさん＠お腹いっぱい。
垢版 |
2017/12/24(日) 19:50:04.24ID:ohH/OY6+0
>>117
タブツールバーの高さを調整すれば出来るのでは？
#TabsToolbar { margin-left: -38px !important; min-height: 28px !important; height: 28px !important;}
0124名無しさん＠お腹いっぱい。
垢版 |
2017/12/24(日) 21:53:11.15ID:+kdYc/cA0
どんなcss書いているのか
カスタマイズ画面でタイトルバー、ドラッグ領域、UI密度の設定はどうなのか
情報出さないとダメだろ
0128名無しさん＠お腹いっぱい。
垢版 |
2017/12/24(日) 23:18:58.96ID:+kdYc/cA0
#titlebar-buttonbox-container
#titlebar-buttonbox
.titlebar-button
この辺のheight,padinngを弄れば高さが変わって隙間は消せる
osが7、8、10で違う場合もある
ウインドサイズがnormalかmaximizedか指定する必要もあると思う
0130名無しさん＠お腹いっぱい。
垢版 |
2017/12/25(月) 13:22:12.00ID:swov1hYq0
前スレとは打って変わって凄く雰囲気悪くなったな。
ヌシのような奴は口だけで何もしないようなので素人さんはcss絡みも別スレで聞いたほうが良いぞ。
0131名無しさん＠お腹いっぱい。
垢版 |
2017/12/25(月) 13:34:13.21ID:G8Rf1nT10
こんなのイキってる馬鹿チョンが一匹ID転がして雰囲気壊してるだけだろ。
口調と質問に対する対応がずっと同じ。
そういう奴に限って質問への回答が一切できない。

どうせここで質問して誰も教えてくれなかったのを根に持って荒らしてるんだろ。
0132名無しさん＠お腹いっぱい。
垢版 |
2017/12/25(月) 14:19:21.04ID:swov1hYq0
>>131

そういう態度や言動がここの雰囲気悪くしてるのに気づかないとはな。

哀れなやつだ
0137名無しさん＠お腹いっぱい。
垢版 |
2017/12/26(火) 17:01:40.79ID:zjLVoGZu0
cssで履歴サイドバーの検索ボックスを非表示にしています
#history-panel #search-box {
display: none !important;
}

残った表示のボタンは利用したいので
スクリーンショットの赤丸の位置へ移動させられればと考えてます
どうすれば可能でしょうか
https://i.imgur.com/XSBwsbW.png
0141名無しさん＠お腹いっぱい。
垢版 |
2017/12/27(水) 01:12:25.17ID:Y0dd3Fh30
cssで特定のプロパティ:値を持つ要素をセレクタに指定することって可能ですか？
例えばfont-weight:boldの文字のみをいじったりしたいのですが
0144名無しさん＠お腹いっぱい。
垢版 |
2017/12/27(水) 10:57:31.07ID:6liWeLMw0
ブックマークツールバーをマウスオーバーで自動開閉やつを自分好みに弄ってみた

/*ブックマークツールバーをマウスオーバーで開閉する*/
#navigator-toolbox:not(:-moz-lwtheme) { /* Default テーマ */
background-color : hsl(0, 0%, 78%) !important;
}
#navigator-toolbox:-moz-lwtheme {
background-color : var(--chrome-background-color) !important;
background-image : var(--lwt-header-image) !important;
}
#navigator-toolbox {
position : relative !important;
transition : all 0.3s ease 0s !important;
}
#PersonalToolbar:not([customizing="true"]) {
margin-top : -20px !important;
transition : all 0.3s ease 0s !important;
opacity : 0 !important;
}
#navigator-toolbox:hover {
margin-bottom : -20px !important;
transition-delay : 0s !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
margin-top : 0 !important;
transition-delay : 0s !important;
opacity : 1 !important;
}
0145名無しさん＠お腹いっぱい。
垢版 |
2017/12/27(水) 10:58:46.80ID:Y0dd3Fh30
>>142
やはり無理でしたか
結構調べましたが無理っぽいですよね
htmlで<b>してるなら(b)とかで行けると思うのですがそんなサイトはもうめったにないです
0146名無しさん＠お腹いっぱい。
垢版 |
2017/12/27(水) 14:00:36.97ID:gsrBh6D40
CSSでgetComputedStyleみたいなことはムリとしても
そもそもfont-weight: boldになってるなら、セレクターとしてはなんかしら引っ掛けるところがあると思うが
■ このスレッドは過去ログ倉庫に格納されています
ニューススポーツなんでも実況