トップページsoftware
1001コメント311KB

userChrome.css・userContent.cssスレ Part4

レス数が1000を超えています。これ以上書き込みはできません。
0001名無しさん@お腹いっぱい。2014/05/16(金) 10:16:22.11ID:4llsQKsX0
●前スレ
http://anago.2ch.net/test/read.cgi/software/1369968883/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/

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

CSS | MDN
https://developer.mozilla.org/en-US/docs/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/
0945名無しさん@お腹いっぱい。2015/07/27(月) 15:58:13.84ID:fR3VqNRQ0
>>944
言われてみればURLがないと分かりませんよね、すみません
ttp://shira2paper.blog.fc2.com/blog-entry-63.html
参考にこことか見てると広告と一緒に表示されるのですが、CSSだと非表示にはできないですかね?
0946名無しさん@お腹いっぱい。2015/07/27(月) 16:24:00.60ID:Q4G6UQNO0
>>945
そのサイトなら uBlock 豆腐フィルタが 消してくれてるな
shira2paper.blog.fc2.com###fc2_bottom_bnr_img
0947名無しさん@お腹いっぱい。2015/07/27(月) 21:13:29.58ID:TI5LtTNx0
>>940
d
使わせてもらいます
0948名無しさん@お腹いっぱい。2015/07/28(火) 07:22:24.49ID:Mq0LwbPM0
>>945
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("fc2.com")
{

/* スクロール位置で表示位置が上下する広告 */
#fc2_bottom_bnr,
/* トップエントリーとして表示される広告 */
#main > .content:first-child
{display: none !important;}

}
0949名無しさん@お腹いっぱい。2015/07/28(火) 07:32:17.37ID:Mq0LwbPM0
あ、すまん、>>948の#main > .content:first-childはナシで
更新されているブログでも頭のエントリー消しちゃうわw
0950名無しさん@お腹いっぱい。2015/07/28(火) 18:03:04.79ID:eFTffdgi0
下記userstylesでマウスオーバーで表示した時、表示ページをズラさずに上書きするように修正して欲しい。
Autohide Bookmarks Toolbar Timed Delayed - Fx 4+
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#PersonalToolbar[collapsed="true"] {
-moz-transition: none !important;
}
#PersonalToolbar:not([collapsed="true"]) {
visibility: collapse !important;
opacity: 0.5;
-moz-transition: visibility 1s, opacity 1s ease !important;
}
#navigator-toolbox:hover #PersonalToolbar:not([collapsed="true"]) {
visibility: visible !important;
opacity: 1;
-moz-transition: visibility !important;
}
 
0951名無しさん@お腹いっぱい。2015/07/28(火) 18:31:48.45ID:tYOMWEIA0
>>946
わざわざ教えてくれてありがとう
しかしuBlock使っていないので出来たらCSSで消せたらと思っています

>>948
お手数をかけてどうもすみません
消せた!と思ったのですが
ttp://xuox.blog55.fc2.com/blog-entry-486.html
ここだと#main > .content:first-child を無しにすると消えてくれません
なんかいい方法ありますか?
0952名無しさん@お腹いっぱい。2015/07/28(火) 19:15:01.99ID:rZY4Uzsa0
>>950
適当
@-moz-document url("chrome://browser/content/browser.xul"){
#PersonalToolbar{
position:fixed; top:7.5em; left:2px !important;
border:none !important;
}

