■まとめサイト
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/
スレ主が率先して晒していけばよかったのに
便利だよ～とかかっちょ良いよ～とか
userChrome.cssとuserContent.cssの詰め合わせ
ttp://www1.axfc.net/uploader/File/so/70218
基本的にサイトの特色とかレイアウトとかは無視なのでたぶん誰の参考にもならない。
DLさせていただきました
出来ればスクショをここかSS晒しスレにうｐしてもらえるともっといいと思います
指定サイトのみスクロールバーを細くする方法があれば教えてほしい
@-moz-documentでhttp://hibari.2ch.net/test/read.cgi/software/1316773422/363を囲むだけじゃ動かないみたいなので
むこうでレスつけようとおもったけどスレチだったようなのでこっちで
@namespaceの行は囲まないようにすれば、指定したサイトだけで動くようになるよ
自作のCSS晒せばいいのか？
てか、>>5が消されてる・・・
おとせるが
さっきは404エラー出たのに
http://userstyles.org/users/33908
気に入ったのがあれば使ってくれ
作者でいいんだよな？
Windows7だとGoogle Readerの記事タイトル部分が変な表示になってたからGoogle Reader - Simply Plus使わせてもらうわ
うん、本人。
PとNで…ってサイドのアイテムをキーボードで上下させた時だよね？
PとNの位置は上下させると黄色くなってない？
それとも、あるフィードを開いてる状態でPとNで上下させてる時に開いてるフィードを知りたいって事？
http://www.dotup.org/uploda/www.dotup.org2166850.jpg
スタイル未適用だとこんな風に今選択してるアイテムの周りが青く囲まれるやつのこと
記事開いて移動するときはJとK、Oで閉じて、閉じたまま移動したいときはPとNって使ってるから今どの位置なのかを知りたい
判った、ちょっと見てみる。
ありがとう
実装面倒そうだったらどうしてもってわけじゃないからスルーしてくれてかまわないんで
やっつけだけど…これを丸々コピペして中身を置き換えてくれれば希望通り青い枠が出るよ
Apprentice | uploader.jp
http://u4.getuploader.com/apprentice/
ucjs.textarea.20809.cssの方ね
でも配色が…微妙な具合になっちまうので、元のGoogleReaderのままの配色でも
良いのなら、後から配色を弄りやすいように書いてる奴だから下記の部分をバッサリと
切り取って。
場所は殆ど一番下にある部分
/* colorful skin ←目印
------------------------------------- */
#chrome-title a span {
color: rgb(255, 153, 00) !important;
}
中間は省略
/* --- Config[ ---
#entries.list #current-entry.expanded {
border-color: #D0F9D0 !important;
} --- ]Config --- */
/* ------------------------ */
あと、その少し上にある
/* skin
-----------------
から下すべてをバッサリけばタイトル周りの配色も完全に元のGoogleReaderの配色になる。
これで不満ナシになったわ感謝
枠出て位置さえわかればよかったんで色については自分で好みに変えます
出来ればAutoPagerizeなどに対応していてくれるとありがたいです。
とかでいいんじゃないかな。偶数行も色を変えたいならoddをevenに変えてね
おお、さっそくありがとう！
これから色を弄ってみます。
本当にやっつけで申し訳ない…
GoogleReaderも今年中にリニューアルしてデザイン変わるらしいよ
CSSではむりぽ
何処のスレに飛んでけばいいの
/* 表示領域を最大化 */
#cnt, .s, .mw {max-width: none !important}
#center_col, #foot{width:100% !important}
を使ってるんですが、画面を小さくしたときに検索結果が見えなくなるから、画面の端で折り返すようにはできないですか？
ある程度の大きさまでは画面の端で折り返してくれるんですが、それ以下だと駄目です。
のスタイルでタイトルバーにマウスオーバーした時に
ツールバーを出すようにしたいんだけど
どうすればいい？
#bookmarks-ptf toolbarbutton.bookmark-item[image]:not([image=""]):not([container="true"]):hover .toolbarbutton-text,
#bookmarks-ptf toolbarbutton.bookmark-item[container="true"]:hover .toolbarbutton-text,
#bookmarks-ptf toolbarbutton.bookmark-item[image=""]:not([container="true"]):hover .toolbarbutton-text,
#personal-bookmarks toolbarbutton.bookmark-item:hover .toolbarbutton-text,
#personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container="true"]):hover .toolbarbutton-text,
#personal-bookmarks toolbarbutton.bookmark-item[container="true"]:hover .toolbarbutton-text,
#personal-bookmarks toolbarbutton.bookmark-item:not([image]):not([container="true"]):hover .toolbarbutton-text,
#personal-bookmarks toolbarbutton.bookmark-item:hover .toolbarbutton-text-shadow,
#personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container="true"]):hover .toolbarbutton-text-shadow,
#personal-bookmarks toolbarbutton.bookmark-item[container="true"]:hover .toolbarbutton-text-shadow,
#personal-bookmarks toolbarbutton.bookmark-item:not([image]):not([container="true"]):hover .toolbarbutton-text-shadow {
display: block !important;
}
今はコメントアウトで使ってないけど、一応userChrome.cssにこう書いてある。
visibility: collapse !important;
opacity: 0.1;
-moz-transition: visibility 30s, opacity 30s ease !important;
}
#navigator-toolbox:hover #PersonalToolbar {
visibility: visible !important;
opacity: 9;
-moz-transition: visibility !important;
}
これ抜けとった
なんかよくわからん挙動になったｗ
>>39
俺も今日見つけて入れたやつ
BookmarksToolbar-icons only+text on hover for FF4
userstyle.orgで検索して
#cnt{min-width:0px !important;}
を追加すればある程度(396px)まではウィンドウ幅縮めても折り返されるはずです
現状よりも改善されればいいだが・・・
でも動かないんだよなあ・・・
ありがとうございます。
おかげさまで見やすくなりました！
ほい
#star-button {display: none !important;}
ありがとうございます！
BookmarksToolbar-icons onlyはどう？
BookmarksToolbar-icons only+text on hover for FF4は
BookmarksToolbar-icons onlyで動かないからって
作られたみたいなんだけど・・・
まさか3.6とか？
ttp://userstyles.org/styles/48444/firefox-4-folder-labels-fav-icon-bookmarks
遅レスすまん
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://www.google.co.jp/") {
//CSS
}
てやってたけど動かなかった
でも@namespaceの2つの順番逆にしたら動いたわありがとう
すべてのドロップマーカー消すのとか
* dropmarker {display: none !important;}
だけで済むんだから便利だよなぁ
ありがとう
他は何故か動かなかったけどfirefox-4-folder-labels-fav-icon-bookmarksは動いたよ
検索バーのは消えない
でも、さすがにすべてに適用されるとちょっと弊害あったりするな
ボーダー消すのとかは個別に指定したほうがいいね＾＾；
/* 検索バーのドロップマーカーを非表示にする */
.searchbar-engine-button > .searchbar-dropmarker-image {
display: none !important;
}
これなんかどうかな
#navigator-toolbox:not([customizing]) ~ #browser-bottombox
#addon-bar toolbarbutton,
#addon-bar dropmarker,
#addon-bar #zoom-controls,
#addon-bar .searchbar-textbox {
margin: 0 !important;
border: none 0 transparent !important;
border-radius: 0 !important;
padding: 0px 2px !important;
box-shadow: none !important;
height: 18px !important;
-moz-appearance: none !important;
}
これと>>51のドロップマーカー消しも使えば
かなり幅せまになるんじゃない
>>35みたいにGoogleの表示領域を最大にしていると、サイトの内容文？がスペース一杯に表示されず無駄な空白が出来てしまいます。
表示できる文字数を増やす事ってできないでしょうか？
なんか上手く言いたいことが伝わってるかわからないけれど、よろしくお願いします。
.searchbar-dropmarker-image {
display: none !important;
}
だけでいい
なんじゃこれぇぇぇすごすぎるぅ神だぁ マヂさんくす。
＋ ﾍ⌒ヽﾌ +
（ ・ω・） ㌧㌧ +
+ ＋/ ~つと） ＋
ブックマークバーの間隔せまくするのもありますか？
>>59
そうですか。失礼しました
ちょっとは自分で調べな
Compress Bookmarks Toolbar Items
分かった。がんばります
Apprentice [Google Search - Simply & Clean] - Themes and Skins for Google - userstyles.org
http://userstyles.org/styles/53973/apprentice-google-search-simply-clean
このアイコン詰めるのをAll-in-One Sidebar ツールバーでやりたいんだけど
その場合どうすればいいか教えて下さい。
サイドバーの下に置いてるんだけど
google web historyを見やすくするの作ってちょ
やたらｽｶｽｶして無駄だし、左のメニューは要らない
あと、任意の年と月にすぐ移動できるような仕組みがほしい
してる場合にアイコンへマウスオーバーしたとき
そのアイコンのサイト名を下にポップアップさせるcss
教えてください
読み込み中のタブの「接続中...」を「Loading...」にしたくて、下記のようにしてみましたが、うまくいきません。
どのようすればいいですか？
よろしくお願いします。
.tabbrowser-tabs .tab-text[value="接続中..."]{
display: none !important;
content: "Loading...";
}
# Mozilla/5.0 (Windows NT 6.0; rv:9.0a2) Gecko/20111024 Firefox/9.0a2
紹介ありがとうございます。
しかし思ったとおりにはなりませんでした。
自分がやりたいことは
ttp://www.dotup.org/uploda/www.dotup.org2180665.jpg.html
ssみたいにスペースが余ってるので、サイトのプレビューみたいなのを多く表示したいのですが無理ですかね？
google側で引っ張ってこれる文字数みたいなのが決まってるんでしょうか？
文字数は決まってると思うよ。少なくともCSSじゃ変更できないと思う
空白がやたら大きいのは左にサムネ表示させてるせいでしょ
やっぱりそうですか。
Googleの仕様じゃ仕方ないですね。
教えてくれてどうもありがとうございます。
宜しくお願いします
#PersonalToolbar {
visibility: hidden !important;
position: fixed !important;
top: 58px !important;
padding: 0 2px 2px 2px !important;
border-width: 0 1px 1px 0 !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
}
を使ってます。
で、これをメニューバーを表示・非表示などして
位置が変わっても常にナビバーに引っ付くようにしたいんですけど
どうすればいいでしょうか。
なんて書けばいい？
.tab{
IE9:modoki !important;
}
バージョンアップしてから前使えていたCSSだと効かなくなりました。
分かる方お願いします。
.tabbrowser-tab,.tabs-newtab-button,
#TabsToolbar[tabstyle-buttons="true"]
.toolbarbutton-1[beforeTabs] {
border: 1px solid rgba(96,96,96,.78) !important;border-bottom: 0 !important;border-radius: 0 !important;padding: 0 2px !important;
}
.tabs-newtab-button,.tabbrowser-tab + .tabbrowser-tab,#TabsToolbar[tabstyle-buttons="true"] :-moz-any(toolbaritem,.toolbarbutton-1)[beforeTabs] +
:-moz-any(toolbaritem,.toolbarbutton-1)[beforeTabs],#TabsToolbar[tabstyle-buttons="true"] :-moz-any(toolbaritem,.toolbarbutton-1)[beforeTabs] +
:-moz-any(toolbaritem,.toolbarbutton-1)[beforeTabs] > .toolbarbutton-1,
#TabsToolbar[tabstyle-buttons="true"] :-moz-any(toolbaritem,.toolbarbutton-1)[beforeTabs] + #tabbrowser-tabs > .tabbrowser-tab {
-moz-border-start: 0 !important;
}
↓を参考にしたら？
/* ページ内検索バーのテキストを変更する */
.findbar-find-next > .toolbarbutton-text,
.findbar-find-previous > .toolbarbutton-text,
.findbar-highlight > .toolbarbutton-text,
#FindToolbar > hbox > checkbox > .checkbox-label-box {
display: none !important;
}
.findbar-find-next:after {
content: "次へ";
position: absolute;
}
.findbar-find-previous:after {
content: "前へ";
position: absolute;
}
.findbar-highlight:after {
content: "ハイライト";
position: absolute;
}
#FindToolbar > hbox > checkbox:after {
content: "大文字/小文字";
margin-left: 6px !important;
position: absolute;
}
レス、ありがとうございます。
下記のようにしてみましたが、うまくいきませんでした。
.tabbrowser-tabs .tab-text[value="接続中..."]{
display: none !important;
content: "Loading...";
position: absolute;
}
ちなみにpositionを「absolute」「relative」「fixed」と試しましたがダメでした。
せっかく、ご回答いただいたのに、申し訳ありませんでした。
引き続き、>>68をよろしくお願いします。
教えてください。
DOM inspecter入れてるなら調べてみ
DOM inspecterていうのを入れれば調べられるのかな？
とりあえず試してみる！
どもありがとう。
DOM Inspecter入れてるからじゃないのか？
最近いじり始めたばっかって人は存在を知らないんじゃね
サイドバーに関してはコレ
userchrome.css - Mozilla Firefox まとめサイト
＞サイドバーのスクロールバーを消す
http://firefox.geckodev.org/index.php?cmd=read&page=userchrome.css&word=user%20chrome#q7896aad
7.0.1でStylish1.2.3で確認おｋ
Googleの検索窓ってキーワード入力欄の事？それならこれで
#sftab {
width: 値(?px/?%/auto) !important;
}
※値の指定方法だけど、この場合は出来れば?%で指定した方が良い。
マウスオーバーで開閉できるようにして
尚且つアドオンバーの表示アイテムに合わせてバーのサイズを調整
できるようにするcss教えてください。
たぶんNightlyを使ってるんだよ
contentはbeforeやafterにしか付かない
ありがとう
レス、ありがとうございます。
どう書いて良いのか解らず、下記のようにしてみましたがダメでした。
.tabbrowser-tabs .tab-text[value="接続中..."]{display: none;}
.tabbrowser-tabs .tab-text[value="接続中..."]:before {content: "Loading...";}
恐れ入りますが、":before"の前はどのようにしたらいいか、お教え願えないでしょうか？
.tabbrowser-tab[busy]:not([progress]) .tab-real-text {
visibility: collapse;
}
.tabbrowser-tab[busy]:not([progress]) .tab-text:before {
content: "Loading...";
}
cssなんか使うのやめちまえ
そのcssが適用されるのは、タブのプログレス関係のアドオン入れてる人だけだと思う
TOP カテ一覧 スレ一覧 2ch元 削除依頼 ▲
・ 次のスレ
2: 【２ちゃんねる全板】S-BananaのSって？【移転します】 (18)
3: WZ EDITOR 16 (154)
4: ダウンローダー Orbit(オービット） 07 (707)
