トップページ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/
0124名無しさん@お腹いっぱい。2011/10/29(土) 21:25:19.70ID:sB5lcr7U0
>>123
おれも知りたいお
0125名無しさん@お腹いっぱい。2011/10/30(日) 12:52:51.17ID:sNff32nT0
>123-124
リロードボタンとストップボタンのこと? これじゃダメなの?
ttp://firefox.geckodev.org/index.php?cmd=read&page=userchrome.css&word=user%20chrome#k1d8d8fa
0126名無しさん@お腹いっぱい。2011/10/30(日) 13:01:01.57ID:DbhM0G7z0
※読み込み中アイコン
0127名無しさん@お腹いっぱい。2011/10/30(日) 13:08:07.30ID:Gr5HYg5I0
読み込み中アイコンてタブでくるくる回るあれ?それともツールバーに配置するくるくる回るあれ?
更新ボタンと読み込み中アイコン統合したいってのがよくわからん
0128名無しさん@お腹いっぱい。2011/10/30(日) 13:12:14.07ID:TlBYHsu80
relaodとnavigator-throbberを統合させるので一番簡単なのはstopボタンの画像をnavigator-throbberのものに置き換えることだと思う
ただしreloadとstopをわけて置いてると↑は見当はずれになるけどね
0129名無しさん@お腹いっぱい。2011/10/30(日) 14:00:46.52ID:5kNXY82I0
>>127
ツールバーの方

ページを読み込んでいる間は読み込み中アイコン(更新は非表示)で、それ以外は更新を表示したい
0130名無しさん@お腹いっぱい。2011/10/30(日) 14:12:43.27ID:mEprRrv30
>>128
おまい、天才。
0131名無しさん@お腹いっぱい。2011/10/30(日) 14:52:36.01ID:5kNXY82I0
これではダメだった

#stop-button {
list-style-image: url("chrome://global/skin/icons/loading_16.png") !important;
}
0132名無しさん@お腹いっぱい。2011/10/30(日) 15:35:33.51ID:KX++yl/X0
>>131
#stop-button {
list-style-image: url("chrome://global/skin/icons/loading_16.png") !important;
-moz-image-region: auto !important;
}
0133名無しさん@お腹いっぱい。2011/10/30(日) 15:42:25.10ID:5kNXY82I0
ありがとう
0134名無しさん@お腹いっぱい。2011/10/30(日) 17:40:54.10ID:ahewWsw+0
OmniSidebarをcssで再現できませんか?
0135名無しさん@お腹いっぱい。2011/10/30(日) 20:04:35.90ID:+50J5i8f0
>>132
トン
0136名無しさん@お腹いっぱい。2011/10/30(日) 22:07:51.62ID:noKns0wj0
>>133
>>135

え?
そのCSSコードで満足なの??
0137名無しさん@お腹いっぱい。2011/10/30(日) 22:34:46.09ID:5kNXY82I0
>>136
一瞬更新が押せなくなるけどこれでいいや
0138名無しさん@お腹いっぱい。2011/10/30(日) 22:36:53.77ID:mEprRrv30
>>95
.tabbrowser-tab[label="接続中..."]:after{
content: "Loading...";
}
↑で一応Loading...がタブに入るが、入る場所がぶっとんでるw
おそらく position: だが俺には分からん
あとは誰か頼む
0139名無しさん@お腹いっぱい。2011/10/30(日) 23:11:37.08ID:MKab4EJD0
>>134
先にどうしてcssで出来ると思ったかを400字詰め原稿用紙2枚で答えよ
0140名無しさん@お腹いっぱい。2011/10/30(日) 23:16:07.31ID:ahewWsw+0
>>139
cssの万能さを信じてるから
0141名無しさん@お腹いっぱい。2011/10/30(日) 23:23:51.92ID:MKab4EJD0
あら まぁ 変な熱病が流行ってるんだね
再び書き込んだ >>140 の勇気に乾杯
0142名無しさん@お腹いっぱい。2011/10/30(日) 23:26:25.54ID:DbhM0G7z0
天狗の仕業
0143名無しさん@お腹いっぱい。2011/10/31(月) 00:02:09.30ID:IFzKzV530
Loading はおかしいだろ
Connecting だろどう考えても
0144名無しさん@お腹いっぱい。2011/10/31(月) 06:16:55.63ID:wrY1M1Gu0
ほんとバカばっか
0145名無しさん@お腹いっぱい。2011/10/31(月) 06:36:41.93ID:Za1VX7QS0
  ∧∧
 (=^v^)
c(,_uuノ
0146名無しさん@お腹いっぱい。2011/11/01(火) 21:17:00.95ID:b8NxMZD60
ttp://i.matomenomori.net/c/vip.html をCSS(Stylish)でカスタマイズしてサイドバー("このブックマークはサイドバーに読み込む"で設定)に表示させています。

スクロールバーの非表示は
#bookmarksPanel scrollbar,
#history-panel scrollbar {
display:none !important;}
では非表示になりませんでした

スクロールバーの非表示に加えて下の空白と、右のスペースにも文字を表示させるCSSを教えてください

