userChrome.css・userContent.cssスレ Part7
レス数が950を超えています。1000を超えると書き込みができなくなります。
そもそもタイトルバー自体非表示だから
それ、いらない 晒せと言われて晒したら
いらないと言われてかわいそうw いらないと思うなら黙っていればいい
誰かがCSSを貼るたびに「俺はそれいらない」と言っててもしかたない ツールバー開閉を否定してる人も多いが
解像度の低いノートpcを使ってる人は重宝する
全画面表示の時だけ動作するように
#main-window[sizemode="maximized"]
を追加して使っている Firefox 57.0.2
検索バーの履歴が5件しか表示されなく、スクロールが面倒なので10件ほどに出来ませんか? >>862
自分は>>835の方法でやっていて14個表示される(その記述のどこでそうなっているのかは俺にはわからない)
試しに>>835の記述を消してみたら10個表示になった
5個表示になってるのは何か入れているせいなのかもしれない 質問です <(_ _)>
選択されてないタブの色
リンクで開いたけどまだ見てないタブの色
これらを設定する方法を知ってる方いますか?
いたら教えてほしいです。 >>864
自分も試してみた所、10個でした。
確かにどこかの設定かも知れませんね >>863
レス、ありがとう。
Search Bar Show Engine NamesというCSSでエンジン名を表示しているためでした。
数値を5から15にしたらOKでした。 >>865
こういうことのできるcssはありました
未読タブのタイトル文字色を変更する
タブ復元時にまだ読み込まれていないタブを半透明化する
http://obakaz.com/2015/01/firefox-tab-css/
色はデフォで赤ですがcolor: red のredを変えれば好きな色に変更できます
タブの半透明化も opacity: .7; の数字変更で変えれます
色名はここのサイトなんかわかりやすくていいですよ
https://www.color-sample.com/ userChrome.cssの使用率調べるようになったらしいから使ってるやつはテレメトリ無効にするのやめとけよ
userChromeまで使えなくなったら終わるわ 入れ込むユーザーがいて、その周りにユーザー層が広がる
そんな核となるだろうユーザー面々の興味をそいだら、周りのユーザー層まで去る
統計なんて話で括れる現象ではない 使用率によって廃止するかどうか決めようという話では無い
XUL廃止は確定事項でどんなに使用率が高くてもXULが廃止されたら使えなくなるんだから 自分的にはFirefox57はuserChromeで楽しむものと化してる。
userChromeまで使えなくなったらVivaldiに行くわ。
サーチバーを昔のやつにする方法ある? Firefoxが技術的な対話データを〜ってやつにチェック入れとけばいいん? >>816
userChrome.jsは標準機能じゃないだろ。
userChrome.jsを使う上で前提になるgeneral.config.filenameのテレメトリはもう取ってる
https://bugzilla.mozilla.org/show_bug.cgi?id=1226616 >>868
ありがとうございます、助かります。
半透明と言うか・・・すべて開いた後の複数のタブで
開いてないその他のタブの色は上手く出来ないのですが
開く前のタブの色(赤色)はまさにそれをしようと思ってたのでホントありがたいです。
御礼申し上げます <(_ _)> 豆腐さんの多段タブを使ってる時に、新規タブが一切開けなくなる現象は自分だけですかね?
ブラウザ起動から30分以上経過、ポップアップをブロックしてる がトリガーになってる気がしないでも無い・・・
タブ絡みで関係ありそうなのはOpenNewTab.uc.jsと拡張の「新しいタブでリンクを開く」をfx57.0.2で導入しています
再起動で直るけど不便なのでよろしくお願いします >>879
多分OpenNewTab.uc.jsの方
先日試したらお気に入りの新規タブが開かなくなったり、ページ移動が強制的にカレントタブになるバグあったと思う >>878
半透明になるのは起動時に複数タブ開いててアクティブになってないタブ
ブラウザが読み込みを保留(pending)している
リンクとかで開いたものはブラウザが読み込みにいってるので半透明にはならない >>881
たしかにそういう設定してます・・・納得できました
ご指摘ありがとうございました <(_ _)> >>855
このCSSはFrefox45にぴったりだわ、少し数字弄る必要あったけど
タイトルバーを非表示にしないと、たとえば5chの速報headlineがクリックしてウィンドウが最大化して
開かないバグがあるから
タブは使わずCRTで旧来通りのウィンドウ使いなんで >>855
ありがたいけど不満を言えばFirefoxアイコンとタイトルバーとバーの青色の上下位置の
バランスが思うようにならんところかな >>883
カソード・レイ・チューブ?どうやってPCと接続してんの、D端子とか付いてるやつかな?
と訊こうとしたけどCTRの事か; >>885-886
アイコンを背景画像にしたら文字とそれぞれ個別に位置指定できた
うちの環境ではとりあえずウィンドウ最大化状態なら
カスタマイズの画面でタイトルバーのチェックをオンオフしても全く同じ座標にできた
/* 偽タイトルバー領域にページタイトルを表示 */
#main-window[tabsintitlebar]::before {
position: absolute;
margin: -20px 0 0 0;
padding: 2px 130px 0 23px;
width: 100%;
height: 18px;
font-size: 12px;
overflow: hidden;
content: attr(title);
background: url("chrome://branding/content/icon16.png") no-repeat fixed 2px 5px;
display: inline-block;
vertical-align: baseline;
} 多段タブ色々ある中から自分用に必要な部分だけ不具合出ないようにつぎはぎしてみた
段数制限しないでタブバーにタブ以外表示させないなら結構短くなるね
/* 多段タブ */
:root {
--multirowtab-height: 24px; /* タブの高さ */
--multirowtab-width: 113px; /* タブの横幅 */
}
.tabbrowser-arrowscrollbox scrollbox,
.tabbrowser-arrowscrollbox scrollbox > box {
display: block !important;
overflow: visible !important;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
overflow: auto !important;
}
.tabbrowser-tab {
vertical-align: top !important;
height: var(--multirowtab-height) !important;
}
.tabbrowser-tab:not([pinned]) {
width: var(--multirowtab-width) !important;
}
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--multirowtab-height) !important;
} マルチスマソ
検索バーをタブバーと同じ段に移動させたとき検索バーの幅が長くなりすぎるのを調節するのって
#nav-bar,
#nav-bar-customization-target {
ma-width: 300px !important;
}
これではダメだったから助言頼む 最新版は検索バーからショートカットキー検索が使えなくなってしまったので
検索バーは消してロケーションバー一本にしようか試行錯誤しています
ロケーションバーに検索履歴を見られるようにする↓ボタンをつける事は難しいのでしょうか >>892
.urlbar-history-dropmarker {
visibility:visible !important;
} >>892
すみません、>>895は不完全でした。
以下のコードに訂正。
.urlbar-history-dropmarker {
visibility:visible !important;
}
#nav-bar:not([customizing="true"]) > #nav-bar-customization-target > #urlbar-container:not(:hover) > #urlbar:not([focused]) > .urlbar-textbox-container > .urlbar-history-dropmarker {
opacity:1 !important;
} .searchbar-textbox {
min-width: 380px !important;
max-width: 380px !important;
にしたらタブが一番右にいってしまいました
何が足りないでしょうか? >>897
#searchbar {
min-width: 380px !important;
max-width: 380px !important;
} 現在このような状態です
http://uproda.2ch-library.com/982245izs/lib982245.jpg
赤枠のところがすっぽり空いてしまっています。ちなみに左のホームボタンもこちらに移動できません。 現在のCSSの設定
/* 多段タブ設定 */
#titlebar-buttonbox {
vertical-align: top !important;
display: block !important;
}
.tabbrowser-arrowscrollbox scrollbox {
overflow: visible !important;
}
.tabbrowser-arrowscrollbox scrollbox > box {
display: block !important;
}
/* タイトルバーの縦幅・高さ */
toolbarbutton.titlebar-button {
min-height: 31px !important;
}
/* タブバーの横幅・長さ */
.tabbrowser-tabs {
margin-right: -41px !important;
}
/* タブの幅・高さ */
.tabbrowser-tab:not([pinned]) {
min-height: 32px !important;
max-height: 32px !important;
}
.tabbrowser-tabs .tabbrowser-tab {
vertical-align: top !important;
-moz-box-sizing: border-box !important;
min-height: 32px !important;
max-height: 32px !important;
} /* 新しいタブボタン */
.tabs-newtab-button {
vertical-align: bottom !important;
height: 30px !important;
}
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
border-top-width: 0 !important;
}
#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 2 !important;
}
#TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
}
/* 検索バーの幅変更 */
#searchbar{
min-width: 380px !important;
max-width: 380px !important;
}
としています。 >>899
Firefox57で検証済み。
おマカンでしょう。
>>900
余計なコードを記述しすぎておかしくなっている可能性大。
>>897だけ記述して、余計なコードは全て削除。
それで駄目なら、自分が書いた全てのコードをここに書き出さないと検証不可能。 下のような形で使っている
ブックマークツールバーは隠してマウスオーバーで表示される
これでも、サイトの表示領域が縦が低くのは否めない
全画面で表示ではまずい場面があるので
全画面表示と同じように、アプリケーションウィンドウを同じようでありたい
キー打鍵のトグルスィッチとアイコンがあると助かる
全画面モードの時の様にツールバーがヌルヌルと降りてこなくても良いけど
降りてくると、もっとよい
なかなか出てこないなぁ
1) https://i.imgur.com/puj5xOX.png
2) https://i.imgur.com/BgdQRqo.png Firefox57からサイドバーの背景色が白色になったけど。
これを56以前のようにブックマークツールバーと同じ色に戻したので、おすそ分けします。
尚、Firefox57でテーマをデフォルトで使用している人向けです。
/* Firefox57 サイドバーの背景色をブックマークツールバーと同色にする*/
#sidebar-box {
background-color: var(--toolbar-bgcolor) !important;
} >>903
#searchbar{
min-width: 380px !important;
max-width: 380px !important;
}
これだけ記述しても特に変わりはなかった。
ただタブがアドレスバーの上にいっただけだった。 >>896
すいません、57.0.2でuserchrome.cssに書き込んだのですがうちの環境でも表示されません
まっさらなプロファイルで試してcssだけ入れても駄目でした >>908
はい
.searchbar-textbox {
max-width: 380px !important;
} あやっぱ駄目だわ
ウチの環境でもサーチバーの右にでかい空白できるわ >>914
新規プロファイルでやったら普通に表示された
お互いおま環のようだぞ >>914
これはどうですか?
#search-container {
min-width: 380px !important;
} やっぱ行けたと思ったら
既に書かれてた
役立たずですまんな >>916はmaxじゃなくてminだからじゃね
#search-container{
min-width: 380px !important;
max-width: 380px !important;
}
ウチはこれでいけたが
好みでmin-width消したり値小さくしたりしたらいいんじゃないか >>919
タブいっぱい出したまま試したのでminだけで行けたつもりでいましたw
最小値の固定だけだったみたいですw
maxで固定しないと横幅無制限みたいですねw 枠の幅変更はURLバーでちょっとやってたけどmaxmin両方設定してもブラウザの大きさ変えると挙動がちょっと変なので俺は弄るのやめちゃったな >>919
いけました!ありがとうございます
ついでで申し訳ないんですがその右にホームボタンを置こうと思って
margin-right: 20px などを指定してみたんですがこれは置けないのでしょうか? >>922
ホームボタンてカスタマイズで移動できるんじゃ >>910
>>925
いえいえ、お役に立てたら幸せです。
お粗末さまでした。 Stylusと拙作のUserCSSManagerを追加し、UserCSSLoaderのタイトルとuserstyles.orgのURLを微修正しました >>907
これ文字色も一緒にできないでしょうか? >>888
margin: -23px にして color: #fff !important; 追加して
/* 各種バーの並び順(タイトルバーが最上段と明示) */と
/* 偽タイトルバーの配置 */の
#main-window[tabsintitlebar] #titlebar {
margin-bottom: 4px !important;
height: 20px !important;
}
#main-window[tabsintitlebar] #titlebar-buttonbox {
height: 19px !important;
}
の3種でほぼ解決したわありがとう >>933
テーマをDarkでつかってるんですが
>>907で背景色がDarkになったのは最高なんですが
字が黒色で見にくいんです
なんとか白色とかに変更したいのです ドラッグ領域の縦幅を変更するにはどうすればいいですか? >>934
#sidebar-box {
background-color: var(--toolbar-bgcolor) !important;
color: #00ffff !important;
}
.sidebar-placesTree {
color: #00ffff !important;
}
934さんの環境でどう見えるかわからんけど
白文字じゃなくてシアンにしてみた #viewButton の color も変更が必要だった
フォルダの色とかテキストボックスと文字色とかは
ブラウザーツールボックス使って余裕がある時に頑張ってみてください >>936
ありがとうございます、見やすくなりました
これで十分満足ですm(_ _)m >>934
自分はデフォルトでないテーマに >>907 に教えていただいたのを書き込んだら
半透明化しました
もともとサイドバーもポップアップ化してるので、むしろこの方が便利で重宝してます。
>>907 さん、感謝です! <(_ _)> /* ページ内検索バーを上に*/
findbar {
-moz-box-ordinal-group: 0 !important;
margin-top: -1px !important;
transition: none !important;
}
ココまでは何とか出来たとして・・・
ページ内検索バーの入力窓(?)が左にあるのが不便なので
何とか右に移動させたいのですが誰かご存じの方いますか?
良ければ教えていただけたらアリがたいです <(_ _)> >>940
「ページ内検索バーをChrome風にする.css」
ページ内検索バーを右上に持っていきます
URLがNGになるので
ページ内検索バーをChrome風にする.css でgoogle検索すれば見つかります
お仕着せっぽいですが
以下のもあるとけっこう便利です
global_FindTerm.uc.js
ページ内検索バーに表示される「Find」を右クリックするとページ内検索バーの文字列が消去される
https://github.com/alice0775/userChrome.js/blob/master/global_FindTerm.uc.js
toggleFindbar by DoubleClick.uc.js
ダブルクリックで検索バーをトグル
ページ領域をダブルクリックでページ内検索バーの開閉をトグル
closeOnly = true → 閉じる機能のみ
closeOnly = false → 開閉機能を両立
https://u6.getuploader.com/script/download/1286
toggle-findbar.uc.xul
Ctrl+Fでページ内検索バーをトグルする
https://oflow.me/archives/256 >>941
ご丁寧にありがとうございます <(_ _)>
「uc.js」も早速試させていただきます。 「ページ内検索バーをChrome風にする.css」
なんかボテっとしてるんでいじってみた
findbarに追加 (ちょっと細く)
height: 30px !important;
findbar-textboxを変更 (文字ちょっと小さく)
font-size: 15px !important; >>935,944
#TabsToolbar { padding-top: 18px !important;}
数値は自分で調整して デフォ値8くらいかな
いくらなんでも狭すぎじゃない?
15でChromeと同等かな >>940
Find in Searchbar Highlight.uc.js
これでページ内検索バー不要かも タブの左にわざわざドラッグ領域確保されてるんだからそこ掴めばいいじゃない >>949
そうですね
2008年のものなのでみなさんご存知かも知れませんが
アイコン化の方をアイコン変更して利用してました
メニューバーを寄せ集める
http://d.hatena.ne.jp/Griever/20081215/1229353082 userChrome.jsは確かに便利だけどスレの住み分けをしてほしい >>954
これ入れてみたのですが、ロケーションバーの左側ではなく、タブバーの左側に移動させる事はcssではできませんか? レス数が950を超えています。1000を超えると書き込みができなくなります。