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

●前スレ
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/

>>322
説明不足ですみません
webページのフォントの行間を詰めたいのです
アドオンのStylishを使って変えたいと思い、cssを検索して書いたのですが
なかなかうまくいきません

>>323
そうではなくてどこのサイト・ページなのかってこと
特定のサイトやページじゃないって場合でもとりあえずこのページでできないって情報は欲しい

っていうか !important は試したの？

>>323
情報が足りないのは具体的にどこにそれを適用しようとしているのかってこと
その対象の要素がどの親要素のプロパティを継承してるとか、表示形式（display）がどうなってるかが重要
line-height はブロック要素への指定なので対象要素は block とか inline-block じゃないといけない

>>324-325
反応が遅れてすみません
IDが変わっているかもしれません

検索してみて、以下の書式にしてみました
body {
line-height:90% !important;
}
cssはさっき知ったばかりで要素が何なのかわかっていません
試しているページは、http://www.htmq.com/csskihon/003.shtml　です

何故要素を調査すらしないのか
そのサイトで本文の行間を詰めたいなら、指定すべき対象は「p.honbun」だろ

>>326
そのページの本文部分だと p.honbun に line-height がかかってるので

p {
line-height: 1 !important;
}

とか

p.honbun {
line-height: 1;
}

って感じなら効く

蛇足：
・要素というのはDOM要素のこと　CSSのプロパティだけ覚えても知識としては不十分なので「DOM」についても調べておこう
・line-height は % や em などの単位を付けないただの数値で指定した方がいい 90% なら 0.9

あとWEBページの要素を調査するには開発ツールのインスペクタ (Ctrl+Shit+I) を使う

インスペクタ - 開発ツール | MDN
https://developer.mozilla.org/ja/docs/Tools/Page_Inspector

>>327
わかりました、勉強します

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

皆様、ありがとうございます

>>329-330
ありがとうございます
時間がかかると思いますがじっくり勉強してみます
インスペクタは便利ですね

保守

保守

なんだまた保守だけじゃん
つくづく過疎スレだなあ

教えたいおじさんかなんかなの？

46にしたら検索バーを旧スタイルにするcssで検索が出来なくなったんだけど他の人はどう？
http://pastebin.com/Jj7GQSfw

>>337
素直にClassicThemeRestorerを入れるか
Cyberfoxに乗り換えた方が幸せだと思うよ

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;
}

リンク先URLを埋め込み
ってなに？

>>339
デフォだとアドオンバーはないからなぁ
とりあえずpositionで上の方に出してみた
http://www.dotup.org/uploda/www.dotup.org837544.png

>>337
old search 1.7.8

>>339の件は、旧ステータスバーの事かな？
ステータスバー廃止で、アンカーされた文字列のリンク先は表示領域最下部にフロートして表示されますが、これも表示しないという事なのか？

旧ステータスバーです

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

すみません
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

これはひどい

リンク先のURI文字列を表示させるのにアドオンバーは不要。

(CTRの)アドオンバーに表示させたいという意味なのですが・・

45.0.2と>>339のCSSの組み合わせでは表示できていました

S4Eで出来ない？

>>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;
}
}

#その括弧で括った部分を初めに言ってくれればよかったのになぁ

>>342
これも動かない

>>351
1.7じゃないの？
1.7.8だよ。
DLできなくなってる。

>>351
あった。
https://sites.google.com/site/serials101/home/extensions?pli=1

ありがとう
残念だけど権限が無いって言われてDL出来ないわ

>>350
アドオンバーがCTRに因るものだと忘れてました、すみません

お教え頂いたCSSでも46では表示できませんでした
45.0.2と38.8.0 ESRでは表示できました

46を改めてインストールしてプロファイルも作り直しのですが変わらずでした

46にしてからCSSが一切機能していない気がしてきました

画像の背景を黒から白にして表示位置を中央から左上に表示させるCSSや
「タブですべて開く」を非表示にするCSSも機能してないことがわかりました

バカにつける薬なし

死して屍拾う者無し

大江戸捜査網

