userChrome.css・userContent.cssスレ Part8

●前スレ
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/

Quantom の新 UI 決して悪くないとは思うんだけど (少なくともAustrailsよりはマシ)
結局、皆様に助けて頂いて、CTR と Menu editor に頼っていた 56以前の UI に戻すことができました。
誠に皆様、有難うございました。
あと、旧アドオンで欲しいのは Rstart と Tab Replace だけ。

ロケーションバーにある、星マークのこのページをブックマークに追加しますを非表示にはできないでしょうか？

>>30
星を右クリックすればアドレスバーから削除のメニューが出る

>>30
右クリック削除

>>30
・・・ から出来ませんか？

>>33
ゴメン、でしゃばり過ぎた。

みなさんありがとう。
ずっとカスタマイズからやろうとしてました
無事星マーク削除できました！

わいはcssで消しとるで
.urlbar-history-dropmarker /* ∨ */
#pageActionButton /* … */
#star-button-box /* ☆ */
#PanelUI-button /* ≡ */

ブックマークツールバーをマウスオーバーで自動開閉するようにしてるのですが・・・


/* ブックマークツールバーをマウスオーバーで自動開閉　*/
#PersonalToolbar:not([customizing="true"]) {
max-height:1px !important;min-height:1px !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
max-height:30px !important;
}


その時に開いてるページもチョロチョロとブックマークツールバーと一緒に上下に動いたりするんです。
ページを動かさず、ブックマークツールバー "だけ" を自動開閉するように出来ませんか？

教えていただけたらありがたいです、ヨロシクお願いします <(＿ ＿)>

ワロタ

>>37
#PersonalToolbar{
position: fixed !important;
padding: 3px 2px !important;
height: auto !important;
width: 100%;
transform: translateY(-100%);
transition: transform 0.3s ease 1s!important;
}
#PlacesToolbarItems { max-width: 1920px !important; width: 1690px !important;}
#main-window[sizemode="maximized"] #navigator-toolbox:hover #PersonalToolbar
{ transform: translateY(0); transition: transform 0.3s ease 0s!important}

こっちだ
#PersonalToolbar:not([customizing="true"]) {
position: fixed !important;
padding: 3px 2px !important;
height: auto !important;
width: 100%;
transform: translateY(-100%);
transition: transform 0.3s ease 1s!important;
}
#navigator-toolbox:hover #PersonalToolbar:not([customizing="true"]){
　transform: translateY(0); transition: transform 0.3s ease 0s!important；
}

userstyles.orgやべえ事になってるな
Recent Updateの2ページ目を開くと画面が赤くなって変な悲鳴みたいな音が大音量で響き渡る

Recently Updatedだったけどまあ通じるよな
左側のメニューのやつな

音は流れなかったが背景血しぶき怖ひ

>>41-43
11月3日に管理者に通報しましたが、修正されていないようです

すでにフォーラムで脆弱性の詳細が公表されているので、アカウントを持っている方向けの乗っ取り対策を書いておきます

1. パスワードを変更する
2. ログアウトする
3. ブラウザのパスワードマネージャからuserstyles.orgのパスワードを消去する
4. Firefox Multi-Account Containersをインストールし、userstyles.org用のコンテナを作成する
5. 今後ログインを行う際は、用意したコンテナを利用し、そのコンテナではuserstyles.orgの自分のアカウント・スタイルページ以外を開かない

>>39
>>40

ご教授ありがとうございました <(＿ ＿)>
とりあえず自分の環境に適応させては見たのですが・・・

自分がダーク系のスキンを使ってるせいなのか、各種設定のせいかはわからないのですが
通常でブックマークツールバーの文字が上のURLバーに薄く浮き上がった状態になり
ポインターをURLバーに載せると1〜2秒ほどたって降りてくる・・・そんな状態です。
※ココでの画像の貼り方がわからないので文章にしました、わかりにくくてスミマセン

基本ソースを教えてもらったので、これを元に色々と自分の環境に合わせれるようにいじってみます。

お手数おかけしてありがとうございました <(＿ ＿)>

ContextSearch web-extをコンテキストメニューのトップに位置したい。
どう記述すれば良いの？

メニューのid調べて-
moz-box-ordinal-group: 0;
するんだったかな
idがxxxxx_1〜9
的なランダム数字の場合xxxxx_部分で指定する方法が分からないわ
その時はclass指定したけど

ロケーションバーのアイコンの間隔を詰める事ってできないですかね？

>>47
自己解決した
ワイルドカード使えるのね

文字列選択時、コンテキストメニューのGoogleで検索:"？？？？？"をトップへ
Swift Selection Searchを二番目に表示させたいのですが、CSSで出来ませんか？
なお、Swift Selection Searchをトップに位置するのは下記で出来てます。
/*** コンテキストメニューSwift Selection Searchを一番上へ ***/
#jid1-kdtticj6wxvafa_jetpack_sss {
-moz-box-ordinal-group: 0 !important;
}