#PersonalToolbar[collapsed="true"] {
-moz-transition: none !important;
}
#PersonalToolbar:not([collapsed="true"]) {
visibility: hidden !important;
opacity: 0.5;
-moz-transition: visibility 1s, opacity 1s ease !important;
}
#navigator-toolbox:hover #PersonalToolbar:not([collapsed="true"]) {
visibility: visible !important;
opacity: 1;
-moz-transition: visibility !important;
}
}
0953名無しさん@お腹いっぱい。2015/07/28(火) 19:50:43.27ID:rybqzJx40
>>951
/* FC2ブログの広告を非表示 */
@-moz-document regexp("^https?://[^/]+\\.blog\\d*\\.fc2\\.com/.*$") {
/* 広告テキストリンク */
a[href$=".fc2.com/?overture"],
/* 広告IFRAME */
iframe[src*=".fc2.com/fc2ad.php?"],

/* 記事形式広告 (1) */
div#main > div.content:first-child > h2#e,
div#main > div.content:first-child > h2#e ~ *,

/* 記事形式広告 (2) */
div#main > div#e.content,

/* 記事形式広告 (3) */
/* 記事本文 */
div#main > div#contents > div.entry_box:nth-child(2) > div.entry_body > div[style="text-align:center;margin-bottom:10px;"],
/* 記事フッタ "上記の広告は1ヶ月以上更新のないブログに表示されています。" */
div#main > div#contents > div.entry_box:nth-child(2) > div.entry_body > div[style="font-size:8px;"]:last-child,

/* 画面下部に貼り付くバナー広告 */
#fc2_bottom_bnr {
display: none !important;
}
}
0954名無しさん@お腹いっぱい。2015/07/28(火) 20:30:50.14ID:zDdbF38O0
>>952
わざわざ作ってくれて、ありがとう。
動きは良いのですが、独自背景を作らないと表示ページと重なってブックマークツーバーが見難くなります。
また、ツールバーのかなり下に表示されます。
0955名無しさん@お腹いっぱい。2015/07/28(火) 20:53:15.39ID:rZY4Uzsa0
>>954
それはそちらの環境に依存する問題だと思われ
http://up.mugitya.com/img/Lv.1_up74051.png
0956名無しさん@お腹いっぱい。2015/07/28(火) 20:53:51.99ID:aUwPRZgq0
>>940
ありがとう、助かりました
0957名無しさん@お腹いっぱい。2015/07/28(火) 23:34:36.28ID:Mq0LwbPM0
>>955
俺もサイドバーの枠線だけ透ける
初期状態に適用
0958名無しさん@お腹いっぱい。2015/07/28(火) 23:54:35.76ID:Mq0LwbPM0
>>955
すまん自己解決
z-indexで順位を上げてやれば透けないわ
0959名無しさん@お腹いっぱい。2015/07/29(水) 10:32:23.93ID:dEuLf9Fx0
>>953
ちゃんと消えました!
わざわざ作っていただきどうもありがとうございました
0960名無しさん@お腹いっぱい。2015/07/31(金) 01:48:55.36ID:d7QwbE8M0
fx40以降で使えるツールバーボタンの余白を詰めるCSSオナシャス!
0961名無しさん@お腹いっぱい。2015/07/31(金) 16:58:45.41ID:2MNitlm50
https://userstyles.org/styles/101008/bookmark-bookmarks-toolbar-autohide-with-hover
このスタイル気に入ってるんだけど、表示後マウスで合わせにくい。
左マウスを押しながらなら合わせられる。
CSS詳しい方、どこを弄れば、すぐバーが消えないように出来るの?
0962名無しさん@お腹いっぱい。2015/07/31(金) 17:37:35.59ID:DFp4HXxD0
適当に直してみた

#navigator-toolbox > #PersonalToolbar {
z-index: 0;
position: fixed;
margin-top: -25px !important;/*Change Position*/
padding: 3px 0;
width:100%;
-moz-transition: margin-top 1.5s 0s !important;
}

#navigator-toolbox:hover > #PersonalToolbar {
margin-top: 0px !important; /*Change Position*/
-moz-transition: margin-top 1.5s 0s !important;
}
0963名無しさん@お腹いっぱい。2015/07/31(金) 18:10:50.80ID:2MNitlm50
>>962
動きはバッチリです。
表示ページと重なって見難くなりますので、独自背景で元の表示を隠せませんか?
09649522015/07/31(金) 18:33:14.90ID:jn5KvaC90
メニューバーをAltで出した時に一部重なってたので修正
@-moz-document url("chrome://browser/content/browser.xul"){
#PersonalToolbar{
border:none !important;
z-index:2 !important;
}
#main-window[sizemode="normal"] #PersonalToolbar{
position:fixed; top:8.1em; left:2px !important;
}
#main-window[sizemode="normal"] #toolbar-menubar[inactive="true"] ~ #PersonalToolbar{
position:fixed; top:7.5em; left:2px !important;
}
#main-window[sizemode="maximized"] #PersonalToolbar{
position:fixed; top:8.6em; left:2px !important;
}
#main-window[sizemode="maximized"] #toolbar-menubar[inactive="true"] ~ #PersonalToolbar{
position:fixed; top:6.7em; left:2px !important;
}
#PersonalToolbar[collapsed="true"] {
-moz-transition: none !important;
}
#PersonalToolbar:not([collapsed="true"]) {
visibility: hidden !important;
opacity: 0.5;
-moz-transition: visibility 1.5s, opacity 1s ease !important;
}
#navigator-toolbox:hover #PersonalToolbar:not([collapsed="true"]) {
visibility: visible !important;
opacity: 1;
-moz-transition: visibility !important;
}
}
0965名無しさん@お腹いっぱい。2015/07/31(金) 18:46:37.07ID:jn5KvaC90
>>960
適当
@-moz-document url("chrome://browser/content/browser.xul"){
#nav-bar .toolbarbutton-1:not(#back-button){
padding:0 !important;
border: 0 solid !important;
}

