userChrome.css・userContent.cssスレ Part4
■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん＠お腹いっぱい。
2014/05/16(金) 10:16:22.11ID:4llsQKsX0http://anago.2ch.net/test/read.cgi/software/1369968883/
●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
●スクリプト
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/
CSS | MDN
https://developer.mozilla.org/en-US/docs/CSS
とほほのスタイルシート入門
http://www.tohoho-web.com/css/
0326名無しさん＠お腹いっぱい。
2014/09/20(土) 12:21:54.92ID:q8hZ9tX10:not
0327名無しさん＠お腹いっぱい。
2014/09/20(土) 12:28:32.31ID:TYlR/l8Y0CSS3の疑似要素でできるんですね
即レスありがとうございました
0328名無しさん＠お腹いっぱい。
2014/09/20(土) 13:20:48.53ID:fbl7Vkyp0の下から二番目(An example of matching all sites with a certain exception)
0329名無しさん＠お腹いっぱい。
2014/09/20(土) 14:06:56.12ID:iDMOYTwS0feedly 以外のサイトで任意のフォントに変更する
というのをやりたくて試行錯誤してました
@-moz-document regexp('(?!https://feedly\\.com).*') {
* {
font-family : 'MaruGoAA-SR2' !important;
}
}
これでできました
ありがとうございました
0330名無しさん＠お腹いっぱい。
2014/09/21(日) 11:40:50.35ID:fKk4aFET0いちいちクリックするのが怠いのですがCSSで何とか出来ますか？
0331名無しさん＠お腹いっぱい。
2014/09/21(日) 13:00:56.33ID:qTXFkqn10いい加減覚えて、どうぞ
0332名無しさん＠お腹いっぱい。
2014/09/21(日) 13:09:38.11ID:fKk4aFET00333名無しさん＠お腹いっぱい。
2014/09/21(日) 13:33:54.45ID:Q8M137EY00334名無しさん＠お腹いっぱい。
2014/09/21(日) 16:14:28.09ID:fKk4aFET0http://i.imgur.com/AejN2r2.png
0335名無しさん＠お腹いっぱい。
2014/09/21(日) 16:24:29.13ID:tagfMXUR00336名無しさん＠お腹いっぱい。
2014/09/21(日) 17:46:55.76ID:Q8M137EY00337名無しさん＠お腹いっぱい。
2014/09/21(日) 18:11:54.44ID:fKk4aFET0https://www.youtube.com/playlist?list=PL94766257CE9B7D0E
0338名無しさん＠お腹いっぱい。
2014/09/21(日) 18:15:18.05ID:rNUF8foA0ajaxで続きを読み込んでるからcssじゃ無理
0339名無しさん＠お腹いっぱい。
2014/09/21(日) 18:25:49.89ID:ZmGfzPzI0魔法じゃないんだから
0340名無しさん＠お腹いっぱい。
2014/09/21(日) 20:38:30.37ID:nawH8zc000341名無しさん＠お腹いっぱい。
2014/09/21(日) 20:52:53.57ID:TQ3071Ds00342名無しさん＠お腹いっぱい。
2014/09/22(月) 16:50:39.88ID:4jCP4aar00343名無しさん＠お腹いっぱい。
2014/09/22(月) 19:00:04.36ID:KU+i/r7/00344名無しさん＠お腹いっぱい。
2014/09/27(土) 21:32:50.57ID:d8SaB2yP00345名無しさん＠お腹いっぱい。
2014/09/27(土) 21:44:33.49ID:x5QlizBZ0https://userstyles.org/styles/95820/customizable-minimal-scrollbars-v1-6
0347名無しさん＠お腹いっぱい。
2014/09/29(月) 14:03:52.29ID:7AIbY6dX0Yahoo!のフォントがこれで游ゴシックに変わらないので、下のも追加で設定したけど変わらない。なんかおかしいのかな?
@-moz-document domain(yahoo.co.jp),
domain(yahoo.jp) {
body {
font-family: "游ゴシック", "Yu Gothic" !important;
}
}
0348名無しさん＠お腹いっぱい。
2014/09/29(月) 15:10:18.85ID:DXqaIF410body *{
font-family: "游ゴシック", "Yu Gothic" !important;
}
これでどう？
0349名無しさん＠お腹いっぱい。
2014/09/29(月) 15:14:44.36ID:m3tm+huM0変わらない要素をインスペクタで調べりゃいいじゃん
0350名無しさん＠お腹いっぱい。
2014/09/29(月) 15:18:45.73ID:SiqXBa1h0ユーザースタイルシートの書式は合ってる
游ゴシック以外に変えて試したけど反映された
@-moz-documentが、基本的にChromeとかでは使えないというのは理解してる？
Webフォントと@font-faceについて、キチンと調べ直したほうがいいと思う
どういう閲覧環境か分からないから
言えるのはそれぐらい
0351名無しさん＠お腹いっぱい。
2014/09/29(月) 15:22:19.69ID:SiqXBa1h00352名無しさん＠お腹いっぱい。
2014/09/29(月) 18:58:01.44ID:sZBdMGbI0それはさておきフォントの事はこれで解決するはず
フォントを自分好みに調整するソフト ver5
http://toro.2ch.net/test/read.cgi/win/1336388288/142-
0353347
2014/09/30(火) 15:47:00.92ID:e3ySNql90試したのですが、動かなかったです。
>>350
@-moz-documentはFirefoxなどのMozilla系のブラウザでしか動かないという理解をしてます。
最新版のWindows8.1でFirefoxの32.0.3を利用しています。
>>352
フォントの変更は
@font-face {
font-family: "メイリオ";
src: local("游ゴシック"), local("Yu Gothic");
}
@font-face {
font-family: "Meiryo";
src: local("游ゴシック"), local("Yu Gothic");
}
(以下MSゴシックやMS明朝に対しても同じ様な設定済み)
などの設定をしているのですが、Yahooとか一部のサイトでメイリオが
出てきたりするので、最初に投稿した様な追加設定をしたのです。
で、そちらも反映されないという状態です。
>>349
インスペクタの使い方があまりわからないのですが、使い方も含めて調べてみます。
みなさん、ご助言ありがとうございました。
0354347
2014/09/30(火) 15:47:59.26ID:e3ySNql90×最新版のWindows8.1でFirefoxの32.0.3を利用しています。
○Windows8.1 update1で最新版のFirefoxの32.0.3を利用しています。
0355名無しさん＠お腹いっぱい。
2014/09/30(火) 15:55:50.50ID:l5KZ0c9s0ここまで至れり尽くせりの丁寧な画像説明で理解できない超スーパー初心者君だったか
教える方が情けなくなるわ
0356名無しさん＠お腹いっぱい。
2014/09/30(火) 16:10:25.40ID:8vugDDou0userContent.cssの文字コードをUTF-8Nにしたら反映されたよ
（ファイル1行目はこれ→@charset "utf-8";）
0357347
2014/09/30(火) 16:38:03.78ID:e3ySNql90あ、@charset "utf-8";
は既に記述していました。
ファイルの文字コードがUTF-8のBOM付きになっていたので、
BOM無しに直したのですが、やっぱり動作しませんね。
>>355
すいません。どうもありがとうございます。
http://news.yahoo.co.jp/pickup/6133053
の記事だとインスペクタで表示すると見出しにMeiryo Boldが、記事の冒頭抜粋のところはMeiryoが使われてる事になってますね
0358347
2014/09/30(火) 16:51:02.03ID:e3ySNql90Chromeフォルダを置く位置が間違っていた様です(汗)。
うわぁ。もう本当にすみません。
C:\Users\ユーザ名\AppData\Roaming\Mozilla\Firefox\Profiles\xxxxxxx.default
のところに置かないといけないのに、
C:\Users\ユーザ名\AppData\Local\Mozilla\Firefox\Profiles\xxxxxxx.default
の方に置いてました。
0359名無しさん＠お腹いっぱい。
2014/09/30(火) 18:45:14.64ID:TISVHHcQ00360名無しさん＠お腹いっぱい。
2014/09/30(火) 19:47:43.04ID:NvbwM8UB00361名無しさん＠お腹いっぱい。
2014/09/30(火) 19:47:51.05ID:iC1CTHrx00362名無しさん＠お腹いっぱい。
2014/09/30(火) 21:37:14.78ID:jAtjJcA30ユーザー側で勝手に変えてもいいの？
罪に問われない？
0363名無しさん＠お腹いっぱい。
2014/09/30(火) 21:50:35.52ID:5Ph1I6vL00364名無しさん＠お腹いっぱい。
2014/09/30(火) 22:22:37.10ID:P2Ozm9n30デザイナーのオナニーに付き合う義理は無い
0365名無しさん＠お腹いっぱい。
2014/09/30(火) 22:27:17.23ID:kiuC8h8d0うまくやらないと罪に問われるかもしれないからお前はやめたほうがいいよ
0366名無しさん＠お腹いっぱい。
2014/09/30(火) 22:32:48.25ID:l5KZ0c9s0どんな状況を想定してんだよ
0367名無しさん＠お腹いっぱい。
2014/09/30(火) 22:56:22.15ID:gmLYyhwT00368名無しさん＠お腹いっぱい。
2014/09/30(火) 23:55:10.00ID:iC1CTHrx00369名無しさん＠お腹いっぱい。
2014/10/01(水) 00:18:52.59ID:sXeSX5IG0著作権法20条2項に適用例外が示されているが
三 特定の電子計算機においては利用し得ないプログラムの著作物を当該電子計算機において
利用し得るようにするため、又はプログラムの著作物を電子計算機においてより効果的に
利用し得るようにするために必要な改変
これに該当する
もしWEB制作者が意図した通り正確にコンテンツを配信したいのであれば
すべて画像なりFlashなりといったもので制作すればよい
0370名無しさん＠お腹いっぱい。
2014/10/01(水) 00:22:12.28ID:qFs00yVu0罪に問われるんならMozillaが既にアウト
0371名無しさん＠お腹いっぱい。
2014/10/01(水) 06:52:02.56ID:TXpOXPnc00372名無しさん＠お腹いっぱい。
2014/10/04(土) 08:54:14.33ID:Z8/a/0N10/* ::::: Firefox 「丸い」戻るボタンを「四角」ボタンに変更 ::::: */
#navigator-toolbox[iconsize="large"][mode="icons"] #nav-bar #unified-back-forward-button #back-button {
-moz-image-region: rect(0pt, 18px, 18px, 0pt) !important;
padding-left: 4px !important;
}
#navigator-toolbox[iconsize="large"][mode="icons"] #nav-bar #unified-back-forward-button #back-button > .toolbarbutton-icon {
border-radius: 2.5px 0px 0px 2.5px !important;
margin: 1px 2px 1px 1px !important;
padding: 2px 5px !important;
}
#navigator-toolbox[iconsize="large"][mode="icons"] #nav-bar #unified-back-forward-button #back-button:not(:hover) > .toolbarbutton-icon {
box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
0 0 0 2px rgba(255,255,255,.1) inset,
0 0 0 1px rgba(0,0,0,.15),
0 1px 0 rgba(0,0,0,.2),
0 1px 1px rgba(0,0,0,.1) !important;
}
#navigator-toolbox[iconsize="large"][mode="icons"] #nav-bar #unified-back-forward-button #forward-button {
mask: none !important;
margin-left: -2px !important;
border-left-style: solid !important;
}
#navigator-toolbox[iconsize="large"][mode="icons"] #nav-bar #unified-back-forward-button #forward-button > .toolbarbutton-icon {
margin: 1px 1px 1px -2px !important;
}
0373名無しさん＠お腹いっぱい。
2014/10/06(月) 07:56:37.86ID:oj2GNvyS0教えてくん
0374名無しさん＠お腹いっぱい。
2014/10/06(月) 11:24:01.05ID:WAqSov5a0前にここで拾いました
0375名無しさん＠お腹いっぱい。
2014/10/07(火) 09:18:40.27ID:21gmhK4Q00376名無しさん＠お腹いっぱい。
2014/10/07(火) 09:54:49.52ID:cXRLg/s80そういうお前が書いてやれば？
書けるなら（爆笑）
0377名無しさん＠お腹いっぱい。
2014/10/07(火) 09:57:34.56ID:oC63er3K00378名無しさん＠お腹いっぱい。
2014/10/07(火) 10:00:11.18ID:cXRLg/s80ID:oC63er3K0
とりあえず、この二人が書けないのはよくわかった
0379名無しさん＠お腹いっぱい。
2014/10/07(火) 10:26:21.74ID:w+hANh2k00380名無しさん＠お腹いっぱい。
2014/10/07(火) 10:39:24.38ID:cXRLg/s80ID:w+hANh2k0
0381名無しさん＠お腹いっぱい。
2014/10/07(火) 10:42:07.17ID:n14ilj5W0自分は数に含めないの？w
0382名無しさん＠お腹いっぱい。
2014/10/07(火) 10:47:31.21ID:cXRLg/s80ID:n14ilj5W0
ここまでの馬鹿一覧表
ID:21gmhK4Q0
ID:oC63er3K0
ID:w+hANh2k0
ID:n14ilj5W0
0383名無しさん＠お腹いっぱい。
2014/10/07(火) 10:52:37.73ID:oRRfLbm+0↑大ブーメラン馬鹿
0384名無しさん＠お腹いっぱい。
2014/10/07(火) 10:54:54.92ID:cXRLg/s80ID:oRRfLbm+0
↑
屑
0385名無しさん＠お腹いっぱい。
2014/10/07(火) 10:59:31.69ID:zAUt1n1100386名無しさん＠お腹いっぱい。
2014/10/07(火) 11:03:39.97ID:oRRfLbm+0＞はいはい、悔しかったら書いてみな、このヴォケが
大ブーメラン
0387名無しさん＠お腹いっぱい。
2014/10/07(火) 11:06:10.45ID:kL0wMOET0なのでこれより”css的に”先は「古い上にクソみたいなムダ」なので削除してみればいい
後は↓とか参考にして調整する
http://mxr.mozilla.org/mozilla-release/source/browser/themes/windows/browser.css#872
0388名無しさん＠お腹いっぱい。
2014/10/07(火) 11:07:06.44ID:cXRLg/s80誰か書けるやついないの？
0389名無しさん＠お腹いっぱい。
2014/10/07(火) 11:08:45.52ID:hfTN9K3C0余裕過ぎンゴｗｗｗ
0390名無しさん＠お腹いっぱい。
2014/10/07(火) 11:11:29.18ID:cXRLg/s80おぉおおお！！！素晴らしい！！！
ぜひ伝授くださいませ、あなた様を師匠と呼ばせて頂きます！！！
他の馬鹿どもの相手してて疲れました
0391名無しさん＠お腹いっぱい。
2014/10/07(火) 11:50:24.70ID:cw3wgetU00392名無しさん＠お腹いっぱい。
2014/10/07(火) 15:13:38.69ID:NOX7nFqVOほう、こりゃいいな。貰っとくわｗ
www.dotup.org/uploda/www.dotup.org534999.png
0393392
2014/10/07(火) 15:18:36.98ID:NOX7nFqVO0394名無しさん＠お腹いっぱい。
2014/10/07(火) 15:46:49.05ID:cw3wgetU0ん？
0395名無しさん＠お腹いっぱい。
2014/10/07(火) 16:00:34.87ID:NOX7nFqVO痛み入るm(__)m
0396名無しさん＠お腹いっぱい。
2014/10/07(火) 18:13:13.66ID:H1KAaEtS0何度言われてもその糞みたいな性格を直せないってことは病気なんだろうなあ
0397名無しさん＠お腹いっぱい。
2014/10/08(水) 06:17:52.40ID:4ec2UjVN00398名無しさん＠お腹いっぱい。
2014/10/08(水) 07:55:50.97ID:NhzONQl/00399名無しさん＠お腹いっぱい。
2014/10/08(水) 08:01:13.72ID:d9m9vWdv0師匠とか擦り寄っても無駄だったね
0400名無しさん＠お腹いっぱい。
2014/10/08(水) 08:12:16.88ID:zVuHtHRF0何故いつもすぐ気付かれるのかちょっとは不思議に思えばいいのに
0401名無しさん＠お腹いっぱい。
2014/10/08(水) 13:21:29.50ID:KwpUCyDWO「煽ってれば、そのうち誰かが答えてくれるだろう作戦」がバレバレだったからだろｗ
0402名無しさん＠お腹いっぱい。
2014/10/09(木) 10:40:04.78ID:I5mSNzIV0これいいな
マネさせてもらったよ
必要ない時は進むボタン非表示ってすると
URLバーの方が丸く凹んだんで
指定部分特定して無効化するのに少しだけ手こずったわｗ
0403名無しさん＠お腹いっぱい。
2014/10/11(土) 12:31:12.97ID:dKmA5jRH00404名無しさん＠お腹いっぱい。
2014/10/12(日) 16:05:32.95ID:hPFpMacL0いいなー
0405名無しさん＠お腹いっぱい。
2014/10/13(月) 12:36:59.82ID:gNGB6hWj00406名無しさん＠お腹いっぱい。
2014/10/13(月) 15:35:19.64ID:xPjNquin0どうすれば良いか教えてください
0407名無しさん＠お腹いっぱい。
2014/10/13(月) 15:44:03.84ID:mNQqAho800408名無しさん＠お腹いっぱい。
2014/10/13(月) 15:52:57.71ID:OtRIYZwO00409名無しさん＠お腹いっぱい。
2014/10/13(月) 16:00:37.41ID:U3RvKZWO00410名無しさん＠お腹いっぱい。
2014/10/13(月) 16:28:52.73ID:G2tEGIaT0img:hover {
opacity: inherit !important;
}
0411名無しさん＠お腹いっぱい。
2014/10/13(月) 16:43:11.85ID:mNQqAho800412名無しさん＠お腹いっぱい。
2014/10/13(月) 20:18:15.61ID:FlqtLABZ00413名無しさん＠お腹いっぱい。
2014/10/13(月) 20:22:56.94ID:OtRIYZwO00414名無しさん＠お腹いっぱい。
2014/10/14(火) 10:51:32.10ID:haaGleOa0*:hover { opacity: inherit !important; }
で大体うまくいってるようです。ありがとう
0415名無しさん＠お腹いっぱい。
2014/10/16(木) 03:48:47.55ID:0unymXdQ0.tab-icon-image {
margin-left: 10px !important;
}
としても全く動きません。どう指定すればよいのでしょう？
試しにbackground-color: red;などを指定してみると、画像の部分だけ赤くなるので、
要素はあってると思いますけど…
0416名無しさん＠お腹いっぱい。
2014/10/16(木) 03:58:57.77ID:zws0BJVi0なんか他でいじってるとかじゃねえの
0417名無しさん＠お腹いっぱい。
2014/10/16(木) 10:09:49.66ID:0unymXdQ0ありがとうございます。
原因分かりました。
Classic Theme Restorerでタブを「四角いタブ（クラシック）」に戻してるのですが、
そこにmarginが切られていました。
ClassicThemeRestorer@ArisT2Noia4dev\content\css\tabs_squared.css 内
.tabbrowser-tab:not([pinned]):not([locked]) .tab-throbber,
.tabbrowser-tab:not([pinned]) .tab-icon-image{
-moz-margin-start:-3px !important;
-moz-margin-end:3px !important;
}
2箇所の"3"の部分を"1"などに変更すると右に寄りました。
が、!important付で書かれているので、userChrome.cssにコピペして
書き換えてもoverrideできないですね…
0418名無しさん＠お腹いっぱい。
2014/10/16(木) 10:15:40.54ID:TrPL2gGp0ID付きの親からぶら下がれば勝てる
0419名無しさん＠お腹いっぱい。
2014/10/16(木) 15:09:05.91ID:x6zaPRch00420名無しさん＠お腹いっぱい。
2014/10/16(木) 16:20:09.61ID:HwIVJJlM0|
人
／∧∧＼
ヽ(･ω･)/ ))
(( ＼(_.,,_ノ
＞ ))
0421名無しさん＠お腹いっぱい。
2014/10/16(木) 17:59:16.72ID:YJwxxlX200422名無しさん＠お腹いっぱい。
2014/10/16(木) 18:30:31.04ID:rVcpRu8400423前スレ 584 です。
2014/10/16(木) 22:27:43.43ID:qXIWGD1w0http://anago.2ch.net/test/read.cgi/software/1369968883/598
−−−
タブ名省略時の末尾の「．．．」を消す方法
about:config の intl.ellipsis に半角スペース
0424名無しさん＠お腹いっぱい。
2014/10/17(金) 00:01:34.35ID:1dC9l0Fs0下のようにやってみたのですが、勝てませんでした……。
ちなみに背景色は赤くなっているので、セレクタが間違っているわけではないようです。
#tabbrowser-tabs .tab-icon-image{
-moz-margin-start:-1px !important;
-moz-margin-end:1px !important;
background-color: red !important;
}
0425名無しさん＠お腹いっぱい。
2014/10/17(金) 00:44:06.14ID:I32gFqrn0■ このスレッドは過去ログ倉庫に格納されています