>>355
　∧＿∧
（´･ω･) 知らんがな
ノ^　ｙヽ
ヽ_ﾉ==|ノ
　/　||
"""~""""""~"""~"""~"

http://www.dotup.org/uploda/www.dotup.org838958.png

さっさとS4E入れればいいのに

>>342
うちでも同じ症状出て困ってた。
old search 1.7.8インストールしたら直ったよ。
ありがとう。

クソどうでもいいスクショを謎にpngで上げる池沼

いつもフォントでクスッとくる

http://qiita.com/devmgn/items/605c9f5237c26fff0376
このコードを使ってフルスク時にもブックマークバーを表示できるようにしてるのですが
フルスク時にマウスポインタを下端に持ってくとWindowsタスクバーが表示されるようにとかできませんかね？

Windows 側がタスクバー自動非表示で Firefox 側の最大化画面を応用すれば
似たようなことはできるだろうけどその動作自体はムリ

早速の返信ありがとうございます
似たようなことでもいいので教えてもらえないでしょうか？

そのままじゃないの？
タスクバーのプロパティから「タスクバーを自動的に隠す」にチェック

やっても駄目みたいですorz

>>365
ドックランチャーでタスクバーの機能を代替してればお望みの動作は簡単に実現できるし
cssとjavascriptに明るいのならSamurizeあたり使えばもっと自由にデザイン出来るが
どちらも10年くらい前に流行ったカスタマイズだから今から調べるとしたら情報など古かったり死んでたりはするかもしれない

自分はまったくの初心者なので諦めますorz
みなさんありがとうございました

すいませんもう1つだけ質問させてください＞＜
>>365のコードでフルスク時にフォルダのポインタを別のフォルダに移動させると
またフルスクに戻ってしまってめんどくさいのですが、何か対処法ありますでしょうか？

説明へたくそですいませんこんな感じです
http://i.imgur.com/BPX7Iaz.gif

>>371 ドックランチャーには高度な知識は必要ないよ

>>372 Firefox標準のツールバーのカスタマイズで
「ブックマックツールバーの項目」をナビゲーションバーに移動させて使えば解決
そしてブックマークツールバー自体は非表示にしてしまえばその分縦方向のスペースは確保できるから
そもそも無理やり全画面でめんどくさい思いする必要も少なくなるかもしれない
もしくはメニューバーを表示にしておいてそこに「ブックマックツールバーの項目」を移動するという手も

CSSでなんとかしようとする前にまずは標準で出来る事を模索してみたらどうかな

>>373
いや結果同じですね

どうかわかる方いらしたらよろしくですm(_ _)m

>>374 ああ、言ってる意味やっとわかった、ごめんよ（あとメニューバーはいじってないデフォだと全画面で消えるんだった、訂正）

フォルダのaをクリックせずにマウスオーバーした状態からのbフォルダへのマウス移動だと起きないけど
一旦aフォルダをクリックして中の一覧を表示させたあとbフォルダへ移る際には確かにあなたのいう挙動になるね
フォルダからフォルダだと起きるみたいだね、フォルダから単体のブクマアイコンへの移動だとフォルダクリックしてても起きない
バーが消えても移動しようとしてたフォルダの内容はフロートで残ってて選択もできるみたいだけど
フォルダの数が増えると行きたいフォルダに行く前に消えちゃうかもだね

ツールバーを隠さない全画面モードもあるけどそれじゃイヤでどうしてもコンテンツオンリーで表示していたいってのなら
代替案しかだせなくてすまんが、それこそブックマーク自体をコンテンツにしちゃえばどうよ、初心者のCSSの勉強にはもってこいじゃん

非常に面倒な事をしようとしてるね
詳細に説明しても受け取り手の解釈で間違った認識をされるなら、自助努力で何とかするしかない
無理なら諦める

他人に共感もしくは興味を持ってもらえなければ、素直に諦めるしかない

要するにhover時には起こらずclick時に起こってる挙動なんだけど
いくつかのバージョンで確認してみた所Firefox30.0〜38.8では発生せず、44.0.2〜現行の46.0になると発生している様子
（いずれも新規プロファイルにて）
38から44のまでの間のどこかで意図的に変更された、もしくはバグかのどちらかだろうけど
以前の挙動を再現するCSSを誰かがくれるといいだろうけどね、殆どの人は気がついてもいないかもだし
>>374ががんばって勉強してここでコード披露してください、待ってます

>>355-356
もしかしてGrieverのUserCSSLoader使ってる？
それならグリモンスレで46で動かないって報告あって
ろだにUserCSSLoader_liteっていう修正版が上がってるから試してみては？

>>378さん何か失礼な態度とってしまってすいません
自分もためしましたが、Firefox44〜になると発生するみたいなのでしばらく43使ってみます

後、自分ははなから勉強する気がない（このためだけにCSSを1から勉強するのは時間もかかりそうだし嫌だｗ
ので誰かコード貼ってくれないかなと思って質問した感じです。屑ですみませんｗ
一応最新版でも少し面倒だけどフルスクでできるので勉強する気は今のとこあんまないですｗ

フルスクに拘ってるのはフルスクだと作業がはかどるからですね
ブックマークとかが見えてるとどうも気が散ってしまいまして・・・
Vertical Toolbarというアドオンも使って見たんですがちょっと使いづらかったです

>>378さんいろいろ付き合ってくれてありがとうございました
気が向いたらちょっと調べてみて自分でも出来そうだったらやってみますね

ツイッターの新聞記事等の「IFRAME」で表示される部分を非表示にして、替わりにハイパーリンクの文字列を表示するユーザースタイルシートは無いかな？
動画やgifは除外して。

>>381
お前がしたいのはスタイルの変更じゃなくてデータの加工だろう？
CSSをなんだと思ってるんだ？

>>381
@-moz-document domain("twitter.com") {
iframe[src^="https://twitter.com/i/cards/";] { display: none !important }
a.twitter-timeline-link.u-hidden { display: inline !important }
}

>>383
これじゃ駄目だな、動画も消える

>>381
こっちで

@-moz-document domain("twitter.com") {
.js-macaw-cards-iframe-container.card-type-summary { display: none !important }
a.twitter-timeline-link.u-hidden { display: inline !important }
}

>>381
ttps://userstyles.org/styles/113571/twifixweb
多分これで消えてる？けどどこのCSSがそれなのかわからないなぁ…

>>379
仰る通りGrieverさんのUserCSSLoaderを使っていました
ご紹介頂いたUserCSSLoader_liteに換えたら機能しました
ありがとうございました

https://wiki.mozilla.org/Add-ons/developer/communication

まあ何れにせよ2017年末には死ぬ

(´；ω；｀)ﾌﾞﾜｯ

2036が現実的になってきた

Firefoxで２ちゃんに書き込む時のテキストボックス？
あれの中の行間がやたら広くて狭くしたい

テキストエリアの右下をドラッグで調整。

textarea{line-height:1;}

まだ？

>>392
ごめん、言い方が悪かった
フォントの行間のことなんだよAAとか見苦しくなる

>>393
あー！テキストエリアって呼ぶのか
それで綺麗になった
　ﾍ⌒ヽﾌ
（　・ω・）　�d�d
/ ~つと）

>>337
うちだとこのCSSを入れても検索はできるんだけど、SearchOnEngineChangeForFx38.uc.jsだっけ？検索エンジンのアイコン上でホイールスクロールで切り替えるスクリプト、あれが動かないのだが
ClassicThemeRestorerを入れてみると動くんだけど
たしかこのCSSってClassicThemeRestorerから抜き出したやつだよね？
何がいけないのでしょうか？

>>337
ttps://addons.mozilla.org/ja/firefox/addon/old-search1/

>>396
>検索エンジンのアイコン上でホイールスクロールで切り替える
これはSearchOnEngineChangeForFx38.uc.jsじゃないぞ

とりあえず46.0.1に>>337のとuserChromeJSと
Sub-Script/Overlay Loaderと
SearchOnEngineChangeForFx38.uc.jsを
入れてみたけど件のスクリプトはちゃんと動いた

ただし、検索窓に直接入力してあとでenterキーを押しても
検索しないし、貼りつけて検索も効かない
まぁ、これは>>337の所為だと思うが、、

>>398
おっしゃるとおり検索エンジンのアイコン上でホイールスクロールで切り替えるは
SearchOnEngineChangeForFx38.uc.js
じゃなくて
ScrollSearchEngines.uc.js
でした
誤った情報かいてごめんなさい

でも>>337を入れていて検索窓に直接入力のあとにenterや貼りつけて検索は動くなぁ
一度動かないことがあって焦ったけど現に今は動くし
スクリプトの読み込み順とかで動かなかったりするのかな？
それだとScrollSearchEngines.uc.jsが動いたりしないだろうか？

もはや修行僧のような検索バー改造だな

新しいctr_oldsearch.xmlかoldsearch.xmlのファイルをData URI schemeでエンコードして
searchbar {-moz-binding: urlの部分に差し替えれば検索バー使えるよ

↓こういうのもあるよ
ttps://addons.mozilla.org/ja/firefox/addon/old-search-fixed2/

>>401
それってもう普通に拡張入れた方が早くない？
スレの趣旨からは外れちゃうけど

>ホイールスクロールで切り替えるスクリプト、あれが動かない
この時点でスレチだろｗ

>>381

a.twitter-timeline-link.u-hidden,
a.twitter-timeline-link.u-hiddenVisually {
width: auto !important;
height: auto !important;
clip: auto !important;
position: relative !important;
display: inline !important;
}

.tweet .js-macaw-cards-iframe-container,
.tweet .QuoteMedia {
display: none !important;
}

保守

保守

StylishでCSS書いてるんだがborder-radiusとbox-shadowを組み合わせた時に表示がおかしくなるのはどうにか出来ないものか
具体的に言うとbox-shadowで内側にぼかしを1px以上指定した時にborder-radiusを指定すると良くわからん事になる

border-radius: 29px !important;
box-shadow: 30px 30px 1px 0 rgb(0, 0, 256) inset !important;

↑こうした時に本当だったら左上から右下にかけて青色が満遍なく伸びてなきゃならないのが↓のようになる
http://s2.gazo.cc/up/38712.png

ちなみにぼかしを指定しなければ正しく表示される
http://s2.gazo.cc/up/38713.png

Firefox44以降からの不具合のようで43まではぼかしを指定しても問題無いんだがちょっと困ってる
何か他の方法で似たような事は出来ないだろうか？

insetのバグはたぶん47で直ってるハズ

過疎ってると思ってたからまさかの即レスに涙がちょちょぎれざるを得ない
ちょっくら47以降のバージョン試してみますわ、ありがとう！

Pocket : Article-View killer PLUS - Themes and Skins for Getpocket - userstyles.org
https://userstyles.org/styles/102173/pocket-article-view-killer-plus

PocketのArticle Viewを無効にしたりするCSSなんですが
長らく更新されていなくてクッションページを飛ばすとか一部の機能が使えなくなりました
もし手直しできる方がいればお願いできませんでしょうか

Amazonの商品検索結果が見辛くなってしょうがない
商品画像をもっと小さくして、以前のように4〜5列くらいの表示に戻せないものかな

>>411
右上のこれでできますよ
http://i.imgur.com/fwTTwMP.jpg

右上にそんなのない

>>411
こうかな？
.a-ws ul.s-result-list.s-col-ws-3 li.s-result-item,
ul.s-result-list.s-col-3 li.s-result-item{
width:25% !important;
}

>>412, >>414
ありがとう

>>414
バッチリ4列表示にできました！
ただ、まだ少し商品画像が大きく感じたので
以下のコードを付け足したところ完全に希望通りのレイアウトになりました
どうもありがとう

div#rightResultsATF div#atfResults img,
div#rightResultsATF div#btfResults img,
div#rightResultsATF div#mainResults img {
height:50%!important;
width:50%!important;
}

ttp://i.imgur.com/1ynkweX.png

ページ内検索をCSSだけで最初から出しっぱなしに出来ないでしょうか

ブラウザによってFlash Playerでのフォント表示が違うのですが
以下のFirefoxの画像のように綺麗に表示されることは出来るでしょうか？

Google Chromeでのフォント
http://i.imgur.com/SCgGzdb.png
http://i.imgur.com/wvJq9Xm.png

Firefoxでのフォント
http://i.imgur.com/lu5bXOy.png
http://i.imgur.com/Y0RszDB.png

失敗してる方を貼れ

>>417
これじゃないの
ttp://blog.oyasu.info/2016/05/28/5186/

結論から言えばCSSでどうこうするのは無理だからスレチ
あとは↓でどうぞ
ttps://www.google.co.jp/search?q=%E3%83%95%E3%83%A9%E3%83%83%E3%82%B7%E3%83%A5%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%80%80%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6

>>416
検索単語をずっと出していたい、ハイライトしたいってなら
SearchWPかgooglebar lite
SearchWPは自分で後から単語打ち足せるか知らないけど

>>419
やはり無理ですか
ありがとうございました

google.co.jpのレイアウトが最近変わってしまって
検索結果の件数がどこにも見当たらなくなったんだけど
これって自分だけかな？

google.comの方で検索するとちゃんと件数が出るんだけどな

約●●件
なら今まで通り出てる
〇〇語の結果だけ表示
とかにすると出なくなるかもしれない