#nav-bar .toolbarbutton-1:not(#back-button):not(#forward-button) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon{
padding:3px 0 !important;
border: 0 solid !important;
width: 100% !important;
height: 100% !important;
}

#nav-bar{
padding-right: 5px !important;
}
}

スクショ
http://up.mugitya.com/img/Lv.1_up74239.png
0966名無しさん@お腹いっぱい。2015/07/31(金) 19:21:18.21ID:2MNitlm50
>>964
やはり、表示ページと重なって見難いです。
隠れた時の動きは良いのですが、ツールバーに重なって表示されてます。
0967名無しさん@お腹いっぱい。2015/07/31(金) 19:24:27.45ID:jn5KvaC90
>>966
スクショくれ
0968名無しさん@お腹いっぱい。2015/07/31(金) 19:51:42.46ID:/zTC6Xuf0
別のCSSも適用しているのではないかな
0969名無しさん@お腹いっぱい。2015/07/31(金) 20:22:04.83ID:2MNitlm50
>>967
ゴメン、キャプチャーに手間取った。

表示位置もズレてます。
http://i.imgur.com/OOdFeAU.png

普通にブックマークツールバーを表示した時
http://i.imgur.com/U3mCIwS.png
09709692015/07/31(金) 20:24:16.84ID:2MNitlm50
ゴメン!
画面説明、逆になってしまった。
0971名無しさん@お腹いっぱい。2015/07/31(金) 21:03:35.86ID:jn5KvaC90
>>970
nav-barを細くしてるCSSが、メニューバーの文字色と背景を弄ってるっぽいね
で、>>964のはコンテンツ上に表示させるものだから、そもそもnav-barを延長させるものではないってことね(>>955参照)
とりあえず、>>950でどうだろう?
0972名無しさん@お腹いっぱい。2015/07/31(金) 21:34:27.80ID:2MNitlm50
>>971
>>961の修正は無理ですか?
無理なようなら、諦めて>>961をそのままで使います。
0973名無しさん@お腹いっぱい。2015/07/31(金) 21:40:20.04ID:d7QwbE8M0
>>965
ありがとう
width: 100% !important;
height: 100% !important;
がキモみたいだね
0974名無しさん@お腹いっぱい。2015/07/31(金) 21:45:12.70ID:jn5KvaC90
>>972
バッティングしてるCSSの中身が解らない以上、修正のしようがないわさ
09759742015/08/01(土) 00:31:38.92ID:bWGzFRpp0
なんとなく似たようなもんはできた
さて、寝るべ
http://up.mugitya.com/img/Lv.1_up74262.png
0976名無しさん@お腹いっぱい。2015/08/01(土) 05:29:14.67ID:sXRhabaR0
さて、寝るべじゃねーよw
黙って寝ろバーカ
0977名無しさん@お腹いっぱい。2015/08/02(日) 21:40:23.46ID:m6IWGe130
>>975
書き込みに規制で遅くなった。
そのCSS教えて!

いまのところhttps://userstyles.org/styles/101008/bookmark-bookmarks-toolbar-autohide-with-hover
の60行目に下記追加したら正常に動作した。
-moz-transition: visibility 1.5s, opacity 1s ease !important;
CSSに知識皆無でなぜかは判らん。