参考画像 > http://www.dotup.org/uploda/www.dotup.org2209369.png
0147名無しさん@お腹いっぱい。2011/11/02(水) 12:34:04.46ID:QpAm3Pdy0
質問たのむ。
タブバーの自動開閉とサイドバーの自動開閉ができなくなってるorz
Win7 64bit Firefox7.0.1 
xp 32bit 3.5の時はまとめサイトのcssは全部動作したんだけど・・・
0148名無しさん@お腹いっぱい。2011/11/02(水) 13:21:45.84ID:QOjW4Nw60
タブバーのほうはたぶん、#TabsToolbarに変えればいけると思う。
サイドバーのほうは分からん。
0149名無しさん@お腹いっぱい。2011/11/02(水) 13:27:37.66ID:bNEeV+zF0
>>147
まずcssコードを晒してごらんよ。
0150名無しさん@お腹いっぱい。2011/11/02(水) 14:01:47.93ID:QpAm3Pdy0
>>149
長いって言われたから、どっとうpろだにうpしました。
診てみてください。
http://www.dotup.org/uploda/www.dotup.org2211706.txt.html
0151名無しさん@お腹いっぱい。2011/11/02(水) 14:11:15.37ID:QpAm3Pdy0
>>148
#TabsToolbar-strip{
min-height:4px !important;
max-height:4px !important;
}
#TabsToolbar-strip:hover {
min-height:29px !important;
max-height:87px !important;
}

こうしてみたけど・・・だめ。
0152名無しさん@お腹いっぱい。2011/11/02(水) 14:28:35.77ID:bNEeV+zF0
>>150
当方vista32-auroraだが、サイドバーの自動開閉はそれで出来るぞ。
tabは解らん。
0153名無しさん@お腹いっぱい。2011/11/02(水) 14:42:02.47ID:QOjW4Nw60
>>151
#TabsToolbar-strip
ではなく、
#TabsToolbar。-stripは不要。ただしタブを上部へ表示していると、なんだか
見た目が不恰好になるのでお勧めできない。ttp://userstyles.org/等で
それらしい挙動をするものを探してみるとか。それと、サイドバーのほうは
記述のままで希望の挙動になっているような気もするけれど。
0154名無しさん@お腹いっぱい。2011/11/02(水) 14:51:00.41ID:QpAm3Pdy0
ありがとう。
サイドバーに関して・・・
一応なるにはなるんだけど、一度ブックマークのアイコンを
押してからでないと自動開閉にならず。サイドバーの上部に
チェック入れるとそのまんま固定されるはずだけど、
その部分にチェックを入れておかないと自動開閉すらできない。

タブバーはお教えいただいたとおりに書き換えたけどだめです。
すいません。
0155名無しさん@お腹いっぱい。2011/11/02(水) 16:51:32.41ID:0TegIDF60
>>146
お願いしますm(_ _)m
0156名無しさん@お腹いっぱい。2011/11/02(水) 17:08:52.68ID:9hbz16rp0
自動的に隠す系はauto hideでググれ
ttps://addons.mozilla.org/ja/firefox/addon/autohide-tabbar/
ttps://addons.mozilla.org/ja/firefox/addon/hide-tab-bar/
ttps://addons.mozilla.org/ja/firefox/addon/hide-tabbar/
>>155うまくいくかどうかは知らん
ttp://userstyles.org/styles/5449/scrollbar-hidden-hide-scrollbars-totally
0157名無しさん@お腹いっぱい。2011/11/02(水) 18:11:15.37ID:0TegIDF60
>>156 ありがとうございますm(_ _)m

引き続き、下のスペースを埋めるCSSと右にも文字を表示させるCSSを教えてください><
0158名無しさん@お腹いっぱい。2011/11/02(水) 18:33:06.19ID:dkZoXn+t0
>>157
お前専用のスレじゃねえぞ
この調子で一生質問する気かよ、ハゲ
0159名無しさん@お腹いっぱい。2011/11/02(水) 18:33:58.82ID:1XIBjTnn0
良心的なスレなんですね
0160名無しさん@お腹いっぱい。2011/11/02(水) 18:50:57.76ID:bNEeV+zF0
>>146
てか、これ何?
AiOSのマルチパネルか?
0161名無しさん@お腹いっぱい。2011/11/02(水) 19:17:39.91ID:9hbz16rp0
>>157
右に文字表示できてるしスペースもできないんだけど…
0162名無しさん@お腹いっぱい。2011/11/02(水) 22:17:25.37ID:0TegIDF60
>>169
AiOS使ってます

>>161
俺はできてしまいます
0163名無しさん@お腹いっぱい。2011/11/02(水) 22:39:13.76ID:hIdZeq590
タブの色を
ドメインがgoogle.co.jpのときは水色にするとかできますか?
0164名無しさん@お腹いっぱい。2011/11/02(水) 22:58:06.75ID:dkZoXn+t0
>>163
念じなさい、きっと願いがかないます
0165名無しさん@お腹いっぱい。2011/11/02(水) 23:39:01.73ID:9hbz16rp0
>>162
つOmniSidebar
>>163
http://hibari.2ch.net/test/read.cgi/software/1315036707/512-
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
お前みたいな素人には役に立つんだな(ゲラゲラ
■ このスレッドは過去ログ倉庫に格納されています