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

userChrome.css・userContent.cssスタイルスレ

■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん@お腹いっぱい。2011/10/06(木) 01:02:59.76ID:KqTbISTo0
質問は必ずまとめサイトに目を通した後にして下さい。

■まとめサイト
firefoxまとめサイト
http://firefox.geckodev.org/
http://firefox.geckodev.org/index.php?cmd=read&page=Stylish&word=Stylish
http://firefox.geckodev.org/index.php?cmd=read&page=userchrome.css&word=Stylish
http://firefox.geckodev.org/index.php?cmd=read&page=usercontent.css&word=Stylish


■拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
userstyles.org
http://userstyles.org/
0166名無しさん@お腹いっぱい。2011/11/02(水) 23:47:49.95ID:hIdZeq590
>>165
このアドオンだとgoogle以外のタブも染まってしまうのがなあ

ランダムな色の割り振りなだけに、タブの文字が見づらくなる色も出るし

出来ればcssで自分でコントロールしたい
0167名無しさん@お腹いっぱい。2011/11/02(水) 23:50:50.92ID:0TegIDF60
>>165
ありがとうございます
0168名無しさん@お腹いっぱい。2011/11/03(木) 00:11:12.44ID:UIz7M2sG0
>>166
cssで出来るだろ
0169名無しさん@お腹いっぱい。2011/11/03(木) 00:18:26.61ID:W9Jd5uGq0
CSSでできたっけ?
Stylish独自の機能にタブのURLごとに書き分けるのはあったと思うけど
userChrome.cssだとfaviconのパスで書き分けるくらいしか思いつかない
0170名無しさん@お腹いっぱい。2011/11/03(木) 00:46:48.79ID:iTululTk0
>>168-169
>>139-140
0171名無しさん@お腹いっぱい。2011/11/03(木) 13:03:56.96ID:lPdMWJ7k0
.tabbrowser-tab[label*="Google"]
0172名無しさん@お腹いっぱい。2011/11/03(木) 20:33:12.79ID:NM9qj9cG0
>>171
おおっサンクス!できました。
なるほどラベルでなら指定できるのか。
さっそくyahooやbingも登録しました。

他にもchaikaで開いたタブも色つけたかったけど、これは流石にムリですかね。
0173名無しさん@お腹いっぱい。2011/11/03(木) 20:47:13.94ID:7zUS6f3B0
>>172
色分けはどうやってるの?
0174名無しさん@お腹いっぱい。2011/11/03(木) 20:53:14.55ID:p5+X0zbx0
foxage2chって人気ないん?
0175名無しさん@お腹いっぱい。2011/11/03(木) 20:59:03.52ID:lPdMWJ7k0
>>172
chaikaのスキンを弄ってタイトルに特定の文字、記号を表示させるようにすればいいんじゃないかな。

>>173
簡単な方法はタブのテキストの文字色か背景色を替える
.tabbrowser-tab[label*="Google"] .tab-text
{ background-color: blue !important;color: yellow !important; }
0176名無しさん@お腹いっぱい。2011/11/03(木) 21:56:28.60ID:7zUS6f3B0
>>175
トン
タブ自体の色を変えるcssはありますか?
0177名無しさん@お腹いっぱい。2011/11/03(木) 21:59:45.66ID:K/MW9dPS0
background-color: blueがそれなんじゃねぇの?
0178名無しさん@お腹いっぱい。2011/11/03(木) 22:31:20.30ID:7zUS6f3B0
>>177
ありがとう
いまpc環境じゃなかったから。。。
0179名無しさん@お腹いっぱい。2011/11/03(木) 22:33:48.21ID:yT/aNagO0
CSS全然わからんて人もCSSいじるようになってきてるんだね
0180名無しさん@お腹いっぱい。2011/11/03(木) 22:41:53.69ID:W9Jd5uGq0
テーマによっては background-image:none が必要になるかもね

