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

2015/08/07(金) 23:59:01.64

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

**943** · 2017/10/29(日) 15:01:58.12

>>964,>>965
ありがとうございます、理想通りの見た目になりました

**名無しさん＠お腹いっぱい。** · 2017/10/29(日) 19:06:26.21

stylishのcssをuserChromeとuserContentに分けてChromeフォルダに入れstylish内の各スタイルは全部削除したんだけど
通信プロトコルでアドレスバーの色が変わるようにしてるスタイルがsytlishを有効にしておかないと上手く機能しない
sytlishを有効
http 色変る(指定した色になる
https 色変る(指定した色になる
ftp 色変る(指定した色になる

sytlishを無効
http 色変わらない(薄グレーのまま
https 色変る(指定した色になる
ftp 色変わらない(薄グレーのまま

これってstylishがuserChrome.cssを読みに行ってるのかな？？
css分からなくて拾ってきたの繋ぎ合わせて使ってるんだけどstylish無しで使えるようにしたいです

**名無しさん＠お腹いっぱい。** · 2017/10/29(日) 19:45:17.94

Stylishってルート要素になんか情報付け足してたし
そういうStylish依存のセレクターがあるとかじゃねえの

**名無しさん＠お腹いっぱい。** · 2017/10/29(日) 22:35:35.34

>>968
やっぱりそんなのがあるんですか
#main-window[stylish-url は胡散臭くてググってみたのですがよく分からずじまいでした

stylishの時はこれで動いていたのですが
https://pastebin.com/4KeFmARX
解る方いましたらご指南くださいませ

**名無しさん＠お腹いっぱい。** · 2017/10/30(月) 08:55:31.34

>>969
ご指南も何も >>968 さんが正解だしてくれてる。
属性セレクタ指定に使われてる「stylish-url＾＝」を
通常の正規表現「url＾＝」に置き換えれば動くはず。
その他にも”stylish”を含む箇所をチェックするのは言うまでもなく。

**名無しさん＠お腹いっぱい。** · 2017/10/30(月) 12:18:54.88

わざわざ#main-windowにstylish-urlなんて属性追加してるくらいなのに
単純に置き換えただけで動作するとは思えんね

**名無しさん＠お腹いっぱい。** · 2017/10/30(月) 13:18:22.92

>>971
コードをざっと見た感じセレクタ別にbackground色と
list-style-image指定してる程度なので大丈夫だろうと思ったんだけど…
確かに"動くはず"はまずかった；ので心配になって確認してみた。動いた。

**名無しさん＠お腹いっぱい。** · 2017/10/31(火) 21:19:57.43

ルート要素にurl属性はないし
セレクターの話でプロパティーを見て大丈夫と判断する理由も
正規表現という言葉をなぜそこで使ったのかもわからない

**名無しさん＠お腹いっぱい。** · 2017/11/01(水) 04:17:43.37

pawooの画像サムネイルをトリミングしたのじゃなく全体図を縮小したのにしたいんだけどどう書けばいいのかわからない・・・

**名無しさん＠お腹いっぱい。** · 2017/11/01(水) 08:31:47.26

firefox版stylishが更新

**名無しさん＠お腹いっぱい。** · 2017/11/01(水) 09:45:54.14

https://sites.google.com/site/mymemomemo/freesoft/firefox
コンテキストメニューは、これを見て整理できた。
タブコンテキストメニューも整理（アイテム削除）したい。まとめてくれてるサイトありませんか？

**名無しさん＠お腹いっぱい。** · 2017/11/01(水) 11:21:44.18

>>976
そのサイトにも書いてあるよ、ちょっと古いけど
最新版はこれ

menuitem#context_reloadTab /* タブを再読み込み */
menuitem#context_toggleMuteTab /* タブをミュート */
menuitem#context_toggleMuteTab + menuseparator /* タブをミュート直後の区切線 */
menuitem#context_pinTab /* タブをピン留め */
menuitem#context_unpinTab /* タブのピン留めを外す */
menuitem#context_duplicateTab /* タブを複製 */
menuitem#context_openTabInWindow /* 新しいウィンドウへ移動 */
menuseparator#context_sendTabToDevice_separator /* タブを端末へ送信メニュー直前の区切線 */
menu#context_sendTabToDevice /* タブを端末へ送信メニュー */
menu#context_sendTabToDevice + menuseparator /* タブを端末へ送信メニュー直後の区切線 */
menuitem#context_reloadAllTabs /* すべてのタブを再読み込み */
menuitem#context_bookmarkAllTabs /* すべてのタブをブックマーク… */
menuitem#context_closeTabsToTheEnd /* 右側のタブをすべて閉じる */
menuitem#context_closeOtherTabs /* 他のタブをすべて閉じる */
menuitem#context_closeOtherTabs + menuseparator /* 他のタブをすべて閉じる直後の区切線 */
menuitem#context_undoCloseTab /* 閉じたタブを元に戻す */
menuitem#context_closeTab /* タブを閉じる */

https://dxr.mozilla.org/mozilla-central/rev/083a9c84fbd0/browser/base/content/browser.xul#79 に基づく

**名無しさん＠お腹いっぱい。** · 2017/11/01(水) 13:18:23.02

タブを端末へ送信とか誰特だよ

**名無しさん＠お腹いっぱい。** · 2017/11/01(水) 14:15:27.35

それ、一度も使わないからいつも消しているわ
ナビゲーション、画像の URL をメールで送信、デスクトップの背景に設定、ページを端末に送るも消している

**名無しさん＠お腹いっぱい。** · 2017/11/01(水) 14:38:08.43

印刷コマンドとかもうちプリンタないから消してる
ぶっちゃけ誤クリックがめんどくさい

**名無しさん＠お腹いっぱい。** · 2017/11/01(水) 15:34:35.97

それ俺も消してるわ
プリンタあるけどバグだらけでまともに印刷できないからねぇ

**名無しさん＠お腹いっぱい。** · 2017/11/01(水) 17:27:30.16

>>977 横からありがとう、参考になります。
>>980-981
確かに誤クリックしがちだ；俺も印刷メニュー消そうかな
印刷する時はいつもPrint Edit WEでページ編集してからだし。

**976** · 2017/11/01(水) 20:17:08.57

>>977
あれ、お礼言うの忘れてた。
ありがとう、助かりました。

**名無しさん＠お腹いっぱい。** · 2017/11/03(金) 16:27:53.59

57.0、マウスオーバーでブックマークツールバーを自動表示すること出来ませんか？
userstyles.orgでいくつか公開されてるけどダメでした。

**984** · 2017/11/03(金) 16:48:40.97

https://userstyles.org/styles/101008/bookmark-bookmarks-toolbar-autohide-with-hover
これでツールバーへのマウスオーバーで表示/非表示できるが、ブックマークへマウスを移動すると隠れるので
操作できない。
詳しい方、なんとかならないでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/04(土) 11:25:11.61

はい次の患者さんどうぞ

**名無しさん＠お腹いっぱい。** · 2017/11/07(火) 11:30:47.53

cssだけじゃ無理なことを出来ると思ってるらしいな

**名無しさん＠お腹いっぱい。** · 2017/11/07(火) 17:18:41.38

https://www.axfc.net/u/3860755.css
↑ネットで見つけたcss用の多段タブを微調整してある程度タブの横幅が固定になってる以外は、違和感なくできたんですが
これをTabMixPlusのようにタブの横幅を可変式？にすることは出来るでしょうか？
いろいろやってみたんですが、ほとんど知識のない自分には、見つけられませんでした。
どう書き加えたらいいかどなたかよろしくお願いします。

**名無しさん＠お腹いっぱい。** · 2017/11/07(火) 18:58:41.40

>>988
/*
* Tab width fits to tab title
* from tab_mix_plus-0.5.0.4-fx/chrome/content/overlay/browser.css
*/
.tabbrowser-tabs[orient="horizontal"] > .tabbrowser-tab:not([pinned]) {
-moz-box-flex: 0 !important;
width: auto !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/07(火) 19:21:34.33

>>989
返信ありがとうございます。
自分が想像してるタブの可変？は、タブが少ないときは、最大値で表示してタブが増えるごとに
少しずつ小さくなって多段タブになった時には、最小値になってるって感じなんです。
せっかく教えてくれたのに説明不足で申し訳ないです。
ありがとうございました。

**名無しさん＠お腹いっぱい。** · 2017/11/09(木) 23:18:10.74

今日になって突然stylishが動かなくなった（Firefox 56.0.2）
放心状態でこのスレに来た

サイドバーを右に移す（デフォルトは左）にはどうしたらいいのでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/09(木) 23:20:57.23

3.0に自動アップデートされたって落ちクサイ

**名無しさん＠お腹いっぱい。** · 2017/11/09(木) 23:25:34.58

サイドバーとかアドオン使わんでも右左自由に動かせるだろ

**名無しさん＠お腹いっぱい。** · 2017/11/09(木) 23:30:41.21

>>991
Firefox55からはユーザーcss使わなくてもサイドバー上の切り替えメニューで右に移動できるぞ
stylish3.0.0にされてるなら不具合だらけで取り下げられてるから、2.1.1か2.0.7に入れなおしてきな

**名無しさん＠お腹いっぱい。** · 2017/11/09(木) 23:59:11.89

>>994
ホントにありがとう！
stylish3がこんなに不具合あるなんて・・
全ておっしゃるとおりでした

**名無しさん＠お腹いっぱい。** · 2017/11/10(金) 13:45:34.71

>>991
だから自動アップデートは切って置けとあれほど

**名無しさん＠お腹いっぱい。** · 2017/11/11(土) 14:44:30.01

>>996
切ったよ
サンクス

**名無しさん＠お腹いっぱい。** · 2017/11/11(土) 15:54:23.80

Live editor for CSS and LESS
https://addons.mozilla.org/ja/firefox/addon/live-editor-for-css-and-less/
スタイルシート編集しつつ、リアルタイムで確認できる。これめっちゃイイ！

Custom Style Script (Inject desired CSS or JS)
https://addons.mozilla.org/en-US/firefox/addon/custom-style-script/
特定のページに対してJSとcssを個別にまとめて(；)適用・管理できる。

**名無しさん＠お腹いっぱい。** · 2017/11/11(土) 16:18:26.50

**名無しさん＠お腹いっぱい。** · 2017/11/11(土) 16:18:59.36

うめ

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 826日 16時間 19分 58秒