groupの数字が優先順位なので適当に弄る
個々指定しないとダメだったはず

>>50
横からすみません。
私のばあい、これを非表示にしたいのですが、どう書けばいいのでしょう？
具体的には、DuckDuckGo で検索:"xxxxxxx"なのですが、
#contentAreaContextMenu menuitem[label="DuckDuckGo で検索:"]
では消えないのです。 ご教示頂ければ幸いです。

>>52

#context-searchselect {
display: none !important;
}

>>53
消えました！！
大変有難う御座いました。
Thank You very much !
Danke vielmals !
Merci beaucoup !

リンクを右クリックした時に検索の項目が出てきてしまいます。
リンクを右クリックした時には"XXXXXで検索:"のメニューが出てこないようにできますか？

>>55
つ>>53

もし、>>53でも消えないようなら、完全におま環

>>55
/* コンテキストメニュー項目削除 */
#context-searchselect,/* xxxxxで検索 */

かぶった

リンク以外で文字列選択した時には消えて欲しくはないのです

>>59
https://egg.5ch.net/test/read.cgi/software/1511338730/514

質問者のレベルが酷すぎるわ
後出しもいいとこ

ID:7FSEzQZS0

>>60
ありがとう

>>62
次からコテハンで頼む
ロックするから

これ、CSS知識の詳しい方お願いします。

>>60
#context-copylink:not([hidden]) ~
は要らんような気がするがワイの妄想か…

一応丁寧ではないけど回答したのに少し悲しい

>>66
すみません、私に対してですよね？
で、どう記述すれば良いのか私には理解できません。

>>67
cssで出来る範囲で複数の順番を替えるには
全てのメニュー、メニューアイテムに
-moz-box-ordinal-group: で番号をつけて並び順を替えないとダメだったと思う
オイラは
-moz-box-ordinal-group:を100以降の大きな数字を使って最下段に並ぶようにした

>>61
>>63
あの〜 私は 7FSEzQZS0 さんとは別人です。
折角大感謝しているのに、誤解されては悲しいので。。
教えて頂いた直後に、まるで同じ質問が書き込まれたので驚いている次第でした。
今後とも宜しくお願いいたします。

>>68
メニュー、メニューアイテムをどう調べれば？
Googleで検索:"？？？？？"（既定の検索エンジン）で
#jid1-kdtticj6wxvafa_jetpack_sssの部分をどう記述すれば良いのか？

一から教えないと駄目なスキルのやつはcssイジるのはやめたほうがいいよ
おとなしくデフォで使えばいいのに

>>71
最初は誰もが1からのスタート。
そのような上から目線で語られるのも出来る人に教えてもらったお陰では？
それらを踏まえてそのような上から目線の言い方はしない方が良いと思う。

CSSの基礎すら理解する気ないやつばっかじゃん

過去ログ読むなりググったりしてれば1から3くらいにはなってるよ

>>72
は？出来る人に教えてもらった記憶はないね
ググって調べたり自分なりに勉強したつもり

お前、教えてやれよ、手取り足取り

1からのスタートも何も
全部質問して答え待ちじゃスタートラインに立ってさえいない

基礎で良いから勉強したい
正規表現とかも

>>77
教材ならそこらじゅうに転がってるじゃない
>>1のとほほでも別窓で開いておいてあなたの良く見るページでインスペクタやスタイルエディタ開けばそれだけで学べることは多々あるでしょ
それで足りなきゃ普段見ないようなページに行ってみたりググって見たりすればいいし

そもそもここは初心者からの質問に答える質問スレじゃないし
善意で回答する人達も少々うんざりしてきている部分もあると思うので
いい機会じゃないかな。


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

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

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

あと、なんでもかんでもcssで出来るわけではない
というのは、覚えておいたほうがいい。

>>75
結構書き込んだりしてるけどな
でも、お前のような上から目線のようなやつと一緒にはされたくないからもうココには来ないよ。
俺もそんなに出来る方ではないが
偉そうな文面書いてる奴ほど実際大したことのない奴が多い。
まぁいつまでも上から目線で頑張るといいよ。ｗ

な、age厨だろ

言い方はキツイが>>71言ってるのは正論

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

そもそも、まとめブログが蔓延る以前はabout:configやuserChrome.cssなんて
軽量化策やアドオンにない機能を自主的に探さない限りライトユーザーが目にすることはなかったべ

上から目線だろうが、なかろうが、やる奴はやる

すぐ上から目線、上から目線って言う奴って
外に出たことのない引き篭もりかなにかですか？
社会生活不適格者なんだろうな
可哀想に・・・

答えたくなければ答えなけりゃいいじゃあ〜りませんか。
うん、いい質問だ と思ったものだけにレスすれば？
自然と落ち着きますよ。
ただ、書き込んではいけないと仰る権限はありませぬ。

>>85
昨日のage厨？

>>86
違います

>>87
引き篭もりさんですよね？