>>175 のだと ttp://hibari.2ch.net/test/read.cgi/google/1286646453/l50
とかに誤爆するから
.tabbrowser-tab[image*=".google.co"]
とかのがいい気がするけど
0181名無しさん@お腹いっぱい。2011/11/03(木) 22:54:44.10ID:NM9qj9cG0
>>175
やっと出来たw
スキンとかcssとか、ほとんど弄ったことないから疲れるわ。
サンクス。
0182名無しさん@お腹いっぱい。2011/11/03(木) 23:22:43.84ID:NM9qj9cG0
>>180
おおっ!サンクス。
ファビコンで色指定とはこういうことか。便利ですね。
これも頂きます。
0183名無しさん@お腹いっぱい。2011/11/04(金) 10:24:15.21ID:Sbnj5xAg0
良かったよかった、ようやくウザい質問者がひとり減ってくれたわ
0184名無しさん@お腹いっぱい。2011/11/04(金) 17:53:34.81ID:IU89ezb90
>>95じゃないが>>138がぶっとばんようにするcssだれがおせーて
0185名無しさん@お腹いっぱい。2011/11/04(金) 18:18:37.12ID:Sbnj5xAg0
>>184
本人乙
0186名無しさん@お腹いっぱい。2011/11/04(金) 18:43:52.87ID:IU89ezb90
>>185
本人じゃない。
俺も文字変えたいから知りたいだけ
0187名無しさん@お腹いっぱい。2011/11/04(金) 22:21:54.57ID:StuMNHmf0
タブ幅が狭くなるとはみ出してしまうw
0188名無しさん@お腹いっぱい。2011/11/04(金) 23:00:26.51ID:BStkD08w0
>>184
やなこった
0189名無しさん@お腹いっぱい。2011/11/04(金) 23:02:51.12ID:IU89ezb90
>>184
頼む!!
0190名無しさん@お腹いっぱい。2011/11/04(金) 23:03:46.68ID:cVO6qiDk0
お断りします(AA略
0191名無しさん@お腹いっぱい。2011/11/04(金) 23:06:15.67ID:IU89ezb90
>>190
お断らないでください
ほんと頼む
0192名無しさん@お腹いっぱい。2011/11/04(金) 23:06:36.63ID:BStkD08w0
英語版使え
ただし表示は Connecting...
0193名無しさん@お腹いっぱい。2011/11/04(金) 23:28:24.86ID:/+RrBM1X0
FXChrome 5というテーマを使用しているのですが、
メニューボタンが忍者になってしまいます。
メニューボタンを変更するにはStylishを使用して、
作者の用意したuser scriptをインストールする必要があるそうです。

しかし、そのためだけにStylishを入れたくないのですが
userChrome.cssやuserContent.cssで代用できないでしょうか?

以下がテーマのサイトとuser scriptのサイトです。

・FXChrome 5
https://addons.mozilla.org/en-US/firefox/addon/fxchrome/?src=api

・FXChrome firox button icons
http://userstyles.org/styles/51118/fxchrome-firox-button-icons?r=1311430549
0194名無しさん@お腹いっぱい。2011/11/04(金) 23:33:43.38ID:BStkD08w0
> メニューボタンを変更するにはStylishを使用して、
> 作者の用意したuser scriptをインストールする必要があるそうです。

Stylishでuser scriptをインストールに絶句
0195名無しさん@お腹いっぱい。2011/11/04(金) 23:52:16.91ID:XXQ6I+4/0
>>193
テーマを開いてcssを書き直すなり、profile_avatar_ninja.pngを差し替えるなりすればいいじゃん。
0196名無しさん@お腹いっぱい。2011/11/05(土) 00:25:35.60ID:8mKmxuid0
UIだからuserChrome.cssでイケるだろ、やってみ。
0197名無しさん@お腹いっぱい。2011/11/05(土) 00:36:12.96ID:FVmUQbiv0
>>196
出来ました、ありがとうございました。
0198名無しさん@お腹いっぱい。2011/11/05(土) 07:08:27.08ID:+ULGw8rb0
他人任せのアホしか来ねえな
0199名無しさん@お腹いっぱい。2011/11/05(土) 11:00:17.98ID:2/sNukp70
むしろ〜がわからない教えてって人以外にどんな人が来ると思ってこのスレ開いてるの
0200名無しさん@お腹いっぱい。2011/11/05(土) 13:19:07.31ID:SaQ+EMa90
こういうCSSを書いてみたんだけどどうよ?とか、あれをしたいからこう書いたけどもっとスマートにできない?とか。
そういう方向のスレになるといいなぁとは思う……無理だろうけど。

サイトごとのデザインなんてどうでもいい! 全部一緒のスタイルでいいんだっていう人ほかにいないんでしょうか。
そういう人のuserContent.cssを見てみたいんですけど。
0201名無しさん@お腹いっぱい。2011/11/05(土) 13:31:35.83ID:coIvCxSu0
>>200
>サイトごとのデザインなんてどうでもいい!
そういう人はuserContent.cssなんて、からっぽだろ。
0202名無しさん@お腹いっぱい。2011/11/05(土) 13:39:08.76ID:2S1ot+QC0
デザインどうでもいいなら、
ホワイトbodyを目に優しいグレー系にするとか?
0203名無しさん@お腹いっぱい。2011/11/05(土) 13:44:54.37ID:U2wT15p30
>ホワイトbodyを目に優しいグレー系にするとか
ブックマークレットで配色替えたほうが楽でしょ
0204名無しさん@お腹いっぱい。2011/11/05(土) 17:07:10.85ID:8mKmxuid0
body  { display: none !important; }
全部一緒ってこれで良いのか?
0205名無しさん@お腹いっぱい。2011/11/05(土) 18:48:40.22ID:GdI5qCQT0
.tabbrowser-tab[label="接続中..."] .tab-text{font-size: 0px;}
.tabbrowser-tab[label="接続中..."] .tab-icon:after {content: "Connecting..."; height:??px; vertical-align:??px; }
.tabbrowser-tab[label="接続中..."] .tab-icon { margin-top:??px; margin-bottom:??px;}
0206名無しさん@お腹いっぱい。2011/11/05(土) 20:48:20.65ID:3PDtDn3d0
>>192
palemoonは、Loading...だった。
02071842011/11/06(日) 02:10:10.22ID:yaj/htay0
>>205 ありがとう!
0208名無しさん@お腹いっぱい。2011/11/06(日) 12:07:52.73ID:cPmXL2Ba0
#初心者のうざくておバカな質問 {
display:none !important;
}
0209名無しさん@お腹いっぱい。2011/11/06(日) 12:33:28.42ID:N+0xScb00
何言ってんの、自分も通ってきた道でしょ
0210名無しさん@お腹いっぱい。2011/11/06(日) 15:04:14.93ID:ISc0oXdE0
7のアドオンマネージャを3.6のと同じにすることって
できませんか?
0211名無しさん@お腹いっぱい。2011/11/06(日) 15:56:29.32ID:XOzP9sdm0
Classicish Add-on Managerが近い
0212名無しさん@お腹いっぱい。2011/11/06(日) 16:43:24.80ID:ISc0oXdE0
>>211
今まさにそれを使ってるんですけど
3.6とまるっきり同じは無理ですかね・・・
0213名無しさん@お腹いっぱい。2011/11/06(日) 17:11:00.02ID:cPmXL2Ba0
>>209

