userChrome.css・userContent.cssスレ Part7
レス数が1000を超えています。これ以上書き込みはできません。
>>951
お気遣いありがとうです <(_ _)>
以前はアドオンの「FindBar Tweak」を入れてたのですが使えなくなったので
これを機に一念発起してココも見ながら "userChrome.css" の勉強してる最中です
現状は全くの素人ながら少しでも "userChrome.css" の設定になれたらと思い頑張りたいです。
まだまだペーペーですがここのベテランの方にも色々と教えていただきたく
ヨロシクお願いします。 >>956
ツールバーで良いなら
document.getElementById("menubar-items").setAttribute("removable", "true");
var box = document.getElementById("nav-bar-customization-target");
box.appendChild(document.getElementById("menubar-items"));
var box = document.getElementById("nav-bar-customization-target");
box.insertBefore(document.getElementById("menubar-items"),box.childNodes[0]); >>959
ありがとうございます
思い通りになりました!
>>961
わざわざありがとうございます。
ですが、ウィンドの一番左上、タブバーの左側に表示したかったので、>>959さんのを使わせていただきます
中国語が気になるので、できたらMedleyMenuでやってみたかったのですが
やはりタブバーの左上は出来ないんでしょうかね >>962
中国語は翻訳サイトで翻訳して日本語に記述しなおせばいいですよ
アイコンも16×16のを準備し64行目 data:image 以降 SuQmCC までの部分を書き換えれば変更できます
アイコンを文字列に変換するサイトがあります
https://hamayapp.appspot.com/static/data_uri_conv.html
アイコンはこんなサイトからもらって来るとか
http://www.iconarchive.com/show/oxygen-icons-by-oxygen-icons.org.html
アイコン抽出ソフトでFirefox.exeなどから取り出せたりできます
http://www.towofu.net/soft/aicon.php >>963
64行目のアイコンってなんですかね?
SuQmCCまでと書いてありましたが、エディタで検索しても引っかからないので、後回しにして142行目だけアイコンを変更したのですが
一応目に付くアイコンは自分の想像通りのものなのですが、64行目のアイコンだけなんなのか分からなくて
地球のアイコンではないですよね? >>965
またごめん
勘違いしてた
自分64行目も142行目と同じだと思いこんでぱっぱと変更してしまってたんだよね
64行目のはなんなのかわからなかったです
とりあえず良しとしましょうか(´・ω・`) >>965
64行目と142行目の違い分かりました
同じデフォの四角オレンジFirefoxアイコンなんですが
64行目のは16×16
142行目のは32×32のアイコンでした
32×32のアイコンがどこで使われているのかはまだ不明です
こちらのData URI Scheme逆変換できるサイトで確認できます
http://jsdo.it/blades/datauriplayground お前らいい加減他スレでやり取りしてくれ
度が過ぎるぞ
ここはuserChrome.css・userContent.cssスレ すみませんでした
もうここでjsのことはやりません >>968
すみませんでした
>>969
長々とスレチでお付き合いさせてしまってどうもすみませんでした
そしていろいろありがとうございました まっそう気にするなって…
. ∧__∧
( ´・ω・)∧∧l||l >>969-970
/⌒ ,つ⌒ヽ )
(___ ( _)
"''"" "'゙''` '゙ ゙゚' ''' '' ''' ゚` ブックマークのフォルダに色付けなんてのはありますか? 読み込み中のアニメーションを変更したくて
手始めにsvgを外部に移動しようと次のようにしましたが
色が黒になってしまいます
元のように色が変わるようにはできないんでしょうか
browser.cssの記述から元のファイル(chrome://browser/skin/tabbrowser/loading.svg)を見つけて
プロファイルフォルダ内chrome/img/に保存
userChrome.cssに下記のみを記述
:root[sessionrestored] .tab-throbber[busy]::before {
background-image: url("./img/loading.svg") !important;
} どうしたいのかわからないが
:root[sessionrestored] .tab-throbber[busy]::before { fill: red !important;}
もしくは
:root[sessionrestored] .tab-throbber[busy]::before {
background-image: url("chrome://browser/skin/tabbrowser/loading.svg") !important;
fill: red !important;
}
じゃないか chrome://browser/skin/tabbrowser/loading.svgを使いたいわけではなく
svgファイルは自分で用意するつもりですが
テストのために同じソースのものを外部に保存して使用しました
デフォルトではタブがアクティブかどうかで色が変わりますよね
ですが外部ファイルを指定すると黒で描画されてしまうのです
:root[sessionrestored] .tab-throbber[busy]::before {
background-image: url("./img/loading.svg") !important;
fill: red !important;
}
これでも黒でした
svg自体に色指定せずに済むならその方法があればと思ったのですが じゃあ最初からはっきりそう書けよ
不毛なレスさせるな フルスクリーン表示ではサイトのコンテンツが画面いっぱいに広がり
マウスで移動で上辺にヌルヌルとツールバーがプルダウンする
これをアプリケーションウィンドウのままでも実現する
トグルキー操作とアイコンクリック仕掛けは、まだ、なのかな? >>980
自分も前に同じとこで詰まった
svg.context-properties.content.enabledをtrueにすれば大丈夫
詳しくはここのNote参照
-moz-context-properties - CSS | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/-moz-context-properties >>983
解決しました。ありがとうございます
デフォルトだと制限がかけられてるんですね
他の方もレスサンクスでした #searchbar .autocomplete-history-dropmarker {
display: -moz-box !important;
-moz-binding: url("chrome://global/content/bindings/autocomplete.xml#history-dropmarker");
}
ダークテーマだと矢印ほとんど見えなくなるね >>984
設定変えても良いだろうけどCSSでfillが効かないやつに
-moz-context-properties: fill !important;
追加しても駄目? /* タブコンテキストメニューから各種不要要素を消す */
#context_reloadTab,
#context_toggleMuteTab,
#context_tabViewMenu,
#context_openTabInWindow,
#context_reloadAllTabs,
#context_closeTabsToTheEnd,
#context_closeOtherTabs,
#context_undoCloseTab,
#context_closeTab{
display: none !important;
}
既出かもしれませんがUPさせていただきます。
ピン止め以外は殆ど利用しない項目が多いので思い切って処理。
おかげでスッキリさすことができました <(_ _)> userChrome.js依存のものはいらんのではないか スレも終わりに近づいていますけれども
ハンバーガーボタンを本物に置き換えているのですが
ボタンの幅が大きくなっていまして狭くできたらと思うのですが
可能でしょうか?
スクリーンショットです
https://i.imgur.com/j6DwWNh.png
cssです
/* ハンバーガーボタンを本物に */
#PanelUI-menu-button > .toolbarbutton-badge-stack{
list-style-image:none;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack:before{
content:"\1F354";
font-size:19px;
line-height:12px;
} >>996
#PanelUI-menu-button > .toolbarbutton-badge-stack > .toolbarbutton-icon { display: none !important;} >ハンバーガーボタンを本物に置き換えているのですが
唐突すぎてワラタ >>998
ありがとうございます
幅が狭くなりました(*´ー`*)
1000ゲットです このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 32日 6時間 7分 23秒 レス数が1000を超えています。これ以上書き込みはできません。