トップページsoftware
1001コメント311KB

userChrome.css・userContent.cssスレ Part4

■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん@お腹いっぱい。2014/05/16(金) 10:16:22.11ID:4llsQKsX0
●前スレ
http://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/
0242名無しさん@お腹いっぱい。2014/07/25(金) 14:59:57.29ID:nne+44oc0
>>241
じゃあなんで>>236とか書いてんの?
>>235のスタイルのどこにも「選択」なんて属性はないんだが
何を根拠に「選択しないと」とか言ってんの?
0243名無しさん@お腹いっぱい。2014/07/25(金) 15:11:23.91ID:jre7zoH20
>>241
普段非表示でマウスのせると見えるのは>>235だから
欲してる機能であってるんじゃない?

>>242
そうカッカしなさんな
0244名無しさん@お腹いっぱい。2014/07/25(金) 16:16:28.50ID:kptl0QsM0
安定の教えて君
0245名無しさん@お腹いっぱい。2014/07/25(金) 16:19:41.44ID:Ikq1A5gc0
Crysis厨
0246名無しさん@お腹いっぱい。2014/07/29(火) 23:06:29.17ID:atZFy7BQ0
ここは昔から自称上級者様(笑)がたまに来る初心者を小馬鹿にして優越感に浸るスレだろ 何を今更
0247名無しさん@お腹いっぱい。2014/07/29(火) 23:31:22.36ID:Wyy0kwpU0
自分で書こうともしないやつをそもそも初心者と呼べるのか
0248名無しさん@お腹いっぱい。2014/08/01(金) 00:23:32.09ID:QXq/4WxS0
さて
0249名無しさん@お腹いっぱい。2014/08/01(金) 20:37:48.50ID:HsTMlFHx0
自称初心者がそろそろ現れるはず
0250名無しさん@お腹いっぱい。2014/08/01(金) 21:23:32.52ID:qVupER3R0
では、失礼します。
#main-window statuspanel .statuspanel-inner {
position:topやleft、Right !important;
}
#main-window statuspanel .statuspanel-label {
ふぉんと:"MS 明朝鮮 " !important;
}
0251名無しさん@お腹いっぱい。2014/08/01(金) 21:31:59.92ID:u/CTv6Uf0
> #main-window statuspanel .statuspanel-inner

ネタにしてもひどすぎる
0252名無しさん@お腹いっぱい。2014/08/02(土) 21:42:50.55ID:mfStb6Lf0
保守
0253名無しさん@お腹いっぱい。2014/08/15(金) 07:08:11.11ID:oo0leJpA0
Stylish整理するのに一旦stylish.sqliteの内容を単なるテキストに書き出したいんだけど
一番手っ取り早い方法って何?
0254名無しさん@お腹いっぱい。2014/08/15(金) 07:41:13.10ID:97V9SQj50
Stylish-Custom
0255名無しさん@お腹いっぱい。2014/08/17(日) 00:29:27.17ID:pJDE0R7T0
>Stylish-Custom
かなり古いFxじゃないと無理じゃね
0256名無しさん@お腹いっぱい。2014/08/17(日) 03:32:20.24ID:D/c8KSDB0
Stylish-Custom
31でも個別のcssとしてエクスポート出来てるよ
0257名無しさん@お腹いっぱい。2014/08/25(月) 18:18:58.58ID:wr6tYJTe0
通常下に表示されるリンク先をロケーションバーに
表示するような記述は有りますか?
0258名無しさん@お腹いっぱい。2014/08/25(月) 18:39:36.22ID:aS0SmlBB0
ムリ
0259名無しさん@お腹いっぱい。2014/08/25(月) 20:52:17.58ID:ZU3MN6590
>>257
statuspanelをpositionで移動させるとかは?
0260名無しさん@お腹いっぱい。2014/08/26(火) 06:22:41.82ID:W0bIyY2u0
ワロタ
0261名無しさん@お腹いっぱい。2014/08/27(水) 17:03:06.41ID:W03LLpaQ0
でも実際のところそういうことやっちゃうよね
0262名無しさん@お腹いっぱい。2014/08/27(水) 22:09:50.48ID:yRCz60Dn0
お前だけだろ
0263名無しさん@お腹いっぱい。2014/08/27(水) 23:23:12.34ID:W03LLpaQ0
まじかよ
でも>>259もやってるんじゃないかな…
0264名無しさん@お腹いっぱい。2014/08/28(木) 09:16:35.82ID:bm9aASI80
ロケーションバーにじゃないけどposition移動は普通にしてる
画面下にあったものは全部上に移動
視点の移動距離が最小になる
http://www.dotup.org/uploda/www.dotup.org5281753.jpg
0265名無しさん@お腹いっぱい。2014/08/28(木) 18:00:05.86ID:ew9OkyGb0
下記の記述でYoutube再生画面の「もっと見る」を常に展開した状態にしていたのですが、効かなくなってしまいました
どなたか修正方法を教えいただけませんか
お願いします