初心者は必ず質問すると決めつけるアホ {
display:none !important;
}
0214名無しさん@お腹いっぱい。2011/11/06(日) 17:40:41.28ID:jNJxmxGI0
>>213
( ゚,_ゝ゚)バカジャネーノ
0215名無しさん@お腹いっぱい。2011/11/06(日) 18:01:14.99ID:cPmXL2Ba0
ID:jNJxmxGI0 {
display:none !important;
}
0216名無しさん@お腹いっぱい。2011/11/06(日) 18:11:38.24ID:zbD9kxxW0
ID:cPmXL2Ba0:before {content: "(しつこいヤツ)" }
0217名無しさん@お腹いっぱい。2011/11/06(日) 18:14:26.29ID:cPmXL2Ba0
ID:zbD9kxxW0 {
display:none ;
}

>>216
お前みたいな雑魚には、!importantは不要。
0218名無しさん@お腹いっぱい。2011/11/06(日) 18:17:20.05ID:fRT8+GOZ0
質問しようと思ったけど、そんな空気じゃないな。
0219名無しさん@お腹いっぱい。2011/11/06(日) 18:20:05.68ID:UMKpsx7n0
気色悪い流れ
0220名無しさん@お腹いっぱい。2011/11/06(日) 18:21:17.24ID:zbD9kxxW0
ID:cPmXL2Ba0{
background: url("バカの一つ覚え") !important;
background-repeat: no-repeat!important;
background-position:center!important;
text-indent: -999999999999999999999999(遠くに行っちまえ)em!important;
}
0221名無しさん@お腹いっぱい。2011/11/06(日) 18:29:02.46ID:cPmXL2Ba0
>>220
使えん奴だな
スタイルシートの基本から勉強し直せ
0222名無しさん@お腹いっぱい。2011/11/06(日) 18:30:57.32ID:Sq214RKr0
display:noneより役に立つな。
0223名無しさん@お腹いっぱい。2011/11/06(日) 18:32:58.19ID:cPmXL2Ba0
>>222
お前みたいな素人には役に立つんだな(ゲラゲラ
0224名無しさん@お腹いっぱい。2011/11/06(日) 18:38:43.51ID:EkVvsYvq0
このしつこいcPmXL2Ba0は昨日あっちのスレで暴れてた奴だなw
0225名無しさん@お腹いっぱい。2011/11/06(日) 18:43:17.83ID:cPmXL2Ba0
>>224
あっちのスレ・・・だってさ馬鹿丸出し
0226名無しさん@お腹いっぱい。2011/11/06(日) 18:48:51.25ID:UMKpsx7n0
ぽまいらあげまくりだな
0227名無しさん@お腹いっぱい。2011/11/06(日) 19:10:49.96ID:Knzuh1J+0
>>1がまとめサイトに行かせようと必死なんだよ
次スレはテンプレからまとめサイト消さなきゃな
0228名無しさん@お腹いっぱい。2011/11/06(日) 19:12:27.09ID:yaj/htay0
幼稚たくさんだぁwwwww
0229名無しさん@お腹いっぱい。2011/11/06(日) 20:04:20.15ID:ppQSJIX20
>>224
やっとわかった。昨日23回書き込んだ馬鹿のことか。
0230名無しさん@お腹いっぱい。2011/11/06(日) 23:55:17.14ID:o5IR45rp0
ほんとだ。
お前みたいな素人には役に立つんだな(ゲラゲラ   と
教えたがりが現れるといいね(ワラw)
が同じだね。

0231名無しさん@お腹いっぱい。2011/11/07(月) 01:33:01.08ID:h2v3NtXy0
Googlr Readerの新インターフェース対応がやっとこさ終了
思わぬところで嵌ってえらく時間掛かってしもうた…
技術不足で一つ出来なかった事があるのが心残り…

今回は指摘されてたCurrent Feedのborderもきちんと表示される様に出来た。
これで判る人は時間がある時にでも試して評価下さい。ではでは…
0232名無しさん@お腹いっぱい。2011/11/07(月) 01:38:56.88ID:zbJQPz+80
!important 馬鹿ばっか
おまえらインポだろ
0233名無しさん@お腹いっぱい。2011/11/07(月) 06:27:07.02ID:v4pTpD6N0
神様、どうか上の馬鹿がいなくなりますように…
0234名無しさん@お腹いっぱい。2011/11/07(月) 08:47:26.18ID:d+g5Mqry0
>>233
自演乙
0235名無しさん@お腹いっぱい。2011/11/07(月) 11:53:46.60ID:nG0tuo150
>>1->>1000みんな馬鹿。これでおk
0236名無しさん@お腹いっぱい。2011/11/07(月) 11:55:02.46ID:nG0tuo150
あら、安価のつけ方間違えたwま、いいや
0237名無しさん@お腹いっぱい。2011/11/07(月) 11:55:57.21ID:j1R/dU840
>>1>>1000はみんな馬鹿なのか…ゴクリ
0238名無しさん@お腹いっぱい。2011/11/10(木) 04:20:16.24ID:EriMQESN0
走るフォクすけ関連のユーザースタイル作ってみた
http://userstyles.org/users/123323

作者さんの画像借りてるんで今作者さんにメールで報告&確認中
問題がありそうなら削除予定
0239名無しさん@お腹いっぱい。2011/11/10(木) 13:07:48.41ID:HdrrFUhu0
Mozilla Firefox 拡張機能スレッド Part64から誘導されてきました。

重いので拡張を減らしたいのですが、以下のもので
usechrome.cssやプレファレンスで代用できるものってありませんか?

Customize Titlebar タイトルバーからFirefoxを削除、ページのタイトルだけに
None-button Firefoxボタンを▼だけにする
Personal Titlebar ナビゲーションツールバーをタイトルバーに配置、titlebar textを表示するツールバー要素を追加
Unified Sidebar サイドバーを縦型のタブバーに統合
0240名無しさん@お腹いっぱい。2011/11/10(木) 13:41:42.47ID:2dHc7cq40
>>239
>タイトルバーからFirefoxを削除、ページのタイトルだけに
↑を見て「ああ、この人はメニューバーを常時表示してるんだな」と思いきや
>Firefoxボタンを▼だけにする
で、ワケワカメ。つか、プレファレンスて何?
0241名無しさん@お腹いっぱい。2011/11/10(木) 13:46:33.27ID:Jn8yHESt0
>>239
userstyle.orgで
titlebarとかsidebarとかで検索して地道に試していけ
0242名無しさん@お腹いっぱい。2011/11/10(木) 13:53:45.25ID:Quobuf3I0
>>239
> None-button Firefoxボタンを▼だけにする

None buttonというアドオンは導入したことがないのでどのような結果になるものか
知らないけれど、Firefoxボタンを▼だけにするってなら俺も同じことをしているので
晒してみると、

/*Firefoxボタンのテキストを非表示。*/
#appmenu-button .button-text {
display: none !important;
}
/*Firefoxボタンの幅を調整。 */
#appmenu-button {
min-width: 0px !important;
padding-left: 0ex !important;
padding-right: 1ex !important;
}

