userChrome.css・userContent.cssスレ Part3
■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん＠お腹いっぱい。
2012/09/14(金) 22:29:38.63ID:BVEileeM0userChrome.css・userContent.cssスタイルスレ
http://anago.2ch.net/test/read.cgi/software/1317830579/
Firefox userChrome.css userContent.cssスタイルｽﾚ（実質 Part2）
http://anago.2ch.net/test/read.cgi/software/1329315394/
◆拡張機能
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/
0232名無しさん＠お腹いっぱい。
2012/11/23(金) 21:57:14.92ID:lObMRdiL0スクリプトでもないし
なにいってるか意味不明
0233名無しさん＠お腹いっぱい。
2012/11/23(金) 21:58:56.04ID:bMF67IDO0Greasemonkeyならok
Scriptishじゃだめだった
0234名無しさん＠お腹いっぱい。
2012/11/23(金) 22:22:17.97ID:p7CSMYvf0/* あなたを非表示 */
#gb_119.gbzt {display: none !important}
/* 広告ロゴを非表示 */
#logocont {display: none !important}
/* 左メニュー、右広告、プレビューアイコンを非表示 */
/* #leftnav, */ #rhs, div #results, #tpa1, #mbEnd, #tads, #tadsb, #vspb, .vspi, .vspib { display: none !important; }
/* 余白を最小化 */
#center_col, #foot, #ires, #res { /* margin-left:0 !important; */ margin-right:0 !important; }
/* 表示領域を最大化 */
#cnt, .s, .mw { max-width: none !important; }
/* 検索フォームの長さ抑制 */
#tsf { max-width: 80% !important; }
/* 「もっと見る」を押さなくても、最初から全部表示 */
.nojsb {display: block !important}
#showmodes {display: none !important}
/* 表示領域を広く */
#center_col, #foot { width:70% !important; }
}
0235名無しさん＠お腹いっぱい。
2012/11/23(金) 22:24:36.01ID:e4ZpxNNZ0そういうことですか、ありがとう。
0236名無しさん＠お腹いっぱい。
2012/11/23(金) 22:26:08.21ID:p7CSMYvf0/* 「もっと見る」を押さなくても、最初から全部表示 */
.nojsb {display: block !important}
#showmodes {display: none !important}
これを新しいGoogleに適用するには、
どのようにuserContent.cssに記述すればいいですか？
0237名無しさん＠お腹いっぱい。
2012/11/23(金) 22:37:03.37ID:074GBW8c0>>233は勘違いしてるんじゃない？
>>230はuserContent.cssに記述するんだぞ(試してないから動くかは知らん)
0238名無しさん＠お腹いっぱい。
2012/11/23(金) 22:56:50.75ID:bMF67IDO0Stylish無効にしてuserstyles.org行ってみ。
まあGM使うくらいならuserContent.cssの方が良いと言いたいのでしたら全くその通りです。
0239名無しさん＠お腹いっぱい。
2012/11/23(金) 23:18:13.65ID:GJ1rDM+p0赤福餅のID:cecGQM230を二度もスルーしないでね
お願い
0240名無しさん＠お腹いっぱい。
2012/11/24(土) 04:42:01.41ID:jcTbvTmf00241224
2012/11/24(土) 15:29:38.74ID:qP5FmhGs0「Google 検索ツールをサイドバーへ」っていうユーザースタイルが
「もっと見る」と「書籍」をサイドバーに移してくれた
GMスクリプトは削除っと
0242名無しさん＠お腹いっぱい。
2012/11/24(土) 15:59:11.10ID:qHb7iDR+0Stylishいれたら、上手く行く。
userContent.cssに「Google 検索ツールをサイドバーへ」のソースを貼り付けても反応しない。
0243名無しさん＠お腹いっぱい。
2012/11/24(土) 16:12:40.67ID:oAB922e700244名無しさん＠お腹いっぱい。
2012/11/24(土) 16:15:09.54ID:qHb7iDR+0それは知ってる。
0245名無しさん＠お腹いっぱい。
2012/11/24(土) 18:38:46.87ID:cYFM3ieC00246名無しさん＠お腹いっぱい。
2012/11/24(土) 19:37:06.47ID:SxllLz0l00247名無しさん＠お腹いっぱい。
2012/11/24(土) 19:37:28.96ID:FIMr3pTZ00248名無しさん＠お腹いっぱい。
2012/11/24(土) 20:48:49.41ID:4CFTiQd000249230
2012/11/24(土) 20:51:12.00ID:/vyltNGo0最後の1行はAutoPagerize系を使ってる環境で検索バーを追随させる場合
>>242
http://anago.2ch.net/test/read.cgi/software/1344382616/961
0250242
2012/11/24(土) 21:58:31.33ID:qHb7iDR+0コピペする行を間違えました。
ホントに申し訳ないです。
正常に動作するようになりました。
0251名無しさん＠お腹いっぱい。
2012/11/24(土) 22:10:55.11ID:qHb7iDR+0position:absolute !important; → position:fixed !important;
ほんとに使い易いです。
ありがとう。
0252名無しさん＠お腹いっぱい。
2012/11/25(日) 00:07:09.97ID:l0Xnf+Vh0ありがとう！
0253名無しさん＠お腹いっぱい。
2012/11/25(日) 10:04:18.04ID:q83wZasw0上が16までで下が17以降
http://i.imgur.com/xfKEJ.png
0254名無しさん＠お腹いっぱい。
2012/11/25(日) 10:29:25.01ID:ZoP4oQ0M020でもそのままだから誰かが文句付けないと改善の見込みはないね
0255名無しさん＠お腹いっぱい。
2012/11/25(日) 10:56:19.65ID:zwJsdOiQ00256名無しさん＠お腹いっぱい。
2012/11/25(日) 12:01:17.66ID:UvBvoQG/0さすがコピキチw
敏感に反応するのは
バーボンハウス送りになった恥ずかしい過去のせい？
なんならソースはろか？
0257名無しさん＠お腹いっぱい。
2012/11/25(日) 13:13:07.61ID:q83wZasw0犯罪者
https://www.jottit.com/eewwy/
0258名無しさん＠お腹いっぱい。
2012/11/26(月) 06:03:59.05ID:zYXZb6ve0自業自得だ
0259名無しさん＠お腹いっぱい。
2012/11/26(月) 14:59:02.98ID:vClumEuT0お前、ずっとロダキチ、ロダキチと言っているな
そのロダキチとやらと一緒でキチガイに見える
0260名無しさん＠お腹いっぱい。
2012/11/27(火) 07:09:35.04ID:hMUUnnuK0生ipで荒らして焼かれたってことか？だったら確かに恥ずかしいよな
0261名無しさん＠お腹いっぱい。
2012/11/28(水) 10:01:16.82ID:R03GkAJI0次出てきたらIPさらせよ
0262名無しさん＠お腹いっぱい。
2012/11/28(水) 17:36:50.62ID:m6Jhz/NH00263名無しさん＠お腹いっぱい。
2012/11/29(木) 12:50:57.00ID:fyXRhpZ90アドオンTab Utilities、Tab Utilities Liteの「閉じたタブを元に戻す」ボタンを
ナビバーに配置すると、他のボタンとは違ってホバーすると四角く出っ張り
クリックすると引っ込むという効果が無くて平らなままです。
こういうようなボタンを他と同様な見た目にするにはどうしたら良いでしょうか。
試行錯誤してみましたが出来ませんでした。
宜しくお願いします。
0264名無しさん＠お腹いっぱい。
2012/11/29(木) 17:44:12.37ID:rIvEZvYR0拡張入れるの面倒だからDOM Inspectorで自分で頑張ってくれ
0265名無しさん＠お腹いっぱい。
2012/11/29(木) 18:27:27.12ID:8yrgDHVI00266名無しさん＠お腹いっぱい。
2012/11/29(木) 18:30:57.24ID:LcWFYgUS0山田君が座布団持ってきてくれません
0267名無しさん＠お腹いっぱい。
2012/11/29(木) 20:35:09.58ID:8yrgDHVI00268名無しさん＠お腹いっぱい。
2012/11/30(金) 10:58:26.90ID:spDypGa/00269名無しさん＠お腹いっぱい。
2012/12/01(土) 11:22:21.88ID:mg0tckZq0ウェブ 画像 動画 ニュース
を常に表示し、他の項目を「もっと見る」に収納しておきたいのですが、
Firefoxのchromeフォルダの中にある userContent.css に
どの様に記述すればいいでしょうか？
0270名無しさん＠お腹いっぱい。
2012/12/01(土) 11:54:24.81ID:GYI/ah+w0http://10prs.com/view/141
> ちょっと細かいところまだまだ調整が必要かなと思ったのですが
> とりあえずの目的は達せられたところで力尽きました。
> あいかわらず適当なコードですので何か不具合やアドバイスがあればお気軽にお知らせください。
0271名無しさん＠お腹いっぱい。
2012/12/01(土) 15:59:56.21ID:O9SGZxwI0firefoxのタブを特定サイトで目立たせるのに
↑のようにtitleで指定する方法はわかったのですが
URLで指定する方法があれば教えてください。
0272名無しさん＠お腹いっぱい。
2012/12/01(土) 18:14:25.38ID:munB0gd+0URLの情報は持ってないからfaviconのURLで指定するしかない
[image^="http://～"]
0273名無しさん＠お腹いっぱい。
2012/12/01(土) 18:42:47.51ID:O9SGZxwI0ということはサイト単位でしか指定できないんですね。
両方を併用しないといけないのか。
どもども。
0274名無しさん＠お腹いっぱい。
2012/12/01(土) 20:11:35.39ID:KcC91tf40このわずかな1pxの筋だけを消す方法ないですかね？
marginやらpaddingやらいじってみてもなかなか思うようにいきません
選択タブとナビバーの一体化枠 凸 ←極端に言うとこんな感じを維持したまま
消したいのです
0275名無しさん＠お腹いっぱい。
2012/12/01(土) 20:18:23.98ID:k4S4A5Kg0そんなアドレスの貼り方じゃあ見る気にもならん
0276名無しさん＠お腹いっぱい。
2012/12/01(土) 20:21:38.55ID:AxPce/f700277名無しさん＠お腹いっぱい。
2012/12/01(土) 20:38:45.78ID:pVz9wtHE0button * {border: none !important;}
0278名無しさん＠お腹いっぱい。
2012/12/01(土) 21:43:21.27ID:k4S4A5Kg0imguｒ使え
http://i.imgur.com/hd6w6.png
0279名無しさん＠お腹いっぱい。
2012/12/01(土) 22:10:52.45ID:eQ4uppu30http://userstyles.org/styles/78857/googleとどう違うの？
position:absolute !important; → position:fixed !important; に変更するとサイドが固定で使い易い。
このスレだったか教わったもの
0280名無しさん＠お腹いっぱい。
2012/12/01(土) 22:17:31.83ID:pVz9wtHE0こっちのがいいや
button:focus > .button-box {
border: 1px dotted transparent !important;
}
0281名無しさん＠お腹いっぱい。
2012/12/02(日) 00:16:39.84ID:vuaGJI590thx
愛死天流
0282名無しさん＠お腹いっぱい。
2012/12/04(火) 03:43:18.84ID:95VKWT3A0別テーマに微妙にフィットしなくなるんだが、
テーマごとに UserChrome.css を切り替えるうまい方法ある？
0283名無しさん＠お腹いっぱい。
2012/12/04(火) 13:45:51.76ID:P81QVXSU00284名無しさん＠お腹いっぱい。
2012/12/05(水) 15:51:11.42ID:m4GYhD0D00285名無しさん＠お腹いっぱい。
2012/12/05(水) 15:51:39.82ID:K2uUVFWX00286名無しさん＠お腹いっぱい。
2012/12/05(水) 19:13:13.57ID:xKxHGDWK0これなんですが、右側にサイドバーを移動させた上に、マウスオーバーで開閉ってできませんかね？
もし良かったらだれか作ってくれるとありがたいです。
0287名無しさん＠お腹いっぱい。
2012/12/05(水) 20:30:38.48ID:XM0Nclxc0・いじってるサイト
http://www.cyber-life.info/archives/20902076.html
1.上のサイトの『スポンサードリンク』って表示を消したいんだけど
hogehogeってクラスを消すと見たい記事の内容まで非表示になってしまう。
どうにかして消す方法ない？
2.要素の順番を知る方法ってある？
hogehogeだけ消すとまずいので,『div:nth-of-type()』でdiv要素として消せばいいんじゃないかと
思っていろいろやっていたんだけど
大量にdiv要素がある場合（例えば下の方にある『スポンサードリンク』ってとこ）
何番目のdiv要素か分かる方法ってある？
FirefoxとChromeの要素調査を使ってやってるんだけど
そんなような記述が見当たらない。
3.あまり関係ないんだけど
いろんなサイトをいじってると初心者の自分でもすんなりやりたいことが出来るサイトと
そうじゃないサイトがあるけど、管理人ってツールなんかで広告対策されないように
いろいろ工夫して作ってるの？
0288名無しさん＠お腹いっぱい。
2012/12/05(水) 20:43:04.68ID:KZlVxBJA0div[style="border-left:solid 2px #6699ff;padding-left:5px; margin-bottom:5px; background-color:#333; color:#fff;"] {display: none !important;}
0289名無しさん＠お腹いっぱい。
2012/12/05(水) 20:53:27.42ID:I20LHQDu02. DOM Inspectorの「セレクタをコピー」使うと楽
下のスポンサードリンクの場合、引用されたコメ数によって
何番目のdivか変わってしまうんじゃないか？
0290名無しさん＠お腹いっぱい。
2012/12/05(水) 21:58:03.63ID:AGYewXnU00291名無しさん＠お腹いっぱい。
2012/12/06(木) 10:29:59.67ID:PmWYKM7E0なが
div.left_contents div:first-child{display:none !important;}
これで充分だろ
0292名無しさん＠お腹いっぱい。
2012/12/06(木) 17:20:01.90ID:Myw4U2y80>>288
説明不足で申し訳ない、ここの部分ね。
http://i.imgur.com/CDTRs.png
それより、div[style=""]で要素が指定できることがすごい収穫だった。
今までnth-of-typeでdivの順番を指定しなきゃいけないのかと思ってた。
>>289
> 下のスポンサードリンクの場合、引用されたコメ数によって
> 何番目のdivか変わってしまうんじゃないか？
確かに・・・。
"直後"の要素指定は「+」で出来るけど、"直前"の指定ってのは出来ないんだよね？（軽く調べてみたけど見当たらなかった）
下のスポンサードリンクは無理そうかな。
>>290
DOM Inspector使ってみるよ
0293名無しさん＠お腹いっぱい。
2012/12/06(木) 17:23:22.81ID:Myw4U2y80よく見るサイトの広告を削除して、メインの内容の横幅を1000pxにしようとしてるんだけど
広告は一応消せるようになってきた。（一緒に必要な部分も消えちゃうこともあるけど）
しかし、記事の内容を横に広げようと思って『width』を使ってるんだけどほとんどの場合動かない。
例えば>>287で書いたサイトの広告を消したので
http://i.imgur.com/09lg4.png
横幅が空いた分、背景が白の部分（.right_contents div[4]）を横に伸ばそうと
.right_contents div:nth-of-type(4) {width:1000px;}
こんな風に書いて見てるんだけど何も反応がなくて・・・。
親の要素ごとこんな風に書いてみたりもしてるんだけどそれでもダメなんです。
.right_contents {width:1000px;}
0294名無しさん＠お腹いっぱい。
2012/12/06(木) 22:48:41.02ID:PmWYKM7E00295名無しさん＠お腹いっぱい。
2012/12/07(金) 00:10:48.32ID:+eXBKwxj0ウェブ 画像 ニュース 動画 ブログ
を常に出しておき、他は「もっと見る」の中に押し込めていたいのですが、
どの様に記述すればいいですか？
userContent.cssに
0296名無しさん＠お腹いっぱい。
2012/12/07(金) 08:36:01.61ID:qNcqnS/K0pic.twitter.com/*****/photo/1に変更されてしまうのを
元のpic.twitter.com/*****に修正するような設定が出来れば教えて頂けないでしょうか
0297名無しさん＠お腹いっぱい。
2012/12/07(金) 20:56:53.90ID:XBdqjXxJ0cssじゃ無理なので他へ行って
0298名無しさん＠お腹いっぱい。
2012/12/08(土) 09:16:20.21ID:sG4PPoOD0ありがとう、出来た！
0299名無しさん＠お腹いっぱい。
2012/12/08(土) 21:20:33.89ID:XYbzAGMe0でどう違うの？
0300名無しさん＠お腹いっぱい。
2012/12/08(土) 21:38:02.31ID:7XpYwPLA00301名無しさん＠お腹いっぱい。
2012/12/08(土) 21:40:26.38ID:67BIJ4yp0ありがとう
0302名無しさん＠お腹いっぱい。
2012/12/08(土) 22:34:22.13ID:XYbzAGMe0両方で効果あるんだけどどっちがいいとかあります？
子孫セレクタは使わないほうがいいと聞いたことあるんですが
それは後者のことですよね？
0303名無しさん＠お腹いっぱい。
2012/12/08(土) 22:42:08.96ID:cSlXaBru0#back-button .toolbarbutton-iconが子孫セレクタ
0304名無しさん＠お腹いっぱい。
2012/12/09(日) 00:15:50.61ID:ef/FQ1sQ0「ウェブページ高速化に効果的なCSSセレクタ」
ttp://weboook.blog22.fc2.com/blog-entry-271.html
0305名無しさん＠お腹いっぱい。
2012/12/09(日) 23:46:12.84ID:pjYnPj8y0どう書けばいいでしょうか
0306名無しさん＠お腹いっぱい。
2012/12/09(日) 23:49:57.90ID:b2I3DECL0ごめんね
0307名無しさん＠お腹いっぱい。
2012/12/10(月) 21:50:34.04ID:lcDNKou20cкорректированый стиль для Youtube - Themes and Skins for Youtube - userstyles.org
http://userstyles.org/styles/79683/c-youtube
0308名無しさん＠お腹いっぱい。
2012/12/10(月) 23:04:26.38ID:4vGyyBWZ0http://userstyles.org/styles/79580/youtube-get-the-old-design-back-updated-dec-9
0309名無しさん＠お腹いっぱい。
2012/12/12(水) 23:24:32.48ID:nsTpGmIx0ニコ生の検索結果を4列表示にしようと頑張ってるんだけど
detail要素の縦サイズを変更しようと下のように書いてるんだけど
縦横のサイズを変えようとするとwidthが無効になってしまうのはなんで？
.detail {width:200px; height:200px !important}
http://live.nicovideo.jp/search?orig_filter=&;sort=recent&date=&keyword=%E3%82%B2%E3%83%BC%E3%83%A0&submit.x=0&submit.y=0
それともう1つ。
widthでサイズを伸縮する時に左端を基準に伸縮する場合と
右端を基準に伸縮する場合があると思うんだけど何か条件があるの？
気のせいかな？
0310名無しさん＠お腹いっぱい。
2012/12/13(木) 11:13:43.18ID:xp/42Z7E0>右端を基準に伸縮する場合があると思うんだけど何か条件があるの？
floatが右か左か
0311名無しさん＠お腹いっぱい。
2012/12/13(木) 13:02:43.23ID:TTLza1mo0なるほど！サンクス
widthかheightがどちらかしか効かないのは分かる？
どっちも書くとheightが優先されちゃうんだけど。
0312名無しさん＠お腹いっぱい。
2012/12/13(木) 18:36:10.93ID:xp/42Z7E0ようするに
.detail {width:200px; height:200px !important}
のときってこと？
両方ともimportantつけよう
0313名無しさん＠お腹いっぱい。
2012/12/13(木) 20:13:40.25ID:TTLza1mo0なぬ！？
.detail {width:200px; height:200px !important}
もしかして↑って、importantがかかってるのはheightだけなの？
0314名無しさん＠お腹いっぱい。
2012/12/13(木) 21:26:58.68ID:Yu8hAvwM0heightだけだ
0315名無しさん＠お腹いっぱい。
2012/12/13(木) 21:29:57.42ID:U6QlCb8600316名無しさん＠お腹いっぱい。
2012/12/13(木) 21:38:14.14ID:djlXT29Q00317名無しさん＠お腹いっぱい。
2012/12/13(木) 21:48:29.58ID:TTLza1mo0やりながら失敗して覚えてくタイプだからめっちゃ勉強になるわ、サンクス
0318名無しさん＠お腹いっぱい。
2012/12/16(日) 11:09:14.03ID:oMwa4Hux00319名無しさん＠お腹いっぱい。
2012/12/17(月) 20:22:37.00ID:IJuqqmMK0http://userstyles.org/styles/79683/c-youtube
このスキン使うとメチャクチャ重くなるんだが何で
0320名無しさん＠お腹いっぱい。
2012/12/17(月) 20:31:58.79ID:qyIGHr2S00321名無しさん＠お腹いっぱい。
2012/12/17(月) 22:21:39.04ID:E6S6sAG2P要素を何と指定したらいいんでしょうか？
0322名無しさん＠お腹いっぱい。
2012/12/17(月) 22:22:04.17ID:fL5nNFMe0ヒント
「日頃の行い」
0323名無しさん＠お腹いっぱい。
2012/12/17(月) 22:25:02.70ID:IJuqqmMK0thx
0324名無しさん＠お腹いっぱい。
2012/12/17(月) 23:00:18.94ID:UMtEMQez0.x7
であってる？
0326名無しさん＠お腹いっぱい。
2012/12/18(火) 01:06:02.22ID:6lLUhDAZ00327名無しさん＠お腹いっぱい。
2012/12/18(火) 16:56:50.35ID:gDwZrN0h00328名無しさん＠お腹いっぱい。
2012/12/18(火) 17:13:19.41ID:6HmPGcRp0google用cssで使っててしょっちゅう表示してるけど落ちたことないです
0329名無しさん＠お腹いっぱい。
2012/12/18(火) 17:59:15.08ID:t/ZsN5XnP試しに
.x7 { background-color: Red !important;?}
と書いてみましたが変わりません・・・
0330名無しさん＠お腹いっぱい。
2012/12/18(火) 23:42:25.71ID:OZkugsGv0正直、>>321で言ってることが理解できてないので
画像で説明してほしい。
0331321
2012/12/19(水) 00:24:09.63ID:qsWGxgthPサンクスです
http://uploader.sakura.ne.jp/src/up111936.png
↑の画面で４行目の行だけ左端に青いラインがありますよね？
これがフォーカスがある行です
この状態で例えばエンターキーを押すとメールを開けたりします
ご覧のようにかなり小さくて分かりにくいので行背景ごと変えたいんです
■ このスレッドは過去ログ倉庫に格納されています