>>88
違います

あげとくわ

目に余るような質問も、それに対する煽りもスルー

ブックマークツールバーの自動表示はありますが
タブバーの自動表示はできますか？

ツリー型タブを使用しているのでタブバーを非表示にしてみたものの、あると便利とたまに思えて
自動表示にできないものかと
タブバーの自動表示のcssのPersonalToolbarをTabsToolbarに書き換えたりしてみたものの、表示が崩れるのみでした
お願いいたします

前スレぐらい嫁

もう質問禁止でええやろ
ダブった質問の繰り返しばっかりやし

そんなこと言う必要ないだろ、知ってることがあったら教えてあげればいいし
教えたくなければ黙ってればいいそれだけ

依頼心の強そうな書き込みは無視してる

スルーできてないし無視もできてないんだがｗ

いかにもアホな質問来たら
スルーしないで徹底的に叩いたほうが本人の為かもな

前スレの優しかったお前らは一体どこへ行ってしまったのか

5chは匿名掲示板です

>>92

>>32 から少し読んでいけばあるよ。

>>101

ごめん、>>37 でした。

>>93
前スレを読みましたが
タブバーの自動表示はありませんでした
実のところは無理なのでしょうか？

>>103
おまそう

>>103
>タブバーの自動表示はありませんでした

あったよ

>>103
今前スレ見たらあった
「タブバー」で検索してヒットしないからないとか言ってるんじゃないだろうな
そこらへんは工夫しないと、あるいは1から1000までしらみつぶしに全部読め

ここは
”上手なインターネット検索の仕方”
スレですか？

ID:0Hdm1K2v0は検索すらせずに「前スレを読みましたが」と言ってるんだろ
検索すればすぐ見つかるんだから

みんな意地悪言ってるわけではないと思うぞ
css弄るならせめて検索くらいは出来るようになってからの方が良い

最近Stylishなんか使わずにStylus使えというのをよく見るけど、Stylishは馬鹿な子に成り下がったのん

Stylishは売り払われた
Stylusは元Stylishの開発チーム

おｋ、後継はStylusなのね

Userstyle xss vulnerable - forum.userstyles.org
https://forum.userstyles.org/discussion/62385/userstyle-xss-vulnerable
https://twitter.com/esperecyan/status/944149870771716097

最近Tab Sidebarというアドオンを見つけまして使っています
https://addons.mozilla.org/ja/firefox/addon/tab-sidebar-we/

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

あともう一つだけ変えたいのはellipsisの...ではなく
タブバーのタブと同じように文字をフェードアウトさせたいのです
ここで行き詰っていまして
ヒントだけでも与えて頂けないでしょうか

標準のCSSを見ればいいんじゃないの
chrome://browser/content/tabbrowser.css
ざっと見た感じ.tab-label-container[textoverflow]〜mask-image:〜があるブロックが
そうだと思うが左右試すのは本人に任せるね

>>115
本当にありがとうございます
これを入れるだけでフェードアウトしました <(＿ ＿)>
mask-image: linear-gradient(to left, transparent, black 2em);

すみません、タブの下にできる数pxの隙間はどうにかなくせないものでしょうか？
どうぞ宜しくお願いします
https://dotup.org/uploda/dotup.org1420476.png

理想
https://dotup.org/uploda/dotup.org1420478.png

地雷臭がするな

>>117
タブツールバーの高さを調整すれば出来るのでは？
#TabsToolbar { margin-left: -38px !important; min-height: 28px !important; height: 28px !important;}

56で使ってたcssをそのまま57に使っているんだろ

ありがとうございます
.tabbrowser-tabs {
min-height: 22px;
max-height: 22px;
}
で出来ました

>>120
だいたいそんな感じです^^;

また問題が。。。
ポインターをタブに持ってくと一番上にまた数px隙間があって
選択しづらくて困ってます
https://dotup.org/uploda/dotup.org1420559.png

な、地雷だったろ？
スルーして正解やったわ

このくらいで地雷認定とかどこの無菌室で生きてるんだろ？
ミジメな奴がいるなｗ

どんなcss書いているのか
カスタマイズ画面でタイトルバー、ドラッグ領域、UI密度の設定はどうなのか
情報出さないとダメだろ

>>124
それな
後出しの地雷臭プンプンするわ

https://dotup.org/uploda/dotup.org1420649.zip

コピペで継ぎ接ぎがひどく余計な記述もあると思います

UI密度はコンパクトです
https://dotup.org/uploda/dotup.org1420657.png

お手数おかけします

他人にお手数かける前に過去ログくらい嫁

#titlebar-buttonbox-container
#titlebar-buttonbox
.titlebar-button
この辺のheight,padinngを弄れば高さが変わって隙間は消せる
osが7、8、10で違う場合もある
ウインドサイズがnormalかmaximizedか指定する必要もあると思う

ウイルス入りのZIPファイル
ばら撒くのはやめて欲しい