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

レス数が1000を超えています。これ以上書き込みはできません。
●前スレ
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/

952名無しさん@お腹いっぱい。2017/10/27(金) 21:41:36.77ID:K+BZTVVy0
#urlbar {
border-radius: 10px !important;
}

953名無しさん@お腹いっぱい。2017/10/27(金) 21:46:32.47ID:aXk0ACHk0
>>952
ありがとう、うまくいきました。

954名無しさん@お腹いっぱい。2017/10/27(金) 22:01:18.95ID:eOMbgibD0
56.0.2です 検索バーの右端にある矢印( → )を消すことは可能でしょうか?
参考画像(自分のスクショではありません)
https://blog-imgs-102-origin.fc2.com/z/0/0/z0001/firefoxsearchbox05s.png

955名無しさん@お腹いっぱい。2017/10/27(金) 22:24:58.07ID:46pAsvg60
可能です

956名無しさん@お腹いっぱい。2017/10/27(金) 22:32:50.87ID:K+BZTVVy0
>>954
.search-go-button { display: none !important; }

957名無しさん@お腹いっぱい。2017/10/27(金) 23:53:26.22ID:eOMbgibD0
>>956
ありがとうございました

958名無しさん@お腹いっぱい。2017/10/28(土) 08:24:19.34ID:YexvkjWf0
57.0でブックマークツールバーの高さを変えたい。
下記じゃダメなの?
PersonalToolbar {height: 25px !important;}

959名無しさん@お腹いっぱい。2017/10/28(土) 11:29:21.59ID:XAly8k8/0
#PersonalToolbar { height: 25px !important }

ここで少しcssの基礎勉強しなさい
https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Getting_started/Selectors

960名無しさん@お腹いっぱい。2017/10/28(土) 15:24:57.50ID:4UIi8Xsj0
>>959
ご丁寧に、ありがとう。

961名無しさん@お腹いっぱい。2017/10/29(日) 02:16:47.51ID:9GSYTAVZ0
>>943
自分でやってみたけど数字の色しか変更できないわ。
新バージョンには帯の部分のセレクターがないっぽい。

962名無しさん@お腹いっぱい。2017/10/29(日) 08:14:47.22ID:kgeDq3m00
>>943>>961
なんぼのもんじゃいと思ってみてみたけど、こういうことじゃいかんのか?
tr > td:nth-child(7){
background: rgba(0,128,255,.25);
}

セレクタもうちょっと工夫すれば背景の重複も解消すると思う。

963名無しさん@お腹いっぱい。2017/10/29(日) 11:13:58.53ID:9GSYTAVZ0
>962
ありがとうございます。
でもこれ新バージョンには適応してないみたい?
現行バージョンには効くけど。
backgroundの色の範囲はさらに昔のバージョンに戻ると思って慣れるしかないかな。

964名無しさん@お腹いっぱい。2017/10/29(日) 11:44:48.77ID:kgeDq3m00
>>963
失礼しました。選ばないと新バージョンにならないのね。こうだね。
クラス名はコロコロ変わるかもしれないから工夫の余地はある。
.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);
}

965名無しさん@お腹いっぱい。2017/10/29(日) 14:45:58.41ID:9GSYTAVZ0
>>964
ありがとうございます。大変参考になりました。
自分は使ってないけどミニカレンダーのほうはこんな感じですね。

.zRt28b:nth-child(1),
.W0m3G:nth-child(1) {
color: #FF6A6B !important;
}
.zRt28b:nth-child(7),
.W0m3G:nth-child(7) {
color: #6A6AFF !important;
}

9669432017/10/29(日) 15:01:58.12ID:waZFbHsg0
>>964,>>965
ありがとうございます、理想通りの見た目になりました

