13/05/31 11:54:43.39 prWYoTlH0
◆前スレ
ｽﾚﾘﾝｸ(software板)
◆拡張機能
Stylish
URLﾘﾝｸ(addons.mozilla.org)
◆スクリプト
userChromeJS/UserCSSLoader at master · Griever/userChromeJS · GitHub
URLﾘﾝｸ(github.com)
◆CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）
◆関連サイト
userstyles.org
URLﾘﾝｸ(userstyles.org)
CSS | MDN
URLﾘﾝｸ(developer.mozilla.org)
とほほのスタイルシート入門
URLﾘﾝｸ(www.tohoho-web.com)
2:名無しさん＠お腹いっぱい。
13/05/31 11:55:14.16 prWYoTlH0
揉め事は他所でやりましょう
3:名無しさん＠お腹いっぱい。
13/05/31 11:58:14.93 LAnJ+kZF0
,===,====、
_.||＿__|_____||_
.. ∧_∧ ／||＿＿＿|^ ∧_∧
.. (・ω・`)／／|| |口| |ω・` )
. .／(^(^ .／／||...|| |口| |ｃ ）
..... ∧_∧ ／ ／／ ||...|| |口| ||し 新スレです
....... (・ω・`) ／／.... ||...|| |口| || 楽しく使ってね
／(^(^ ／／ .... .||...|| |口| || 仲良く使ってね
"" :::'' |／ |／ '' " ::: ⌒ :: ⌒⌒⌒ :: "" `
:: ,, ::::: ,, ;￣￣￣ "､ :::: " ,, , ::: " :: " :::: "
4:名無しさん＠お腹いっぱい。
13/05/31 11:58:45.48 LAnJ+kZF0
. ∧_∧
===,=（´･ω･｀）
||＿__|_ﾟし-Jﾟ||＿
∧_∧／ ／／.＿＿＿|^∧_∧
（´･ω･｀） ／|| |口|（´･ω･｀）
.／(^(^／／|| || |口|⊂ ＿）
∧_∧ ／.／ || || |口| || ∧_∧
∧_∧ （´･ω･｀）／ ...|| || |口| || （´･ω･｀）
（´･ω･｀） ／(^(^／ ／ .|| || |口| || ﾟし-Jﾟ
"" ﾟし-Jﾟ:::'' |／ |／ '' " :: ":::::⌒ :: ⌒⌒⌒ :: "" `
:: ,, ::::: ,, "￣￣ "､ :::: " ,, , ::: " :: " ::::
ぼくたちは、なかよくつかってるよ
5:名無しさん＠お腹いっぱい。
13/06/01 23:37:58.29 Y3Nv9yBB0
乙
6:名無しさん＠お腹いっぱい。
13/06/02 13:05:34.68 zgq87Gjb0
>>1
アスペの駆除乙
7:名無しさん＠お腹いっぱい。
13/06/03 18:02:27.33 oJ5yU3L/0
Feed Sidebarを透過させたくてDOMiでポチポチやってみたんですがイマイチ分かりません
既に透過させてる人、もしよければ貼ってもらえませんかm(_ _)m
8:名無しさん＠お腹いっぱい。
13/06/03 21:23:06.67 8WFXvWxI0
サイドバー関連はどれもやることは同じだと思うけど
まずbrowser.xulのbrowser#sidebarのbackground-colorを潰しておく
#sidebar{
background-color:transparent !important;
}
#sidebarに読み込まれるchrome://feedbar/content/sidebar.xulのなかで
backgrond-color指定があるものを順に潰していく
個別にコメントアウトできるように別に書くと
@-moz-document url("chrome://feedbar/content/sidebar.xul") {
page{
background-color:transparent !important;
}
#feed_tree{
background-color:transparent !important;
}
#feedbar-preview{
background-color:transparent !important;
}
}
9:名無しさん＠お腹いっぱい。
13/06/04 08:19:41.84 ZFIyIJhp0
>>7
>DOMiでポチポチやってみたんですがイマイチ分かりません
どうポチポチやってみたのか？
10:名無しさん＠お腹いっぱい。
13/06/04 09:07:00.58 7nS9jQogP
そこそこの初心者が釣り感覚でポチポチした事にするんだろjk
11:名無しさん＠お腹いっぱい。
13/06/04 09:19:44.66 ZFIyIJhp0
>そこそこの初心者
ってどういう意味だ？
12:7
13/06/04 18:00:09.62 heI06qxU0
>>8
ありがとう！そして、ありがとう！
13:名無しさん＠お腹いっぱい。
13/06/04 18:07:52.30 ZFIyIJhp0
>>12
やっぱり>>9でした、私の素朴な疑問には答えないのね
14:名無しさん＠お腹いっぱい。
13/06/05 16:24:39.08 8bnQ6KHs0
DOMiでポチポチやってたら、突然サイドバーが透過するとでも思った初心者ってことなんじゃね？
ポチポチ
ポチポチ
透過しねーーーーーーーーーーーーよ
15:名無しさん＠お腹いっぱい。
13/06/08 19:51:11.87 r5a8+97p0
background-color: と
HTML Ruby ： URLﾘﾝｸ(k9q.hateblo.jp)
を両立するにはどうしたらいいか教えてくれませんか？
現状background-color: を指定しているとルビの表示域が通常の文字列より全面に出てきてしまいます
16:名無しさん＠お腹いっぱい。
13/06/09 01:27:11.24 NbomgPEK0
検索バーについて質問です。
検索バーに任意の文字列がある時、幅を変化させるには、どのようにしたらいいか教えてください。
ちなみに、下記のようにしてみたところ、文字列の有無に関係なく幅が固定されてしまいました。
#search-container:not(:empty){min-width: ○○○px !important;}
17:名無しさん＠お腹いっぱい。
13/06/09 18:19:06.62 A5tN/iNe0
>>16
任意の文字列でってのはcssじゃ無理じゃないかな
スクリプトならできるかもしれん。やりかたはわからんが
18:名無しさん＠お腹いっぱい。
13/06/09 21:23:11.62 r6+l84AV0
>>17
>ちなみに、下記のようにしてみたところ、文字列の有無に関係なく幅が固定されてしまいました。
は？
一体どうしたら
#search-container:not(:empty){min-width: ○○○px !important;}
で、任意の文字列で検索バーの幅が変化するなんて考えたのかね
ﾜﾛｽ
19:名無しさん＠お腹いっぱい。
13/06/09 21:25:08.05 r6+l84AV0
アンカーミスでした
>>16への質問
20:名無しさん＠お腹いっぱい。
13/06/13 13:52:56.86 k/WkNi5/0
<a href="google.com" target="_blank">あいうえお</a>
-moz-any-linkで「a href=""」内の文字を参照できるみたいなんですけど、上記の「あいうえお」の文字列を参照するときはどのようにしたら良いのでしょうか?
21:名無しさん＠お腹いっぱい。
13/06/13 15:24:30.78 a9S8OSi10
>>20
CSSなのに「参照する」ってどういう意味？
22:名無しさん＠お腹いっぱい。
13/06/13 15:27:50.76 lOAd+z0K0
なんかcssを勘違いしてるんじゃないかと思うんだけど…
-moz-any-link＝-moz-any(:link,:visited)じゃないの？
a:-moz-any-link{
text-decoration:line-through !important;
}
a:-moz-any(:link,:visited){
text-decoration:line-through !important;
}
23:名無しさん＠お腹いっぱい。
13/06/13 18:21:11.13 k/WkNi5/0
>>22
↓のは「a href=""」内に.pdfが含まれている場合、リンクの横にアイコンがでるというcssです
:-moz-any-link[href$=".pdf"]:before {
content: url("省略") ;
}
下記サイトに載ってました
xxsionxx.blog17.fc2.com/blog-entry-875.html
そこで>>20の「あいうえお」の部分でも同じことがしたく質問した次第です
>>21
すみませんcssとかよく分からないもので
24:名無しさん＠お腹いっぱい。
13/06/13 18:32:25.37 bLyR9QQC0
出来ません
25:名無しさん＠お腹いっぱい。
13/06/13 18:46:25.57 lOAd+z0K0
:-moz-any-link[href$=".pdf"]:before
↑
これの意味は
1. 「:-moz-any-link」という擬似クラスで
2. 「href」という属性の値が、「.pdf」で終わっている（$）
3. そういう要素があった場合、その前に擬似要素を作るってこと
で、content: hogeは自分であらかじめ決めとかなきゃならないので「参照する」
とか関係ないから
例示されたもので言えばpdfへのリンクがあった場合、その前に表示されるものは
contentで指定しておかなきゃならない。だから
<a href="google.com" target="_blank">あいうえお</a>
この場合の「あいうえお」とは関係ない
↓これを試してみればわかるよ
:-moz-any-link[href*="google.com"][target="_blank"]:before{
content: "あいうえお";
color: red;
}
26:名無しさん＠お腹いっぱい。
13/06/13 18:56:36.02 k/WkNi5/0
>>25
ご丁寧に解説ありがとうございます
<a href="google.com" target="_blank">あいうえお</a>
cssで上記のリンクのように「あいうえお」が含まれているとき、アイコンを表示させることって何とかできないでしょうか？
27:名無しさん＠お腹いっぱい。
13/06/13 19:15:21.46 lOAd+z0K0
>>26
いやだからね、aという要素を限定するのは
<a href="google.com" target="_blank">まで
例えば
<a href="google.com" target="_blank" title="あいうえお">
とかだったら
a[href="google.com"][target="_blank"][title="あいうえお"]
ってできるわけ。あくまで使えるのは要素に掛かってる属性(id,class,href,target,title...etc)
だけどそうなってないから無理
スクリプトスレに行ったほうがいいよ
DOMiで要素調べるとそれぞれの要素にどんな属性が掛かってるかわかると思う
28:名無しさん＠お腹いっぱい。
13/06/13 19:32:07.12 k/WkNi5/0
>>27
そうですか無理ですか
親切にありがとうございます
29:名無しさん＠お腹いっぱい。
13/06/13 21:02:22.18 a9S8OSi10
>>28
なんか「無理かどうか」っていうのだけしか見てないように思えるのだが、
きちんとCSSを勉強したほうがいいよ
30:名無しさん＠お腹いっぱい。
13/06/13 21:29:25.68 k/WkNi5/0
>>29
たまにcssでいじりたいことが出てくるんですけど、たまになんですよね
日常的に使うものならきっちり覚えなきゃって感じになるんですけど、極々たまーにこうしたいってものが出てくる感じなんで、せっかく覚えても使う機会がなくて忘れちゃうんですよね
31:名無しさん＠お腹いっぱい。
13/06/14 08:18:17.15 ziFHg+hX0
で？
だからなに？
32:名無しさん＠お腹いっぱい。
13/06/14 08:43:15.02 3VaPbIeb0
たまにしかやらないのに勉強するのは脳のリソース勿体ない覚えたくないからお前等教えれ
って事だろ
33:名無しさん＠お腹いっぱい。
13/06/15 09:06:58.63 JcQGJwsw0
∩＿＿＿∩ /ﾞﾐヽ､,,___,,／ﾞヽ
| 丿 ヽ i ノ ｀ヽ'
/ ○ ○ | / ｀(○) (○)´i､ 先生助けてっ！、
| U ( _●_) ミ 彡,U ミ(__,▼_)彡ミ >>30が息をしてないのっっ！！
彡､ |∪| ,,/ ,へ､, |∪| /ﾞ
/ ヽ ヽノ ヾ_,,..,,,,_ / ' ヽノ ｀/´ ヽ
| ヽ ./ ,' 3 `ヽｰっ / |
│ ヾ ヾl ⊃ ⌒_つ ソ │
│ ＼＿＿`'ｰ-⊃⊂'''''"＿＿,,,ノ |
34:名無しさん＠お腹いっぱい。
13/06/17 14:43:29.68 WEvHEy6P0
@-moz-document domain("www.evernote.com")
このように書けばevernoteだけにCSSを適用されると思うのですが、逆にevernoteだけ適用しないようにするにはどう書けばいいですか？
35:名無しさん＠お腹いっぱい。
13/06/17 18:29:43.22 y29SwBNN0
まずお湯を沸かします
36:名無しさん＠お腹いっぱい。
13/06/17 20:07:37.76 C1Jo1M3d0
>>34
動作させたいドメインとかURLとかregexp指定のをカンマで区切って
いちいち登録する方法しか思いつかない
37:名無しさん＠お腹いっぱい。
13/06/17 20:25:03.53 vM5+e4Tx0
>>34
一般の場合をトップレベルに書いて、そのあとで evernote の場合だけ打ち消すとか
38:名無しさん＠お腹いっぱい。
13/06/17 21:06:06.80 rNL5q1h40
たとえば www.yahoo.com 以外は文字赤色にするには，以下のようにuserContent.cssに書けばOK
@-moz-document regexp("^(?!https?://www\\.yahoo\\.com).*")
{
* {color:red !important;}
}
39:34
13/06/18 00:15:09.63 yz2W7U260
皆さんどうもありがとうございます
38さのうまくいきました
40:名無しさん＠お腹いっぱい。
13/06/18 19:23:44.77 gNFUZvrV0
こりゃ勉強する気なんか起きねーわな
質問すりゃ回答マシーンが答えてくれる
41:名無しさん＠お腹いっぱい。
13/06/18 19:39:38.42 aSu1e52O0
質問以外にこのスレ書き込むことなんであるのか？
42:名無しさん＠お腹いっぱい。
13/06/18 19:42:49.33 gNFUZvrV0
>>41
また質問かよｗ
43:名無しさん＠お腹いっぱい。
13/06/18 19:46:19.28 gNFUZvrV0
と、思ったら、香ばしい奴が反応しただけか
URLﾘﾝｸ(hissi.org)
44:名無しさん＠お腹いっぱい。
13/06/18 20:10:57.35 aSu1e52O0
香ばしいな～
45:名無しさん＠お腹いっぱい。
13/06/23 02:06:33.92 fyaJ2nEa0
アクティブなタブ外をファビコンのみで表示するようにしたのですが、
タブをドラッグして移動しようとしても挙動が変で自由にタブを移動できなくなってしまいました。
（左右に最低5タブないと移動不可能）
全てのタブをファビコンだけで表示すればタブ移動自由に可能ですが、
なぜこの様な挙動になるのか分かりません。すみません、CSSのみで改善方法ありますでしょうか？；；
.tabbrowser-tab { max-width:24px !important; min-width:24px !important;}
.tabbrowser-tab:not([pinned]) { padding:0 4px !important;}
.tabbrowser-tab[pinned][selected]{ min-width:200px !important;}
.tabbrowser-tab[selected] { max-width:200px !important;}
※閉じるボタンはabout:configでいじってます
46:名無しさん＠お腹いっぱい。
13/06/23 05:02:00.71 Y0UjsbBZ0
>>45
CSSのソースぐらい調べて見てみろや
じぇねーと進歩しねーぞ
ヒント
ノットムービングタブ～～～
47:名無しさん＠お腹いっぱい。
13/06/23 19:31:19.38 j/nIpVkx0
>>46
レスありがとうございました。
Firefox本体のCSSって見られるんですね、アドレス見つけました。
色々しらべてはみたものの、それらしい答えが見つからず試行錯誤した結果
アクティブタブを調整して、ファビコンだけにしてしまえという事で解決しました。
:not([selected])？？ せっかくヒント貰ったのに、、すみません分かりませんギブアップです。
移動元が移動先*2のwidthを超えると移動無理っぽいですね
48:名無しさん＠お腹いっぱい。
13/06/23 20:03:04.14 iYo93kiB0
>>46
ヒントとかめんどくさい奴だなw
49:名無しさん＠お腹いっぱい。
13/06/23 23:03:34.77 phlKw9Fd0
Stylish1.3.2をFirefox21.0で使っています
サイドバーを右側に表示し、twitterをそこに表示させています
幅を狭くすると文字が隠れてしまうのですが
これを幅を動かしたら文字も、それに合わせて移動させることは出来ないのでしょうか？
今はこれでサイドバーを右側に表示しています
#browser { -moz-box-direction: reverse;}
50:名無しさん＠お腹いっぱい。
13/06/24 00:35:36.18 bu2fDq/j0
>>47
chrome://browser/content/browser.css
(cf. URLﾘﾝｸ(mxr.mozilla.org) 辺りから下をよーく見る)
51:47
13/06/24 03:01:55.54 TAXgWjO00
>>50
ご親切にありがとうございます。
.tabbrowser-tabs[movingtab] > .tabbrowser-tab[selected]という指定良いですね
[selected]:activeでサイズ調整してましたが、上のに変えました。
ドラッグしてタブ移動時だけラベルが消えるので期待通りの動きです。
色々勉強になりました、感謝感謝です！！
52:名無しさん＠お腹いっぱい。
13/06/24 05:25:28.55 Xh+I0CRz0
>>48
努力することを放棄した猿にはわからんだろな
53:名無しさん＠お腹いっぱい。
13/06/25 08:49:41.46 qUV1VXlD0
努力放棄猿
,,.ｒ'' ゛~~` ''ッ,, ) ）
､ ゛ ,,,,,,,,,,,,,,,,,,,,, ヾ. >>52 ほっとけ ,.、 / ／
ﾐ ﾐ゛,へ.__, ,_ﾉヽ i. .| |l l ,´
ﾐ ﾐ, ( ・) {・ﾌ 〉 ﾐ. ＿-､i::| |ニニii '
、,,,,ツi: ﾐ,｀~´ ヽ~〈 .ﾐ /,‐ヽヽ`､||
､ｼ`｀ i: ,ゞ 'ｎ.inヽ. .ﾐ （ .〉〉/
ｼ ／／ ﾐ｀ l.l ヽ"、 ／ ノ
ﾐ/ ｼ 彡 ,＝こ二=.{ ﾐ,, ,ｒ'´ ,,､'゛
ﾐi. / / ' ! w､｀~^' vwｖ '､ ﾐ 〃 .ﾐ
.ﾐ / i: / ｀＾^ ＼ ." 〃 ﾐ
.ﾐ.:/ / / i: ｖ ! ,, ＼ ､ 〃 ﾐ
：i; .i: ｗ !! ミ!: ﾐ ＼＼( ⌒ヽ
:i; / i: !! .ミ ｷ , ⌒｀、_ ) ）
:iｌ .i: ! ｗ! ミ .:i. （_ ( _,ノ ） ,
:iｌ ! i: ! ,〃゛ ｷ ゞ、 __, ノ ,
.:iｌ ! ／~~｀｀``` " '''' ＝ ‐- ､ﾐ _,,,,_ﾐ, il ` ー ´
:iｌ ´ ― ￣ - ,,. -‐‐-､、 ヽ. ヾ、 ゞ､ ` 〃
ゝ､ｗｘ.mn.!!++ナ'~ ヾ~ヽ、 ヽ、 ,, ~^^}´
彡 〃 〃 }｝ /〉.〉〉〉i''" 〃
彡､ ｛{ 〃,__!////l | 〃
X,, 》. ≪.__`‐'.' '´,Uwwvw'､...,,,___
＾＾＾＾ !ｗニこ)こ)二）｀) （＿,,,..- ､...二⊃_).)
54:名無しさん＠お腹いっぱい。
13/07/04 01:27:49.87 TAT1YxX7P
Firefox右クリックメニューの「リンクを新しいプライベートウィンドウで開く」を消すには
userChrome.cssの#context-??? ここに入れるワードは何になりますか？ お願いします
55:名無しさん＠お腹いっぱい。
13/07/04 01:30:54.58 555iVvLE0
>>54
openlinkprivate
56:名無しさん＠お腹いっぱい。
13/07/04 14:46:21.43 12IS/LXZ0
>>54
末尾Pとか恥ずかしくないん？
57:名無しさん＠お腹いっぱい。
13/07/04 18:23:46.37 TAT1YxX7P
>>55
ありがとうございます！
58:名無しさん＠お腹いっぱい。
13/07/04 21:51:06.84 nyy3KOf00
誰かOperaのユーザーCSSのスレも立ててくれ・・・googleのサジェスト非表示にしたいんだけど書式が分からん
俺は規制でスレ立てれないんだ・・・
59:名無しさん＠お腹いっぱい。
13/07/04 22:17:07.93 ZAxSIGgI0
Opera今さっき開発終了したんじゃないの
60:名無しさん＠お腹いっぱい。
13/07/04 23:22:50.37 SNF2FdI30
開発終了ってどういうこと？
61:名無しさん＠お腹いっぱい。
13/07/05 17:07:45.40 TMNIs8mn0
>>56
いや、自分のIDが末尾Pでいちいち恥ずかしがってたら、
>>54みたいな低レベルの初心者アホな質問は出きないでしょ。
この恥知らずの馬鹿には、そもそも恥じるなんて文化は無いのさ。
62:名無しさん＠お腹いっぱい。
13/07/05 17:44:23.83 W7aL0Nnw0
２ちゃんねるで恥を感じるとかどんだけ無垢な子なの
63:名無しさん＠お腹いっぱい。
13/07/05 19:00:07.45 O8Dd9Pd20
一行毎にいちいち無駄な空行を挟むことに対して恥ずかしさは感じないんだろうか
64:名無しさん＠お腹いっぱい。
13/07/05 21:03:04.87 88NNP0TET
低レベルな初心者煽りに恥ずかしさを感じないんだろうか
65:名無しさん＠お腹いっぱい。
13/07/06 01:12:14.00 OmROyKTd0
末尾Tがなんだか分からん・・・恥ずかしい///
66:名無しさん＠お腹いっぱい。
13/07/06 01:58:46.75 1Q8r9G460
煽られた初心者どもが一斉に湧いてきたってこと？
67:名無しさん＠お腹いっぱい。
13/07/07 17:46:42.23 QNy8XmsI0
てすと
68:名無しさん＠お腹いっぱい。
13/07/07 21:37:50.99 RyL/E0YI0
>>66
一斉に湧いてきたってより、
煽られてまんまと炙り出されたってとこでしょ
69:名無しさん＠お腹いっぱい。
13/07/08 19:05:27.57 ewZ28Q/z0
初心者の自己紹介乙
>>62-65
70:名無しさん＠お腹いっぱい。
13/07/08 21:08:40.03 veJHJYNW0
>>69
初心者なので末尾Tが何か教えてください＞＜
71:名無しさん＠お腹いっぱい。
13/07/09 06:33:58.42 SrTwRE6I0
ggrks
72:名無しさん＠お腹いっぱい。
13/07/11 21:48:20.96 sgh5dyMr0
>>70
ググレカスって言われてるよ
初心者さん
73:名無しさん＠お腹いっぱい。
13/07/12 00:46:40.73 hH2EQ1N30
aタグのhrefの値がexampleから始まるもののリンクの色を変えたいです。
今このようにa[href*="example"]を2回書いているんですが1回で済ます書き方はありますか？
（a[href*="example"]を1回で、linkとvisitedをそれぞれ別の色を指定する方法。）
a[href*="example"]:link {
color:#0000FF !important;
}
a[href*="example"]:visited {
color:#FF0000 !important;
}
74:名無しさん＠お腹いっぱい。
13/07/12 03:29:39.05 jyCrxkep0
>>73
ない
75:名無しさん＠お腹いっぱい。
13/07/12 05:43:57.79 rHmmwAPy0
>>73
＿＿＿_
／ ＼
／ ─ ─ ＼
／ （●） （●） ＼
| （__人__） | ないない
＼ ｀ ⌒´ ,／
r､ r､／ ヘ
ヽヾ 三 |:l1 ヽ
＼>ヽ/ |｀ ｝ | |
ﾍ lノ `'ｿ | |
/´ / |. |
＼. ｨ | |
| | |
76:名無しさん＠お腹いっぱい。
13/07/13 08:35:55.86 ejiZdPtz0
>>73
もう少しCSSの定義を理解すれば、
くだらない質問をして無駄な時間を浪費したり、
馬鹿にされたりしなくて済むと思うよ
77:名無しさん＠お腹いっぱい。
13/07/13 23:24:59.00 nn7VGwMT0
>>76
＞無駄な～浪費
頭痛が痛い
朝の朝食
みたいな感じですね。
78:名無しさん＠お腹いっぱい。
13/07/14 01:23:20.22 XV3oJ7O10
頭痛が痛いは頭痛を擬人化しているから別物な気がする
79:名無しさん＠お腹いっぱい。
13/07/14 07:02:53.56 9zHgqUYl0
お前ら他に考えることねえのかよ