#watch-description-content {height:100% !important; cursor:auto !important; overflow:visible !important;}
#watch-description-extras {display:block !important;}
#watch-description-toggle{display:none}
0266名無しさん@お腹いっぱい。2014/08/28(木) 18:13:52.30ID:Uzjt2cd90
#watch-more-relatedがボタン押したときに動的に読み込まれるみたいだからCSSじゃ無理じゃね?
0267名無しさん@お腹いっぱい。2014/08/28(木) 19:22:08.10ID:ew9OkyGb0
>>266
CSSではできなくなってしまったんですね…
回答頂き、ありがとうございました
0268名無しさん@お腹いっぱい。2014/08/31(日) 04:15:47.49ID:h1r0uGHH0
>>267
スクリプトでもいいなら
https://greasyfork.org/ja/scripts/2981
0269名無しさん@お腹いっぱい。2014/08/31(日) 04:31:55.60ID:h1r0uGHH0
ごめんyoutubeか
これでどう?
.watch-meta-item{
display:block!important;
}
.yt-uix-expander-collapsed-body{
display:none!important;
}
0270名無しさん@お腹いっぱい。2014/08/31(日) 04:37:25.39ID:h1r0uGHH0
投稿ミスというかコピペミスw

.watch-meta-item{
display:block!important;
}
.yt-uix-expander-collapsed-body{
display:none!important;
}

#watch-description-text{
max-height: none!important;
}
0271名無しさん@お腹いっぱい。2014/08/31(日) 08:33:53.35ID:X25l+8mu0
>>270
うまくいきました!
本当にありがとうございます
0272名無しさん@お腹いっぱい。2014/08/31(日) 23:53:33.08ID:CaoF4Ez+0
>>270
横d
0273名無しさん@お腹いっぱい。2014/09/01(月) 22:35:27.26ID:qQx3Ha6c0
ニコニコ静画の新スタイルの説明文を開く
.watch_head_bar .inner .manga_detail .description .full {
display: block!important;
}

.watch_head_bar .inner .manga_detail .description .short {
display: none!important;
}
0274名無しさん@お腹いっぱい。2014/09/02(火) 02:01:28.20ID:XWTVOAW90
いきなりどったのこの人
0275名無しさん@お腹いっぱい。2014/09/02(火) 05:29:35.02ID:nNEVf9dN0
メモ
32 右クリックのこのページをブックマークを隠す