な感じのを記述している。「縮小運営中? - userChrome.cssジェネレータ」
(ttp://www.jaist.ac.jp/~t-koba/userchromegen.php)で生成し、ちょっとだけ
手を加えたものだけどさ。残り3つの問いは俺には分からんです。
0243名無しさん@お腹いっぱい。2011/11/10(木) 14:00:36.74ID:uiYgfoFs0
>>239
None-buttonだけ代用できる
02442392011/11/10(木) 14:23:25.12ID:HdrrFUhu0
>>242
ありがとうございます。これで1つ拡張が減らせました。

>>240
タイトルバーに
▼|ツールバーボタン数個|ページタイトル|ロケーション|検索ボックス
という風に並んでいます。
>プレファレンスて何?
prefs.jsのつもりでした。

すいません、間違いがありました。
×Personal Titlebar ナビゲーションツールバーをタイトルバーに配置
○Personal Titlebar メニューバーをタイトルバーに配置
メニューバーにロケーションとツールバーボタンを置いていて
メニューは表示していません。
0245名無しさん@お腹いっぱい。2011/11/10(木) 16:04:27.64ID:83UhQGlU0
#appmenu-button .button-box .box-inherit:before{font-family: ms pゴシック !important;
color:#ffffff;content:"▼";}
#appmenu-button .button-menu-dropmarker{display:none!important;}
#appmenu-button .button-box.box-inherit .button-text{display:none!important;}
#appmenu-button {background: none !important;}
#appmenu-button {
border: 0 none !important;
box-shadow: none!important;
margin-top: 0px !important;
margin-left: -14px !important;
min-width: 20px !important;}
02462392011/11/10(木) 16:50:54.26ID:HdrrFUhu0
>>245
おお、これでもっとスペース削減できました。
ありがとうございます。
0247名無しさん@お腹いっぱい。2011/11/10(木) 16:58:44.65ID:Jn8yHESt0
>>245
これにマウスオーバーでエフェクト、ボタン押したときにもエフェクトする奴も頼む
0248名無しさん@お腹いっぱい。2011/11/10(木) 17:24:40.73ID:J1PHVgWs0
>>245
もともとのドロップマーカーを消して、▼を新設する意味が解らん。