967名無しさん@お腹いっぱい。2017/10/29(日) 19:06:26.21ID:HnXSH/ax0
stylishのcssをuserChromeとuserContentに分けてChromeフォルダに入れstylish内の各スタイルは全部削除したんだけど
通信プロトコルでアドレスバーの色が変わるようにしてるスタイルがsytlishを有効にしておかないと上手く機能しない
sytlishを有効
http 色変る(指定した色になる
https 色変る(指定した色になる
ftp 色変る(指定した色になる

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

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

968名無しさん@お腹いっぱい。2017/10/29(日) 19:45:17.94ID:TWiiFZy00
Stylishってルート要素になんか情報付け足してたし
そういうStylish依存のセレクターがあるとかじゃねえの

969名無しさん@お腹いっぱい。2017/10/29(日) 22:35:35.34ID:HnXSH/ax0
>>968
やっぱりそんなのがあるんですか
#main-window[stylish-url は胡散臭くてググってみたのですがよく分からずじまいでした

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

970名無しさん@お腹いっぱい。2017/10/30(月) 08:55:31.34ID:+bA63Xt60
>>969
ご指南も何も >>968 さんが正解だしてくれてる。
属性セレクタ指定に使われてる「stylish-url^=」を
通常の正規表現「url^=」に置き換えれば動くはず。
その他にも”stylish”を含む箇所をチェックするのは言うまでもなく。

971名無しさん@お腹いっぱい。2017/10/30(月) 12:18:54.88ID:d9EJ4B1B0
わざわざ#main-windowにstylish-urlなんて属性追加してるくらいなのに
単純に置き換えただけで動作するとは思えんね

972名無しさん@お腹いっぱい。2017/10/30(月) 13:18:22.92ID:+bA63Xt60
>>971
コードをざっと見た感じ セレクタ別にbackground色と
list-style-image指定してる程度なので大丈夫だろうと思ったんだけど…
確かに"動くはず"はまずかった;ので心配になって確認してみた。動いた。

973名無しさん@お腹いっぱい。2017/10/31(火) 21:19:57.43ID:mP/F2pJ60
ルート要素にurl属性はないし
セレクターの話でプロパティーを見て大丈夫と判断する理由も
正規表現という言葉をなぜそこで使ったのかもわからない

974名無しさん@お腹いっぱい。2017/11/01(水) 04:17:43.37ID:zsYam34Q0
pawooの画像サムネイルをトリミングしたのじゃなく全体図を縮小したのにしたいんだけどどう書けばいいのかわからない・・・

975名無しさん@お腹いっぱい。2017/11/01(水) 08:31:47.26ID:/XzlVpbX0
firefox版stylishが更新

976名無しさん@お腹いっぱい。2017/11/01(水) 09:45:54.14ID:OI1tiYRZ0
https://sites.google.com/site/mymemomemo/freesoft/firefox
コンテキストメニューは、これを見て整理できた。
タブコンテキストメニューも整理(アイテム削除)したい。まとめてくれてるサイトありませんか?

977名無しさん@お腹いっぱい。2017/11/01(水) 11:21:44.18ID:M29ycmTS0
>>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 に基づく

978名無しさん@お腹いっぱい。2017/11/01(水) 13:18:23.02ID:XLl4sRl60
タブを端末へ送信とか誰特だよ

979名無しさん@お腹いっぱい。2017/11/01(水) 14:15:27.35ID:uiVQIwRh0
それ、一度も使わないからいつも消しているわ
ナビゲーション、画像の URL をメールで送信、デスクトップの背景に設定、ページを端末に送るも消している

980名無しさん@お腹いっぱい。2017/11/01(水) 14:38:08.43ID:zsYam34Q0
印刷コマンドとかもうちプリンタないから消してる
ぶっちゃけ誤クリックがめんどくさい

981名無しさん@お腹いっぱい。2017/11/01(水) 15:34:35.97ID:/GoEepyh0
それ俺も消してるわ
プリンタあるけどバグだらけでまともに印刷できないからねぇ

982名無しさん@お腹いっぱい。2017/11/01(水) 17:27:30.16ID:qy5RFoIS0
>>977 横からありがとう、参考になります。
>>980-981
確かに誤クリックしがちだ;俺も印刷メニュー消そうかな
印刷する時はいつもPrint Edit WEでページ編集してからだし。

9839762017/11/01(水) 20:17:08.57ID:fyFVVKOA0
>>977
あれ、お礼言うの忘れてた。
ありがとう、助かりました。

984名無しさん@お腹いっぱい。2017/11/03(金) 16:27:53.59ID:CAbA5gaJ0
57.0、マウスオーバーでブックマークツールバーを自動表示すること出来ませんか?
userstyles.orgでいくつか公開されてるけどダメでした。

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

986名無しさん@お腹いっぱい。2017/11/04(土) 11:25:11.61ID:ucv7z8jv0
はい次の患者さんどうぞ

987名無しさん@お腹いっぱい。2017/11/07(火) 11:30:47.53ID:f3CPt2aK0
cssだけじゃ無理なことを出来ると思ってるらしいな

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

989名無しさん@お腹いっぱい。2017/11/07(火) 18:58:41.40ID:R20CumNp0
>>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;
}

990名無しさん@お腹いっぱい。2017/11/07(火) 19:21:34.33ID:qgNHbUcs0
>>989
返信ありがとうございます。
自分が想像してるタブの可変?は、タブが少ないときは、最大値で表示してタブが増えるごとに
少しずつ小さくなって多段タブになった時には、最小値になってるって感じなんです。
せっかく教えてくれたのに説明不足で申し訳ないです。
ありがとうございました。

991名無しさん@お腹いっぱい。2017/11/09(木) 23:18:10.74ID:Oq3zjRtk0
今日になって突然stylishが動かなくなった(Firefox 56.0.2)
放心状態でこのスレに来た

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

992名無しさん@お腹いっぱい。2017/11/09(木) 23:20:57.23ID:0RZwxZzR0
3.0に自動アップデートされたって落ちクサイ

993名無しさん@お腹いっぱい。2017/11/09(木) 23:25:34.58ID:0lujv++q0
サイドバーとかアドオン使わんでも右左自由に動かせるだろ

994名無しさん@お腹いっぱい。2017/11/09(木) 23:30:41.21ID:zUkMLf/D0
>>991
Firefox55からはユーザーcss使わなくてもサイドバー上の切り替えメニューで右に移動できるぞ
stylish3.0.0にされてるなら不具合だらけで取り下げられてるから、2.1.1か2.0.7に入れなおしてきな

995名無しさん@お腹いっぱい。2017/11/09(木) 23:59:11.89ID:Oq3zjRtk0
>>994
ホントにありがとう!
stylish3がこんなに不具合あるなんて・・
全ておっしゃるとおりでした

996名無しさん@お腹いっぱい。2017/11/10(金) 13:45:34.71ID:uQhwxPJh0
>>991
だから自動アップデートは切って置けとあれほど

997名無しさん@お腹いっぱい。2017/11/11(土) 14:44:30.01ID:ROG15rkI0
>>996
切ったよ
サンクス

998名無しさん@お腹いっぱい。2017/11/11(土) 15:54:23.80ID:xDx+JYHV0
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を個別にまとめて(;)適用・管理できる。

999名無しさん@お腹いっぱい。2017/11/11(土) 16:18:26.50ID:sAlKWz/F0
um

1000名無しさん@お腹いっぱい。2017/11/11(土) 16:18:59.36ID:sAlKWz/F0
うめ

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

10021002Over 1000Thread
5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。


───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。

▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/

▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php

レス数が1000を超えています。これ以上書き込みはできません。