探検


userChrome.css・userContent.cssスレ Part6©2ch.net

■ このスレッドは過去ログ倉庫に格納されています
2015/08/07(金) 23:59:01.64ID:ci1ga2Nw0
●前スレ
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
http://anago.2ch.net/test/read.cgi/software/1400202982/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
User Style Manager
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
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/

MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/
2016/03/14(月) 02:56:57.42ID:hgQk7bno0
タイトルバーにCSS当てたいんだけどどうやるんでしょう?
#titlebarではダメでした
2016/03/14(月) 05:59:31.03ID:qrT5565/0
タイトルバーは「#titlebar」か「#titlebar-content」
256254
垢版 |
2016/03/14(月) 22:08:27.02ID:hgQk7bno0
>>255
んーどちらもダメでした
Stylishで
#titlebar{
background-color: red;
}
で適用されません。
#TabsToolbarとか#navigator-toolboxでは適用されました。
なぜでしょう?
2016/03/15(火) 00:03:24.47ID:VIkWBexO0
#titlebar
{

}

#titlebar-content{

}

で基本的に大丈夫ですが、必要なら「 -moz-appearance:none !important;」を追加したりで適応されませんか?
258254
垢版 |
2016/03/15(火) 20:28:45.06ID:mZDkRIBN0
>>257
「 -moz-appearance:none !important;」追加もダメでした。

