- 1 名前：名無しさん＠お腹いっぱい。 mailto:sageteoff [2015/08/07(金) 23:59:01.64 ID:ci1ga2Nw0.net]
- ●前スレ
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
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
userstyles.org/
MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS
とほほのスタイルシート入門
www.tohoho-web.com/css/
- 992 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/10/28(土) 11:29:21.59 ID:XAly8k8/0.net]
- #PersonalToolbar { height: 25px !important }
ここで少しcssの基礎勉強しなさい
https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Getting_started/Selectors
- 993 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/10/28(土) 15:24:57.50 ID:4UIi8Xsj0.net]
- >>959
ご丁寧に、ありがとう。
- 994 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/10/29(日) 02:16:47.51 ID:9GSYTAVZ0.net]
- >>943
自分でやってみたけど数字の色しか変更できないわ。
新バージョンには帯の部分のセレクターがないっぽい。
- 995 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/10/29(日) 08:14:47.22 ID:kgeDq3m00.net]
- >>943>>961
なんぼのもんじゃいと思ってみてみたけど、こういうことじゃいかんのか？
tr > td:nth-child(7){
background: rgba(0,128,255,.25);
}
セレクタもうちょっと工夫すれば背景の重複も解消すると思う。
- 996 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/10/29(日) 11:13:58.53 ID:9GSYTAVZ0.net]
- >962
ありがとうございます。
でもこれ新バージョンには適応してないみたい？
現行バージョンには効くけど。
backgroundの色の範囲はさらに昔のバージョンに戻ると思って慣れるしかないかな。
- 997 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/10/29(日) 11:44:48.77 ID:kgeDq3m00.net]
- >>963
失礼しました。選ばないと新バージョンにならないのね。こうだね。
クラス名はコロ
- 998 名前：コロ変わるかもしれないから工夫の余地はある。
.PhLhOd:nth-child(1),
.t8qpF:nth-child(1){
background: rgba(255,0,0,.1);
}
.PhLhOd:nth-child(7),
.t8qpF:nth-child(7){
background: rgba(0,128,255,.1);
} [] - [ここ壊れてます]
- 999 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/10/29(日) 14:45:58.41 ID:9GSYTAVZ0.net]
- >>964
ありがとうございます。大変参考になりました。
自分は使ってないけどミニカレンダーのほうはこんな感じですね。
.zRt28b:nth-child(1),
.W0m3G:nth-child(1) {
color: #FF6A6B !important;
}
.zRt28b:nth-child(7),
.W0m3G:nth-child(7) {
color: #6A6AFF !important;
}
- 1000 名前：943 mailto:sage [2017/10/29(日) 15:01:58.12 ID:waZFbHsg0.net]
- >>964,>>965
ありがとうございます、理想通りの見た目になりました
- 1001 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/10/29(日) 19:06:26.21 ID:HnXSH/ax0.net]
- stylishのcssをuserChromeとuserContentに分けてChromeフォルダに入れstylish内の各スタイルは全部削除したんだけど
通信プロトコルでアドレスバーの色が変わるようにしてるスタイルがsytlishを有効にしておかないと上手く機能しない
sytlishを有効
http 色変る(指定した色になる
https 色変る(指定した色になる
ftp 色変る(指定した色になる
sytlishを無効
http 色変わらない(薄グレーのまま
https 色変る(指定した色になる
ftp 色変わらない(薄グレーのまま
これってstylishがuserChrome.cssを読みに行ってるのかな？？
css分からなくて拾ってきたの繋ぎ合わせて使ってるんだけどstylish無しで使えるようにしたいです
- 1002 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/10/29(日) 19:45:17.94 ID:TWiiFZy00.net]
- Stylishってルート要素になんか情報付け足してたし
そういうStylish依存のセレクターがあるとかじゃねえの
- 1003 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/10/29(日) 22:35:35.34 ID:HnXSH/ax0.net]
- >>968
やっぱりそんなのがあるんですか
#main-window[stylish-url は胡散臭くてググってみたのですがよく分からずじまいでした
stylishの時はこれで動いていたのですが
https://pastebin.com/4KeFmARX
解る方いましたらご指南くださいませ
- 1004 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/10/30(月) 08:55:31.34 ID:+bA63Xt60.net]
- >>969
ご指南も何も >>968 さんが正解だしてくれてる。
属性セレクタ指定に使われてる「stylish-url＾＝」を
通常の正規表現「url＾＝」に置き換えれば動くはず。
その他にも”stylish”を含む箇所をチェックするのは言うまでもなく。
- 1005 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/10/30(月) 12:18:54.88 ID:d9EJ4B1B0.net]
- わざわざ#main-windowにstylish-urlなんて属性追加してるくらいなのに
単純に置き換えただけで動作するとは思えんね
- 1006 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/10/30(月) 13:18:22.92 ID:+bA63Xt60.net]
- >>971
コードをざっと見た感じ セレクタ別にbackground色と
list-style-image指定してる程度なので大丈夫だろうと思ったんだけど…
確かに"動くはず"はまずかった；ので心配になって確認してみた。動いた。
- 1007 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/10/31(火) 21:19:57.43 ID:mP/F2pJ60.net]
- ルート要素にurl属性はないし
セレクターの話でプロパティーを見て大丈夫と判断する理由も
正規表現という言葉をなぜそこで使ったのかもわからない
- 1008 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/01(水) 04:17:43.37 ID:zsYam34Q0.net]
- pawooの画像サムネイルをトリミングしたのじゃなく全体図を縮小したのにしたいんだけどどう書けばいいのかわからない・・・
- 1009 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/01(水) 08:31:47.26 ID:/XzlVpbX0.net]
- firefox版stylishが更新
- 1010 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/01(水) 09:45:54.14 ID:OI1tiYRZ0.net]
- https://sites.google.com/site/mymemomemo/freesoft/firefox
コンテキストメニューは、これを見て整理できた。
タブコンテキストメニューも整理（アイテム削除）したい。まとめてくれてるサイトありませんか？
- 1011 名前：名無しさん＠お腹いっぱい。 [2017/11/01(水) 11:21:44.18 ID:M29ycmTS0.net]
- >>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 に基づく
- 1012 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/01(水) 13:18:23.02 ID:XLl4sRl60.net]
- タブを端末へ送信とか誰特だよ
- 1013 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/01(水) 14:15:27.35 ID:uiVQIwRh0.net]
- それ、一度も使わないからいつも消しているわ
ナビゲーション、画像の URL をメールで送信、デスクトップの背景に設定、ページを端末に送るも消している
- 1014 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/01(水) 14:38:08.43 ID:zsYam34Q0.net]
- 印刷コマンドとかもうちプリンタないから消してる
ぶっちゃけ誤クリックがめんどくさい
- 1015 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/01(水) 15:34:35.97 ID:/GoEepyh0.net]
- それ俺も消してるわ
プリンタあるけどバグだらけでまともに印刷できないからねぇ
- 1016 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/01(水) 17:27:30.16 ID:qy5RFoIS0.net]
- >>977 横からありがとう、参考になります。
>>980-981
確かに誤クリックしがちだ；俺も印刷メニュー消そうかな
印刷する時はいつもPrint Edit WEでページ編集してからだし。
- 1017 名前：976 mailto:sage [2017/11/01(水) 20:17:08.57 ID:fyFVVKOA0.net]
- >>977
あれ、お礼言うの忘れてた。
ありがとう、助かりました。
- 1018 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/03(金) 16:27:53.59 ID:CAbA5gaJ0.net]
- 57.0、マウスオーバーでブックマークツールバーを自動表示すること出来ませんか？
userstyles.orgでいくつか公開されてるけどダメでした。
- 1019 名前：984 mailto:sage [2017/11/03(金) 16:48:40.97 ID:CAbA5gaJ0.net]
- https://userstyles.org/styles/101008/bookmark-bookmarks-toolbar-autohide-with-hover
これでツールバーへのマウスオーバーで表示/非表示できるが、ブックマークへマウスを移動すると隠れるので
操作できない。
詳しい方、なんとかならないでしょうか？
- 1020 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/04(土) 11:25:11.61 ID:ucv7z8jv0.net]
- はい次の患者さんどうぞ
- 1021 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/07(火) 11:30:47.53 ID:f3CPt2aK0.net]
- cssだけじゃ無理なことを出来ると思ってるらしいな
- 1022 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/07(火) 17:18:41.38 ID:qgNHbUcs0.net]
- https://www.axfc.net/u/3860755.css
↑ネットで見つけたcss用の多段タブを微調整してある程度タブの横幅が固定になってる以外は、違和感なくできたんですが
これをTabMixPlusのようにタブの横幅を可変式？にすることは出来るでしょうか？
いろいろやってみたんですが、ほとんど知識のない自分には、見つけられませんでした。
どう書き加えたらいいかどなたかよろしくお願いします。
- 1023 名前：名無しさん＠お腹いっぱい。 [2017/11/07(火) 18:58:41.40 ID:R20CumNp0.net]
- >>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;
}
- 1024 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/07(火) 19:21:34.33 ID:qgNHbUcs0.net]
- >>989
返信ありがとうございます。
自分が想像してるタブの可変？は、タブが少ないときは、最大値で表示してタブが増えるごとに
少しずつ小さくなって多段タブになった時には、最小値になってるって感じなんです。
せっかく教えてくれたのに説明不足で申し
- 1025 名前：訳ないです。
ありがとうございました。 [] - [ここ壊れてます]
- 1026 名前：名無しさん＠お腹いっぱい。 [2017/11/09(木) 23:18:10.74 ID:Oq3zjRtk0.net]
- 今日になって突然stylishが動かなくなった（Firefox 56.0.2）
放心状態でこのスレに来た
サイドバーを右に移す（デフォルトは左）にはどうしたらいいのでしょうか？
- 1027 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/09(木) 23:20:57.23 ID:0RZwxZzR0.net]
- 3.0に自動アップデートされたって落ちクサイ
- 1028 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/09(木) 23:25:34.58 ID:0lujv++q0.net]
- サイドバーとかアドオン使わんでも右左自由に動かせるだろ
- 1029 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/09(木) 23:30:41.21 ID:zUkMLf/D0.net]
- >>991
Firefox55からはユーザーcss使わなくてもサイドバー上の切り替えメニューで右に移動できるぞ
stylish3.0.0にされてるなら不具合だらけで取り下げられてるから、2.1.1か2.0.7に入れなおしてきな
- 1030 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/09(木) 23:59:11.89 ID:Oq3zjRtk0.net]
- >>994
ホントにありがとう！
stylish3がこんなに不具合あるなんて・・
全ておっしゃるとおりでした
- 1031 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/10(金) 13:45:34.71 ID:uQhwxPJh0.net]
- >>991
だから自動アップデートは切って置けとあれほど
- 1032 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/11(土) 14:44:30.01 ID:ROG15rkI0.net]
- >>996
切ったよ
サンクス
- 1033 名前：名無しさん＠お腹いっぱい。 mailto:sage [2017/11/11(土) 15:54:23.80 ID:xDx+JYHV0.net]
- 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を個別にまとめて(；)適用・管理できる。
- 1034 名前：名無しさん＠お腹いっぱい。 [2017/11/11(土) 16:18:26.50 ID:sAlKWz/F0.net]
- um
- 1035 名前：名無しさん＠お腹いっぱい。 [2017/11/11(土) 16:18:59.36 ID:sAlKWz/F0.net]
- うめ
- 1036 名前：1001 [Over 1000 Thread.net]
- このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 826日 16時間 19分 58秒
- 1037 名前：過去ログ ★ [[過去ログ]]
- ■ このスレッドは過去ログ倉庫に格納されています
|
 |