>>247
/*::平時::*/
#appmenu-button {
/*::マウスオーバー時::*/
#appmenu-button:hover {
/*::メニューオープン時::*/
#appmenu-button:active,#appmenu-button[open] {
0249名無しさん@お腹いっぱい。2011/11/11(金) 22:55:47.19ID:6vjSNT8a0
アドオンのRead It LaterとEverNoteのコンテキストメニューを消そうと思ったんだが
#context_Evernote に追加,
#context_Read This Link Later,
#context_Read This Page Later,
#context_Click to Save Mode,
{display:none !important;}
じゃだめなのか?
0250名無しさん@お腹いっぱい。2011/11/11(金) 23:39:11.60ID:dbp35oHJ0
俺もRefControlとSimple Mailのコンテキストメニューの文言を消したい。
偉い人、おせーて

Send by Simple Mail
このサイトに関する RefControl オプション(C)...
0251名無しさん@お腹いっぱい。2011/11/12(土) 00:22:12.74ID:bfaOtUBy0
>>249
>>250
両方入れてないのでわからないが、DOM入れているのなら Popup Inspector入れると
コンテキスト関係の要素を調べるのに便利だよ

DOM入れていないのなら、Menu Editorで非表示じゃだめなの?
0252名無しさん@お腹いっぱい。2011/11/12(土) 00:34:34.87ID:k0czUzTQ0
ui eraserで十分でしょ
0253名無しさん@お腹いっぱい。2011/11/12(土) 02:14:28.56ID:vSCA+mi70
CSS書けないDOMで調べないお前らって楽でいいよな
おせーてって言ってたらいいんだからw
0254名無しさん@お腹いっぱい。2011/11/12(土) 02:57:14.21ID:H5mAEBVs0
>>251
横からですが勉強になりました。ありがとう。
0255名無しさん@お腹いっぱい。2011/11/12(土) 05:32:39.78ID:bfaOtUBy0
>>251
訂正
DOM = DOM Inspectorのことね