menuitem[id="context-bookmarkpage"][aria-label="このページをブックマーク"]
{ visibility:collapse !important; }
0276名無しさん@お腹いっぱい。2014/09/02(火) 07:27:26.17ID:+MVM0IL40
チラ裏
0277名無しさん@お腹いっぱい。2014/09/02(火) 07:50:07.52ID:rZU/gtFK0
なんでid指定してんのにwwwwwwwww初心者かよwwwwwwwwwww
0278名無しさん@お腹いっぱい。2014/09/02(火) 08:58:14.86ID:MIMJ1jCe0
保守性
0279名無しさん@お腹いっぱい。2014/09/02(火) 13:06:03.90ID:3bRv+KcL0
コメントにしとけよ
0280名無しさん@お腹いっぱい。2014/09/02(火) 17:35:36.22ID:pHCtEO4f0
ラベルは可読性のためだろ
でも日本語化してない派生ビルドとか使う時に弊害になりうるから注意
0281名無しさん@お腹いっぱい。2014/09/02(火) 18:09:14.70ID:wDnwxW9U0
なんにしてもチラ裏が相応しいゴミ
0282名無しさん@お腹いっぱい。2014/09/03(水) 05:23:46.67ID:dp6p4tZx0
> ラベルは可読性のためだろ
www
0283名無しさん@お腹いっぱい。2014/09/03(水) 05:37:33.31ID:GN9OOpx00
メモってことにしておけばクソコードでも安心して晒せるのがいいんだよ
さらに上級者が我慢できずにツッコミ入れてくれてスキル向上にもつながる
0284名無しさん@お腹いっぱい。2014/09/03(水) 06:51:34.51ID:3yy6UWFM0
そういえばこのスレってやたらと煽りを入れては無知を晒す馬鹿が多いよな
特にこの辺>>258,260,262,277,282
0285名無しさん@お腹いっぱい。2014/09/03(水) 07:29:34.03ID:XaFQgs8l0
それはお前がバカだからだよ
0286名無しさん@お腹いっぱい。2014/09/03(水) 08:10:12.85ID:LjaQAVmK0
Fx3の頃はidだけで指定してたけどその後いろいろ増えたり減ったりで
ラベルなりコメントなり付けとかないとわけわかんなくなっちゃったっけね

今はmenuitem#context-searchselect(「で検索:」のヤツ)以外はラベル付けてるわ
0287名無しさん@お腹いっぱい。2014/09/03(水) 08:29:32.20ID:dp6p4tZx0
> menuitem#context-searchselect
www
0288名無しさん@お腹いっぱい。2014/09/03(水) 09:12:16.14ID:LjaQAVmK0
まぁ、上級者様は頑張ってidだけでやってればいいんじゃない?
特に誰が困るわけでもないし
0289名無しさん@お腹いっぱい。2014/09/03(水) 16:41:43.91ID:O0gu5L9r0
position: sticky; top: 69px;とposition: relative; top: 69;
の違いって何ですか?
0290名無しさん@お腹いっぱい。2014/09/03(水) 16:50:04.67ID:P7Vq2yLY0
親要素が画面内にあるときのみ有効で、適用した要素が画面の外にでないようになる
0291名無しさん@お腹いっぱい。2014/09/05(金) 01:17:11.76ID:NC/TYqah0
シャン(サン)キュー!
0292名無しさん@お腹いっぱい。2014/09/08(月) 15:45:45.58ID:UG3VImDi0
新uiが使いにくいのでctrから幾つか記述を流用して使い勝手を改善しているのですが、
履歴アイコンを押すと履歴のサイドバーが開く等の以前のuiの様にする記述が見つかりません。
何かcssでの記述以外に必要なのでしょうか?
0293名無しさん@お腹いっぱい。2014/09/08(月) 18:13:28.00ID:fvJAMMHi0
javascript
0294名無しさん@お腹いっぱい。2014/09/09(火) 08:27:54.06ID:eJva3ykQ0
ホント進歩しねーな
ここの馬鹿質問者どもは

文句だけは一人前に言いたがるくせに
0295名無しさん@お腹いっぱい。2014/09/09(火) 18:44:41.86ID:kZVq4BTc0
デスネー
0296名無しさん@お腹いっぱい。2014/09/11(木) 19:13:01.87ID:AsT6wbkc0
皆さん、すみません。

私は初心者ですので、何卒、教えてください。