http://i.imgur.com/OoHqnUr.png
0978名無しさん@お腹いっぱい。2015/08/03(月) 13:08:56.70ID:akBBNCV70
そろそろ次スレを建てる頃合いですお
0979名無しさん@お腹いっぱい。2015/08/07(金) 07:37:27.09ID:R41LEAVS0
ええわ
0980名無しさん@お腹いっぱい。2015/08/07(金) 07:38:11.96ID:R41LEAVS0
ww
0981名無しさん@お腹いっぱい。2015/08/07(金) 07:38:34.60ID:R41LEAVS0
ww
0982名無しさん@お腹いっぱい。2015/08/07(金) 07:46:01.28ID:f6uJ9jW20
>>18,20,22,29
0983名無しさん@お腹いっぱい。2015/08/07(金) 09:23:58.72ID:vdeqBtAb0
たててみる
0984名無しさん@お腹いっぱい。2015/08/07(金) 09:33:17.75ID:vdeqBtAb0
>ERROR: Sorry このホストでは、しばらくスレッドが立てられません。またの機会にどうぞ。
誰か頼む

userChrome.css・userContent.cssスレ Part6

●前スレ
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/
0985名無しさん@お腹いっぱい。2015/08/07(金) 09:34:02.86ID:vdeqBtAb0
●User Style Managerについて

バージョンによって利用できない機能があります

GitHub - scrapmac/User-Style-Manager
https://github.com/scrapmac/User-Style-Manager

管理画面
×1.1.1
×1.1
○1.0

スタイル作成
○1.1.1
△1.1
×1.0
0986名無しさん@お腹いっぱい。2015/08/07(金) 09:35:02.99ID:vdeqBtAb0
userChrome.css・userContent.cssスタイルスレ
 http://anago.2ch.net/test/read.cgi/software/1317830579/
Firefox userChrome.css userContent.cssスタイルスレ (実質 Part2)
 http://anago.2ch.net/test/read.cgi/software/1329315394/
userChrome.css・userContent.cssスレ Part3
 http://anago.2ch.net/test/read.cgi/software/1347629378/
userChrome.css・userContent.cssスレ Part3 (実質 Part4)
 http://anago.2ch.net/test/read.cgi/software/1369968883/
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
 http://anago.2ch.net/test/read.cgi/software/1400202982/
0987名無しさん@お腹いっぱい。2015/08/07(金) 12:04:59.57ID:3rnQXV+c0
立ててみる
0988名無しさん@お腹いっぱい。2015/08/07(金) 12:13:58.66ID:3rnQXV+c0
JCOMは駄目なようだな・・・誰か宜しく

メ欄に「sageteoff」と
スレタイ末尾に半角スペースをついでに頼む
0989名無しさん@お腹いっぱい。2015/08/07(金) 17:41:17.44ID:H4qfotMz0
なんか新しいの出たな
サイトごとにユーザースタイルとスクリプト実行できるのが
名前忘れた
0990名無しさん@お腹いっぱい。2015/08/07(金) 23:57:53.19ID:ci1ga2Nw0
スレ立ていくわ
0991名無しさん@お腹いっぱい。2015/08/08(土) 00:01:08.81ID:RNR7hTM30
次スレ立てたよ

userChrome.css・userContent.cssスレ Part6
http://anago.2ch.net/test/read.cgi/software/1438959541/
0992名無しさん@お腹いっぱい。2015/08/08(土) 00:05:40.62ID:RNR7hTM30
スレタイ末尾に半角スペース入れてって書かれてたのにすっかり忘れてたわ
許して
0993名無しさん@お腹いっぱい。2015/08/08(土) 06:49:26.29ID:40/ZoUsQ0
許す
0994名無しさん@お腹いっぱい。2015/08/08(土) 15:03:17.88ID:MvOSHJXu0
>>991
乙!
0995名無しさん@お腹いっぱい。2015/08/09(日) 03:41:32.15ID:+qhRM//q0
埋めとこうよ!
0996名無しさん@お腹いっぱい。2015/08/09(日) 05:23:17.21ID:OPVIvF3s0
(´・ω・`)知らんがな
0997名無しさん@お腹いっぱい。2015/08/09(日) 05:24:03.23ID:OPVIvF3s0
(´・ω・`)知らんがな
0998名無しさん@お腹いっぱい。2015/08/09(日) 05:25:01.76ID:OPVIvF3s0
(´・ω・`)知らんがな
0999名無しさん@お腹いっぱい。2015/08/09(日) 05:25:43.91ID:OPVIvF3s0
(´・ω・`)知らんがな
1000名無しさん@お腹いっぱい。2015/08/09(日) 05:26:25.61ID:OPVIvF3s0
(´・ω・`)知らんがな
10011001Over 1000Thread
このスレッドは1000を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。
レス数が1000を超えています。これ以上書き込みはできません。