>>254
参考になったのならよかった
0256名無しさん@お腹いっぱい。2011/11/12(土) 10:54:40.47ID:3mwigknR0
>>250
Refはオプションにコンテキストメニューに表示するか設定があるよ
0257名無しさん@お腹いっぱい。2011/11/12(土) 16:44:05.64ID:KcnufK2V0
>>251
popup inspector なんてもんがあったのか
前々からコンテキストメニューとかどうやって探ってんだコイツらって思ってた

勉強になったサンクス。
0258名無しさん@お腹いっぱい。2011/11/12(土) 16:53:26.31ID:k0czUzTQ0
>>257
ui eraserを忘れないで
軽量で再起動なしで有効無効できるし便利
0259名無しさん@お腹いっぱい。2011/11/13(日) 03:05:12.88ID:5ddi6Tqb0
タブグループにuserChrome.cssって適用できないですか?
例えば
ttp://userstyles.org/styles/43654/panorama-clean-and-glass
とかなんですが、コードをuserChrome.cssにコピーしても見た目が変わらないです
Stylishをインストールしたら適用されたのですができればStylishなしでやりたいです

Stylishなしでタブグループの表示画面のスタイル変更できてる方居たら教えてください
0260名無しさん@お腹いっぱい。2011/11/13(日) 10:02:40.67ID:vdF77afn0
このスレじゃお礼文でサンクスって言うのがデフォ?
もしくは、同一人物だろな
0261名無しさん@お腹いっぱい。2011/11/13(日) 10:09:36.46ID:7rKYPnlE0
ストーカー乙
0262名無しさん@お腹いっぱい。2011/11/13(日) 10:37:30.09ID:lvO45yKK0
同一人物だろうけど
だからなに
0263名無しさん@お腹いっぱい。2011/11/13(日) 11:05:29.82ID:Ei2Q7LLg0
>>260
勉強になった。サンクス。
0264名無しさん@お腹いっぱい。2011/11/13(日) 18:50:25.76ID:gElCMzX30
アクティブタブの背景をピンタブの青白く光るハイライト時と同じにしたいのですが、cssでどのように書けばいいでしょうか?
0265名無しさん@お腹いっぱい。2011/11/13(日) 19:19:56.28ID:QURNrGGv0
>>264
参考になるのではないか。
http://doheny.blog137.fc2.com/blog-entry-116.html
■ このスレッドは過去ログ倉庫に格納されています