私の環境は、Win7(64bit)のFirefox32.0で、ヤリタイことは、
次の通りです。
   http://okbtsnr.seesaa.net/article/297169057.html
   [userContent.css]
    /* show full-title for googleスクリプト(Show Full Title for Google)でマウスONにて検索結果タイトルの全文表示 */
     @-moz-document domain('www.google.co.jp'){
     #res h3.r{overflow:visible !important;}
     }

まずは、userContent.cssの「場所」を教えてくださいますか?

  C:\Users\私の名前\AppData\Local\Mozilla\Firefox\Profiles

の中で、検索条件を、Content、userContent、cssにしても、該当ファイルが
発見できませんでした。
0297名無しさん@お腹いっぱい。2014/09/11(木) 19:23:52.13ID:CnCOKtK90
こういうのって教えてやるべきか ggrks って追い払うべきなのか
0298名無しさん@お腹いっぱい。2014/09/11(木) 19:28:52.13ID:zBk6MjG90
>>296
Firefox 4.0 からは、chromeフォルダが無くなった
でググれ
0299名無しさん@お腹いっぱい。2014/09/11(木) 21:36:18.77ID:jLcL97+A0
>>296
C:\Users\??????\AppData\Roaming\Mozilla\Firefox\Profiles\プロファイル名\chrome
Chromeフォルダを作成、配下にuserContent.cssを作成すればOK。
0300名無しさん@お腹いっぱい。2014/09/11(木) 21:50:39.35ID:AvnTjyh00
それを教えたところで「ヤリタイこと」の実現には程遠いよ
googleはとっくに仕様変更してるしそもそもスクリプト動かせなきゃ話にならないし
このスレの範疇超えてる
2chじゃなくて教えてgooとかyahoo知恵袋とかそっちで聞くべき
0301名無しさん@お腹いっぱい。2014/09/11(木) 21:52:08.77ID:jLcL97+A0
>>296
その記事古い。
多分、動かない。
新しい記事:http://okbtsnr.seesaa.net/article/396102482.html?1410439079
グリモン:showFullTitle4Googleが必要。
http://u6.getuploader.com/script/にあるはず。
0302名無しさん@お腹いっぱい。2014/09/12(金) 06:19:21.38ID:Un8QVmy20
>>294
0303名無しさん@お腹いっぱい。2014/09/13(土) 02:52:06.76ID:b6vS+6ya0
マイシニアライフ久しぶりに見たけど相変わらず参考になるな
0304名無しさん@お腹いっぱい。2014/09/13(土) 06:28:49.98ID:XbbaRvre0
寄せ集めだからな
お前みたいな初心者にはピッタリなのさ
0305名無しさん@お腹いっぱい。2014/09/13(土) 15:13:01.04ID:fYmQPDmk0
>>304
年金爺さんは独力で試行錯誤してるのに
ニート君は一日中2chに張り付いて誹謗中傷するだけ
0306名無しさん@お腹いっぱい。2014/09/13(土) 15:29:58.50ID:QQCHxtl70
そんなんだからニートなんだろ
0307名無しさん@お腹いっぱい。2014/09/13(土) 17:16:39.62ID:BdlsNuRe0
マイシニアライフの爺は一時スレイプニルに浮気してたけどな
0308名無しさん@お腹いっぱい。2014/09/14(日) 00:44:57.00ID:amF8KGgp0
てか誰だよ
0309名無しさん@お腹いっぱい。2014/09/14(日) 08:00:36.09ID:NpdOT6LD0
爺さんのステマ、自演だから気にするな
0310名無しさん@お腹いっぱい。2014/09/16(火) 06:29:32.69ID:skKRb9/e0
サイドバーの中に履歴とブックマークを切り替える項目を追加するcssって出来ますか?
0311名無しさん@お腹いっぱい。2014/09/16(火) 06:56:54.72ID:DdihXeVO0
またお前か
0312名無しさん@お腹いっぱい。2014/09/16(火) 07:21:09.05ID:skKRb9/e0
>>311
初めてここで質問させてもらったんですけど、何かまずかったですかね?
0313名無しさん@お腹いっぱい。2014/09/16(火) 07:21:50.33ID:E+M/4n2y0
この手の css 万能説信者はどこで量産されてるんだ
0314名無しさん@お腹いっぱい。2014/09/16(火) 07:31:03.53ID:gsKXNtVE0
>>312
cssは機能を追加するものではありません
0315名無しさん@お腹いっぱい。2014/09/16(火) 08:32:07.87ID:bT5ZxqAR0
userchrome.cssで印刷プレビュー画面の上のツールバーの指定名って何でしょうか
0316名無しさん@お腹いっぱい。2014/09/16(火) 09:40:56.85ID:7hVEAMWZ0
アホ難癖厨が来るぞー
0317名無しさん@お腹いっぱい。2014/09/16(火) 09:45:13.33ID:E+M/4n2y0
css で javascript の代替に自信ニキ
0318名無しさん@お腹いっぱい。2014/09/17(水) 09:27:33.74ID:AJ41Vwok0
/* サイドバーの背景を色分けする */
treechildren{background-color: #EEF3FA;}
treechildren:-moz-tree-row(even){background-color: #F8FAFD;}
treechildren:-moz-tree-row(odd){background-color: #F0F0F0;}

download{background-color: #EEF3FA;}
download:-moz-tree-row(even){background-color: #F8FAFD;}
download:-moz-tree-row(odd){background-color: #F0F0F0;}

/* サイドバーにドット線の区切りを付ける */
treechildren:-moz-tree-row {
border-bottom: 1px dotted #A0A0A0 !important;
}

以前どこかで↑を教えてもらい、userChrome.cssに記述して使用していましたが
この度久々にFirefoxをうpして32にしたところ、ダウンロードのペインだけ効かなくなりました

http://i.imgur.com/TBAArYr.png
http://i.imgur.com/VywatML.png

上:Firefox32、下:以前のFirefoxです。

できるのであればFirefox32での新しい書式を教えていただけないでしょうか
ちょっと新しいのは見づらくて困っています
0319名無しさん@お腹いっぱい。2014/09/17(水) 11:11:03.84ID:b39Pbr6G0
Hide (Compress) the Search Bar Until Hovered Over という
検索バーをマウスオーバーで開閉するユーザースタイルを入れてみたんですけど
閉じてるときも無駄なスペースが開いているので、このスペースを詰める事は出来ないでしょうか
リンク先のサムネ画像でも、大体同じような感じです。

https://userstyles.org/styles/9362/hide-compress-the-search-bar-until-hovered-over
https://df6a.https.cdn.softlayer.net/80DF6A/static.userstyles.org/style_screenshot_thumbnails/9362_after.png
0320名無しさん@お腹いっぱい。2014/09/17(水) 17:59:33.66ID:vuC//p7t0
>319
こういう感じ?

/*ツールバーをホバーしたときだけ検索バーを表示*/
toolbar:not(:hover) #search-container {
    max-width: 0px;
}
0321名無しさん@お腹いっぱい。2014/09/17(水) 19:52:25.58ID:b39Pbr6G0
>>320
アイコンだけの幅にはならのかなと思ってたんですけど、
それでも埋まってる感があるので、それを使わせていただきます。
ありがとうございました。
0322名無しさん@お腹いっぱい。2014/09/18(木) 00:54:18.83ID:/0HVyvAg0
>>320
すいません、それロケーションバーにホバーした時だけ、検索バーを開かないように出来ませんか?
0323名無しさん@お腹いっぱい。2014/09/18(木) 01:04:19.51ID:ROxWqApb0
またこいつか
0324名無しさん@お腹いっぱい。2014/09/18(木) 19:40:51.35ID:CaBm1QsD0
>321
max-widthを適当に増やしてみればいいんじゃない?

>322
CSSには「E要素の次にあるF要素に対するスタイル指定」をする方法があるので応用すればできるんじゃない?
汎用性がない(=URLバーに対する検索バーの配置は自由に動かせる)ので自分の環境に合わせて勝手に作ればいいと思う
0325名無しさん@お腹いっぱい。2014/09/20(土) 12:12:08.41ID:TYlR/l8Y0
ユーザースタイルで
「このサイトだけ適用しない」
というようなことは、できるでしょうか?
ユーザースクリプトの@excludeみたいな感じです
0326名無しさん@お腹いっぱい。2014/09/20(土) 12:21:54.92ID:q8hZ9tX10
>>325
:not
0327名無しさん@お腹いっぱい。2014/09/20(土) 12:28:32.31ID:TYlR/l8Y0
>>326
CSS3の疑似要素でできるんですね
即レスありがとうございました
0328名無しさん@お腹いっぱい。2014/09/20(土) 13:20:48.53ID:fbl7Vkyp0
https://github.com/JasonBarnabe/stylish/wiki/Applying-styles-to-specific-sites
の下から二番目(An example of matching all sites with a certain exception)
0329名無しさん@お腹いっぱい。2014/09/20(土) 14:06:56.12ID:iDMOYTwS0
>>328
feedly 以外のサイトで任意のフォントに変更する
というのをやりたくて試行錯誤してました

@-moz-document regexp('(?!https://feedly\\.com).*') {
* {
font-family : 'MaruGoAA-SR2' !important;
}
}

これでできました
ありがとうございました
0330名無しさん@お腹いっぱい。2014/09/21(日) 11:40:50.35ID:fKk4aFET0
YouTubeの再生リストが100件以上になると「もっと読み込む」英語だと「Load More」が表示されて
いちいちクリックするのが怠いのですがCSSで何とか出来ますか?
0331名無しさん@お腹いっぱい。2014/09/21(日) 13:00:56.33ID:qTXFkqn10
そういうのは javascript でやるんだよ
いい加減覚えて、どうぞ
0332名無しさん@お腹いっぱい。2014/09/21(日) 13:09:38.11ID:fKk4aFET0
>>265-271 みたいな事例があるからCSSで出来ると思った
0333名無しさん@お腹いっぱい。2014/09/21(日) 13:33:54.45ID:Q8M137EY0
そのつべの100件以上のリストの例示がないと
0334名無しさん@お腹いっぱい。2014/09/21(日) 16:14:28.09ID:fKk4aFET0
>>333
http://i.imgur.com/AejN2r2.png
0335名無しさん@お腹いっぱい。2014/09/21(日) 16:24:29.13ID:tagfMXUR0
先に読み込んで見た目上隠してるとかじゃない限り css じゃムリだから諦めろ
0336名無しさん@お腹いっぱい。2014/09/21(日) 17:46:55.76ID:Q8M137EY0
URL張れって話
0337名無しさん@お腹いっぱい。2014/09/21(日) 18:11:54.44ID:fKk4aFET0
これでよかですか
https://www.youtube.com/playlist?list=PL94766257CE9B7D0E
0338名無しさん@お腹いっぱい。2014/09/21(日) 18:15:18.05ID:rNUF8foA0
>>337
ajaxで続きを読み込んでるからcssじゃ無理
0339名無しさん@お腹いっぱい。2014/09/21(日) 18:25:49.89ID:ZmGfzPzI0
どうしてCSSでなんとかなるって思っちゃうんだろう?
魔法じゃないんだから
0340名無しさん@お腹いっぱい。2014/09/21(日) 20:38:30.37ID:nawH8zc00
広告非表示か UI 変更関連から入ったやつに多い印象
0341名無しさん@お腹いっぱい。2014/09/21(日) 20:52:53.57ID:TQ3071Ds0
>>294
■ このスレッドは過去ログ倉庫に格納されています