userchrome.cssを直接書き換えてもダメ
いみわからん(´;ω;`)
2016/03/15(火) 20:47:09.91ID:Ps1u6NDc0
XPなら無理
2016/03/15(火) 22:44:19.89ID:FYUvX2jP0
OSごとに地味にCSS指定が違ってたりするし、特にuserChrome周りに手を加えるなら環境を出してくれないことには何とも
加えてstylishでどんな記述をしたのかもあればベター
261254
垢版 |
2016/03/16(水) 21:26:24.07ID:9agqwvGX0
win7の64bit
と別pcのwin7の32bit
どちらもfirefox45です

書いたこと

@namespace url(http://www.w3.org/1999/xhtml);
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
名前空間なしの全パターン

#titlebar{
height:60px; とか background-color: red;
!important つけたりもしました。
}

です。同じ環境で、どなたかタイトルバー変えられるか試してもらえませんか?
2016/03/16(水) 22:18:52.44ID:y84dNTym0
>>261
#titlebar-spacer { background-color: red !important;}
では?
2016/03/16(水) 23:42:11.77ID:gpFCQC9X0
#titlebar-content{
background-color:#ff0000 !important;
}
で基本的に大丈夫。
contentは閉じるボタン等の背景全て、spacerはこれを除外。
264254
垢版 |
2016/03/17(木) 00:49:49.69ID:jR9Nvm2D0
>>262-263
CSS書いてみました。結果
↓タイトルバー表示時
http://i.imgur.com/r83T1op.jpg
↓タイトルバー非表示時
http://i.imgur.com/ivWEepS.jpg

なぜかタイトルバー非表示時にCSSが適用されるという・・・
バグなんですかね
2016/03/18(金) 11:37:41.97ID:uIV9WKgT0
bingの動画検索で直接動画サイトに飛ぶにはどうすればいいの?
2016/03/18(金) 15:29:32.00ID:kCb6ogne0
基礎を学べば CSS じゃムリだとわかることだ
267265
垢版 |
2016/03/19(土) 09:39:13.38ID:RKvrC4Bs0
>>266
確かに書き込んだあとこのスレじゃないなと気付いた
スレチすまん
2016/03/20(日) 21:44:48.23ID:Q9UEwD5Z0
アドレスバーに星アイコン(ブックマーク)とRSSアイコンを表示するにはどうすればいいですか
2016/03/20(日) 21:50:06.77ID:pBzzleK80
>>268
位置固定でごり押しするとかでもない限りは>>266
2016/03/20(日) 23:45:48.27ID:nIrVvF/w0
RSSはcssでできたはずだし、スレチだけどアドオンもある
ブックマークはシラネ
2016/03/23(水) 12:34:54.43ID:U6vO2Hrc0
構造的にまともな形で移すのはcssじゃムリだろ
2016/03/23(水) 14:07:31.33ID:IWXU3GVX0
>>271
そりゃそうだw
カスケードスタイルシートだもんw
273名無しさん@お腹いっぱい。
垢版 |
2016/03/23(水) 15:59:06.53ID:AHiKHl2k0
newTabByLongPress.uc.jsがe10sで動かない
2016/03/23(水) 16:14:45.26ID:x0VutK3+0
>>273
スレチ
2016/03/25(金) 11:21:27.63ID:uxmIlz0J0
userchrom.cssを使ってfirefox45のオプション画面からSyncのタブを消したいのだがやり方がわからない。

DOMiでidがcategory-Syncであることはわかったのだけどuserchrom.cssに
#category-sync [visibility:collapse !important;]
って設定してもきえない。
たすけて
2016/03/25(金) 11:27:08.58ID:3RtvVZhv0
>>275
なんで[ ]使ってんの?
cssの書き方ぐらいは自分で調べろよ
2016/03/25(金) 11:35:12.15ID:LSTuxrED0
Firefox関連スレで「たすけて」はスルー対象
2016/03/25(金) 13:18:38.23ID:UbL1DznB0
x userchrom.css
x userChrome.css
x []
- visibility: collapse
2016/03/25(金) 19:05:22.87ID:t4jF49uR0
>>268
ESRではCSSでできた
http://www.dotup.org/uploda/www.dotup.org792514.png
2016/03/26(土) 09:20:08.37ID:mYpec9l+0
このスレだったか分からないけど、Search Barを旧スタイルのロゴを表示するCSSをロダにアップしてくれたものが
45.0では動いてるが46.0では動かない。
CTRを使わず、Search Barを旧スタイルにする方法ありませんか?
2016/03/26(土) 09:58:47.90ID:aV2je7G/0
>>280
それを作った奴は転載して欲しくないと言ってたのに
勝手に晒されたんだよな
2016/03/26(土) 10:23:28.06ID:DmjIV4sB0
作ったんじゃなくて CTR から抜き出しただけだろ
CTR のライセンス的に上げたやつの態度のほうが問題だぞ
2016/03/26(土) 10:26:06.44ID:DmjIV4sB0
上げたやつってのは抜き出したやつってことで
2016/03/26(土) 10:30:52.76ID:aV2je7G/0
抜き出したでもいいけどさ
ライセンスの話は後付じゃん
2016/03/26(土) 10:32:59.81ID:mYpec9l+0
そんなレスいらん。
CTRに代わる方法?
2016/03/26(土) 10:43:53.66ID:xfJg+97O0
>>285
乞食は黙っとれ
2016/03/26(土) 10:52:07.79ID:mYpec9l+0
>>286
能無しは消えろ!
2016/03/26(土) 10:54:59.87ID:DmjIV4sB0
>>284
後付けの意味がわからん
2016/03/26(土) 11:36:19.64ID:aV2je7G/0
適当に弄ってたらできたw
http://www.dotup.org/uploda/www.dotup.org793466.png
2016/03/26(土) 12:11:48.35ID:aV2je7G/0
画像を仕込み忘れてたww
http://www.dotup.org/uploda/www.dotup.org793489.png
2016/03/26(土) 16:49:14.80ID:mYpec9l+0
>>290
CSSで?46.0で動く?
ならロダにアップたのむ。
2016/03/26(土) 18:13:38.30ID:BcLW3EuF0
>>291
乞食は黙っとれ
2016/03/26(土) 22:58:21.91ID:2ID/MlFC0
>>291
能無しは消えろ!
2016/03/26(土) 23:45:33.89ID:aV2je7G/0
>>291
46は持ってないから知らん
47.0a2上では動く
ちなみに検索エンジンのリストの一番下をクリックしても
マネージャが開かなかったが、それも動くようにした
http://or2.mobi/data/img/124543.png
2016/03/27(日) 07:09:19.78ID:d0Hgylka0
>>294
CSSはどこに?
2016/03/27(日) 09:23:40.84ID:yw+ucube0
>>295
しょうもない質問に丁寧に答えてるのにこの反応ワロス
下手にうpっても>>282みたいなのに寄ってたかって叩かれるだけだし
使えなくなる度にクレクレ厨が湧く
こんな奴ら、もう放っときゃいいんだよ
2016/03/27(日) 10:28:15.70ID:hQY3L+H80
ライセンス記述と転載許可は権利であり義務なのに
ライセンス記述なしの上に転載禁止とかもうね
2016/03/27(日) 10:43:53.16ID:QApzAnju0
https://addons.mozilla.org/ja/firefox/addon/classicthemerestorer/
> Mozilla Public License, version 2.0 の下で公開されています

https://www.mozilla.org/en-US/MPL/2.0/
Required(必須)
 ソースの明示、著作権の表示
Permitted(許可)
 商用利用、修正、配布、サブライセンス、特許許可
Forbidden(禁止)
 責任免除、トレードマークの使用
2016/03/27(日) 13:24:46.52ID:keHYcTrR0
>>295
乞食は黙っとれ
2016/03/27(日) 14:34:59.75ID:itJB+Ny10
>>268
気に入らなかったら捨ててくれ(改行制限で見づらくなってしまったスマソ)

@-moz-document url("chrome://browser/content/browser.xul"){
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker{display: none !important;}
#feed-button,
#bookmarks-menu-button{box-shadow:none !important;background:transparent !important;padding:0 !important;}
#feed-button .toolbarbutton-icon,#bookmarks-menu-button .toolbarbutton-icon{padding:0 2px !important;margin:0 !important;border:none !important;}
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker{display: none !important;}
#feed-button{ position: fixed !important;margin-right:4.5em !important;margin-left:-6.0em !important;}
#bookmarks-menu-button{position: fixed !important;margin-right:2.5em !important;margin-left:-4.7em !important;}
#urlbar-go-button,#urlbar-reload-button,#urlbar-stop-button{border-image-slice: 0 !important;margin-right:-2px !important;}
.urlbar-history-dropmarker{margin-right:2.7em !important;}
}

http://www.dotup.org/uploda/www.dotup.org795224.png
2016/03/27(日) 14:59:24.20ID:itJB+Ny10
連レスごめん
いくらなんでも見辛い
こっち見てくれ
http://up2.cache.kouploader.jp/koups16567.txt
2016/03/27(日) 15:39:41.14ID:RbA0WqS30
貰ったわ。thx
2016/03/27(日) 16:06:32.15ID:glP7Lk7p0
cssでアイコンの配置替えなんてどうやんのかと思ったら
ネガティブマージンで決め打ちかw
2016/03/27(日) 16:25:00.40ID:itJB+Ny10
>>303
フヒヒ、サーセンw
2016/03/27(日) 16:59:17.92ID:d0Hgylka0
>>299
こいつ、性格悪すぎる。
こういうスレから出て行けよ。
2016/03/27(日) 18:12:24.03ID:lqiRHGQg0
荒ぶる乞食
2016/03/27(日) 18:42:11.46ID:keHYcTrR0
css書いた奴には礼の一言もないのがいかにも乞食
2016/03/27(日) 22:14:39.18ID:yoMfnJDv0
>>305
能無しは消えろ!
2016/03/27(日) 22:26:21.78ID:QApzAnju0
ホント、ここは乞食スレだよな
2016/03/28(月) 17:21:59.76ID:sOR5fk8d0
無能ほどCTR毛嫌いするのは何故なのか
2016/03/28(月) 17:42:03.82ID:Mmsc0Vko0
>>305
あんたも大概だと思うぜ?
2016/03/29(火) 23:25:50.60ID:3/72eEnK0
CTRさっさと入れたらいいのに
それともCTRって入れたら何かとんでもないデメリットでもあるの?
2016/03/29(火) 23:32:24.29ID:RH42bEBb0
CTRが何のことなのかわからないのかもしれん
2016/03/29(火) 23:52:55.77ID:DUYBOlu90
モニタかな
2016/03/31(木) 20:00:51.56ID:Z2Dzmra00
最初Ctrlのことだと思ってました
2016/03/31(木) 23:48:16.17ID:/HLKwUsJ0
略称で書き込んでるのが間違い。
正式名称で書き込めば誤解は生じない。
2016/03/31(木) 23:54:42.93ID:uIKXaYa+0
実際には「CTRが何のことかわからない」なんて発言してる奴は誰も居ないから無問題
2016/04/01(金) 00:39:44.88ID:zuMUUsjO0
313がいる
2016/04/01(金) 00:43:22.27ID:/6sL8eiO0
そう見えるならお前はアスペ
2016/04/01(金) 02:05:14.20ID:AovOIqvz0
完全にアスペだな
基地害ってすげえ
2016/04/09(土) 21:51:31.46ID:/LzvFCxF0
質問です
フォントの行間を詰めたいのですが、
この記述では成功しませんでした
何が足りないのでしょうか?

.line {
line-height:80%;
}
2016/04/09(土) 22:00:25.85ID:bQ2tLuYm0
何がと言われてもそれだけじゃ情報不足
あえて言うなら詳細度関連かもしれんから !important つけろってとこか
323321
垢版 |
2016/04/09(土) 22:27:10.86ID:Gl6dqN5V0
>>322
説明不足ですみません
webページのフォントの行間を詰めたいのです
アドオンのStylishを使って変えたいと思い、cssを検索して書いたのですが
なかなかうまくいきません
2016/04/09(土) 22:44:02.78ID:bQ2tLuYm0
>>323
そうではなくてどこのサイト・ページなのかってこと
特定のサイトやページじゃないって場合でもとりあえずこのページでできないって情報は欲しい

っていうか !important は試したの?
2016/04/09(土) 22:52:42.34ID:2nptbdu40
>>323
情報が足りないのは具体的にどこにそれを適用しようとしているのかってこと
その対象の要素がどの親要素のプロパティを継承してるとか、表示形式(display)がどうなってるかが重要
line-height はブロック要素への指定なので対象要素は block とか inline-block じゃないといけない
326321
垢版 |
2016/04/09(土) 23:51:05.91ID:v0unPL4w0
>>324-325
反応が遅れてすみません
IDが変わっているかもしれません

検索してみて、以下の書式にしてみました
body {
line-height:90% !important;
}
cssはさっき知ったばかりで要素が何なのかわかっていません
試しているページは、http://www.htmq.com/csskihon/003.shtml です
2016/04/10(日) 00:10:20.81ID:HTpZNZHr0
何故要素を調査すらしないのか
そのサイトで本文の行間を詰めたいなら、指定すべき対象は「p.honbun」だろ
2016/04/10(日) 00:12:32.34ID:7SG3OHog0
>>326
そのページの本文部分だと p.honbun に line-height がかかってるので

p {
line-height: 1 !important;
}

とか

p.honbun {
line-height: 1;
}

って感じなら効く
2016/04/10(日) 00:29:46.59ID:OmIunQQu0
蛇足:
・要素というのはDOM要素のこと CSSのプロパティだけ覚えても知識としては不十分なので「DOM」についても調べておこう
・line-height は % や em などの単位を付けないただの数値で指定した方がいい 90% なら 0.9
2016/04/10(日) 00:34:02.00ID:OmIunQQu0
あとWEBページの要素を調査するには開発ツールのインスペクタ (Ctrl+Shit+I) を使う

インスペクタ - 開発ツール | MDN
https://developer.mozilla.org/ja/docs/Tools/Page_Inspector
331326
垢版 |
2016/04/10(日) 00:38:38.57ID:c4yuqngw0
>>327
わかりました、勉強します

>>328
成功しました
だいぶ見やすくなりました

皆様、ありがとうございます
332326
垢版 |
2016/04/10(日) 00:46:16.61ID:vQk2gqVh0
>>329-330
ありがとうございます
時間がかかると思いますがじっくり勉強してみます
インスペクタは便利ですね
333名無しさん@お腹いっぱい。
垢版 |
2016/04/20(水) 14:11:15.34ID:DSdDkQA60
保守
334名無しさん@お腹いっぱい。
垢版 |
2016/04/25(月) 18:37:21.93ID:r79hHnH70
保守
2016/04/25(月) 18:38:56.38ID:AZ1mTvlq0
なんだまた保守だけじゃん
つくづく過疎スレだなあ
2016/04/25(月) 19:56:37.34ID:rnn+lu1G0
教えたいおじさんかなんかなの?
337名無しさん@お腹いっぱい。
垢版 |
2016/04/27(水) 15:18:10.53ID:hFdOJkQk0
46にしたら検索バーを旧スタイルにするcssで検索が出来なくなったんだけど他の人はどう?
http://pastebin.com/Jj7GQSfw
2016/04/27(水) 15:28:46.19ID:LwwiIY/U0
>>337
素直にClassicThemeRestorerを入れるか
Cyberfoxに乗り換えた方が幸せだと思うよ
2016/04/27(水) 16:15:33.34ID:YEKtdbAf0
46を入れたらアドオンバーの中にリンク先URLを埋め込みが効かなくなりました
どこを直したらいいですか

#main-window:not([inFullscreen]) statuspanel {
margin-top: -17px !important;
max-width: 80% !important;
}
#main-window:not([inFullscreen]) .statuspanel-label {
background: transparent !important;
border: none !important;
}
2016/04/27(水) 16:26:50.94ID:G742V7pA0
リンク先URLを埋め込み
ってなに?
2016/04/27(水) 16:49:53.46ID:LwwiIY/U0
>>339
デフォだとアドオンバーはないからなぁ
とりあえずpositionで上の方に出してみた
http://www.dotup.org/uploda/www.dotup.org837544.png
2016/04/27(水) 17:10:09.30ID:ZLfPtBaY0
>>337
old search 1.7.8
2016/04/27(水) 19:12:15.63ID:u+V4j1rB0
>>339の件は、旧ステータスバーの事かな?
ステータスバー廃止で、アンカーされた文字列のリンク先は表示領域最下部にフロートして表示されますが、これも表示しないという事なのか?
2016/04/28(木) 00:18:26.87ID:Zhzs5ckY0
旧ステータスバーです

CTRをインストールしてメニューバーの表示→ツールバー→Add-on Barで表示させています
>>339は28以前のようにリンク先を旧ステータスバー(Add-on Bar)に表示させるもので
45.0.2までは>>339で表示できていました

過去スレより

userChrome.css・userContent.cssスレ Part3
http://anago.2ch.net/test/read.cgi/software/1369968883/307-308,314,318,349
2016/04/28(木) 00:33:37.68ID:Zhzs5ckY0
すみません
Firefox 4とかそんな昔のバージョンからだったみたいです

リンクURLやステータステキストをアドオンバーに表示する Status Box 0.4.2 | FOX x FOX
ttp://mff2.blog109.fc2.com/blog-entry-715.html

ttp://blog-imgs-10-origin.fc2.com/m/f/f/mff2/20110725-001.jpg
2016/04/28(木) 01:26:07.64ID:6fVkQSRp0
これはひどい
2016/04/28(木) 01:43:40.46ID:K1myGPD+0
リンク先のURI文字列を表示させるのにアドオンバーは不要。
2016/04/28(木) 03:45:12.55ID:Zhzs5ckY0
(CTRの)アドオンバーに表示させたいという意味なのですが・・

45.0.2と>>339のCSSの組み合わせでは表示できていました
2016/04/28(木) 09:39:28.00ID:oHcf7Typ0
S4Eで出来ない?
350341
垢版 |
2016/04/28(木) 11:39:58.35ID:bzTGPi5b0
>>348
プロファイルを作り直すついでにClassicThemeRestorerを入れてみた
http://www.dotup.org/uploda/www.dotup.org838624.png

@-moz-document url(chrome://browser/content/browser.xul) {
#main-window:not([inFullscreen]) statuspanel {
margin-top: -1.2em !important;
margin-left: 1.5em !important;
max-width: 80% !important;
}
#main-window:not([inFullscreen]) .statuspanel-label {
background: transparent !important;
border: none !important;
}
}

#その括弧で括った部分を初めに言ってくれればよかったのになぁ
2016/04/28(木) 13:56:00.85ID:6Fjry19v0
>>342
これも動かない
2016/04/28(木) 14:36:06.05ID:V9vTqhZ80
>>351
1.7じゃないの?
1.7.8だよ。
DLできなくなってる。
2016/04/28(木) 14:45:44.89ID:V9vTqhZ80
>>351
あった。
https://sites.google.com/site/serials101/home/extensions?pli=1
■ このスレッドは過去ログ倉庫に格納されています

ニューススポーツなんでも実況