[表示 : 全て 最新50 1-99 101- 201- 301- 401- 501- 601- 701- 801- 2chのread.cgiへ]
Update time : 04/14 00:47 / Filesize : 226 KB / Number-of Response : 869
[このスレッドの書き込みを削除する]
[+板 最近立ったスレ&熱いスレ一覧 : +板 最近立ったスレ/記者別一覧] [類似スレッド一覧]


↑キャッシュ検索、類似スレ動作を修正しました、ご迷惑をお掛けしました

userChrome.css・userContent.cssスレ Part3



1 名前:名無しさん@お腹いっぱい。 mailto:sage [2012/09/14(金) 22:29:38.63 ID:BVEileeM0]
◆前スレ
userChrome.css・userContent.cssスタイルスレ
anago.2ch.net/test/read.cgi/software/1317830579/

Firefox userChrome.css userContent.cssスタイルスレ(実質 Part2)
anago.2ch.net/test/read.cgi/software/1329315394/

◆拡張機能
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
userstyles.org/

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

とほほのスタイルシート入門
www.tohoho-web.com/css/

492 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/26(土) 13:54:57.41 ID:TwYN6UO30]
trunk、branchって言われる機会が減ってきてるのも
ID:agQHDR2H0みたいなのが湧いて出る原因かも

493 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/26(土) 19:27:01.18 ID:qviXBz8X0]
ページを横スクロールバーが出ないように詰めてくれるようにするcssってないでしょうか
あまりにも横に長いページでは動作しないものがいいです

494 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/26(土) 20:43:04.45 ID:370w82K00]
html{
overflow-x:hidden !important;
}

495 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/27(日) 09:41:47.92 ID:vvwYOknR0]
>>494
これ適用するとTwitterでスクロールが止まってしまう

496 名前:名無しさん@お腹いっぱい。 [2013/01/27(日) 23:06:38.29 ID:X+VfjIW70]
タブの背景の色を変えたいのに下の記述では変わらない
文字の色はちゃんと指定したものになるのに

tab{
background-color:#111111 !important;
color:#d3d3d3 !important;
}

497 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/27(日) 23:23:42.82 ID:vvwYOknR0]
Firefox で、CSSで個別に非表示にすることが可能な「ツールチップ」のまとめ。
Firefox で「ツールチップ」関連をすべて非表示にしたい場合は、about:configで、browser.chrome.toolbar_tipsをfalseに変更すれば、全ての「ツールチップ」が非表示になる。
しかし、これだとページ領域内のリンクのツールチップなども
一緒に非表示になってしまったりと、ユーザーによっては、それでは具合が悪いという場合もあろう。

498 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/27(日) 23:23:57.58 ID:vvwYOknR0]
ページ内検索バーのテキストボックスの色変更
ページ内検索バー(Ctrl+F)にて、検索結果が見つからなかったときには、テキストボックスの色が変化して合図するようになっているが。
この検索結果が見つからなかったときの、色を変更する方法。

[スタイル適用前のデフォルト]

以下は、デフォルトのCSSなので、太字の#f66を好きな色に変更すればよい。
尚、太字のwhiteは文字の色。
.findbar-textbox[status="notfound"] {
box-shadow: 0 0 0 1em #f66 inset !important;
color: white !important;
}

例えば、

.findbar-textbox[status="notfound"] {
box-shadow: 0 0 0 1em #9966ff inset !important;
color: white !important;
}


.findbar-textbox[status="notfound"] {
box-shadow: 0 0 0 1em #080808 inset !important;
color: white !important;
}

499 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/27(日) 23:49:18.28 ID:eFzSpg7S0]
>>496
それではダメだよ
.tabbrowser-tab[image*=".2ch.net"] {
background-image: -moz-linear-gradient(50% 100%, rgba(26, 26, 26, 0.4) 1px, transparent 1px), -moz-linear-gradient(rgb(255, 255, 0), rgba(255, 230, 0, 1) 50%), -moz-linear-gradient(rgb(207, 219, 236), rgb(207, 219, 236)) !important;
}
.tabbrowser-tab[image*=".2ch.net"]:hover {
background-image: -moz-linear-gradient(50% 100%, rgba(26, 26, 26, 0.4) 1px, rgba(255, 255, 255, 0.6) 1px), -moz-linear-gradient(rgb(255, 255, 0), rgba(255, 230, 0, 1) 50%), -moz-linear-gradient(rgb(207, 219, 236), rgb(207, 219, 236)) !important;
}

Youtubeなら [image*=".ytimg.com"]
Chaikaなら [label$="[chaika]"]

500 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 00:17:57.13 ID:lK7b0eRm0]
>>499
background-imageを使うんですね ありがとうございます

> background-color は背景画像より下、ボーダー は背景画像よりも上位のレイヤーに描画されます。
ttps://developer.mozilla.org/ja/docs/CSS/background-image



501 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 15:17:12.42 ID:ud2R9rGh0]
>>500
質問者のわりには勉強してるじゃん。なかなかやるね!!

いまだに古いブログのコピーしかできない能無しのニートには絶対無理だな
つか新サイトにひとりだけ案内されなくて
あ〜カワイソw

502 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 21:33:25.83 ID:p1VOs8kj0]
指定したサイトの訪問済みリンクの色を#551A8Bに方法を知りたいです。
どのように書けばいいのか分かる人いたら教えてください。

503 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 21:43:32.28 ID:SYNXiV/e0]
google 訪問済み 色でググれば分かる

504 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 21:45:21.96 ID:p1VOs8kj0]
>>503
googleに質問を投げないでください。
知っている人に聞いているので知らない人はレスしてくれなくていいですよ。

505 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 21:56:19.91 ID:pgUPtmsI0]
>>504
ちょっと調べれば分かることをわざわざ人に聞くなってことだろ

506 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 22:00:57.79 ID:w/AUazkn0]
それでは具合が悪いという場合もあろう。

507 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 22:01:05.36 ID:p1VOs8kj0]
>>505
その、ちょっとが人によってちがうじゃないですか。
わたしにとっては、全然ちょっとじゃないんです。

508 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 22:27:44.42 ID:B8PRLDZS0]
>>507
ほい
ttp://www.designwalker.com/2007/01/css-visited.html

でも自分でググって調べられる方が圧倒的に楽だし早いよ
身近な人にでもググる時のコツを教わった方がいい

509 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 22:31:13.53 ID:p1VOs8kj0]
>>508
どうもありがとうございます!
自分で調べられるように頑張ってみます。
ありがとうございました。

510 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 23:12:05.06 ID:wfVT5wGE0]
>>503をただの突き放しと感じてるようじゃ見込みないね



511 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 23:18:29.79 ID:B8PRLDZS0]
経験談だが、お礼の言葉に『頑張ります』と言った場合実際には頑張らない
なんかやる気起きない時に出てくる言葉

まぁでもいつかやる気出るでしょ。そうなりゃ出来るよ

512 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 23:30:05.40 ID:jChMeJ0/0]
「指定したサイトの」ってとこも分かったのかな

513 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 23:39:21.85 ID:p1VOs8kj0]
>>512
こんな感じで出来ました!
@-moz-document domain(nicovideo.jp) {
a[href*="searchresult?v="]:visited {
color:#551A8B !important;
}
}

514 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/28(月) 23:40:33.59 ID:p1VOs8kj0]
>>512
>>508には載っていなかったので、
>>508は全く役に立ちませんでした。

515 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 00:07:53.10 ID:6MNAs+bH0]
親切面してさらっと嘘つくのは本物の悪党だってばっちゃが言ってた

516 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 00:12:17.96 ID:sGg69SCS0]
そんなばっちゃも
もういない…

517 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 03:14:23.96 ID:sM7eqMKm0]
ID:p1VOs8kj0
死ね

518 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 03:43:53.79 ID:fo/SXh8d0]
bookmarks-menu-buttonをクリックした時に展開される内容のidが載ってるページを教えて下さい

519 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 03:53:13.59 ID:sM7eqMKm0]
ttp://mxr.mozilla.org/mozilla-central/source/browser/base/content/browser.xul#737

520 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 04:11:03.38 ID:QTauHWB/0]
なんでmozilla-central?



521 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 04:13:53.19 ID:sM7eqMKm0]
mozilla-releaseなんて見ても今更感でおもしろくない

522 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 06:00:22.74 ID:fo/SXh8d0]
>>519
ありがとうございます

bookmarks-menu-buttonをクリックした時に展開される
「ブックマークツールバーを表示」等を消したかったので
#BMB_viewBookmarksToolbar + menuseparator
{ display: none !important; }
等やってみましたがうまくいきません

どうすればいいでしょうか?

523 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 06:04:35.93 ID:W29k2i4d0]
+ menuseparator は区切り線を消す指定だよ

524 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 08:47:59.21 ID:fo/SXh8d0]
はい、区切り線も消したいので。

メニューバーのブックマークのは
#bookmarksToolbarFolderMenu
,#bookmarksToolbarFolderMenu + menuseparator
{ visibility:collapse !important; }
で消えたのでボタンのも同じようにしたのですがダメでした。

525 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 09:08:32.49 ID:4AcVKAVI0]
css勉強してきたら?

526 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 12:17:31.06 ID:8pCbxJRc0]
そもそも「ブックマークツールバーを表示」なんて項目は見当たらないのだけど

527 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 12:40:53.46 ID:QTauHWB/0]
>>524
#bookmarksToolbarFolderMenu,
#bookmarksToolbarFolderMenu + menuseparator
{ visibility:collapse !important; }

↑は「,」で区切られた以下の二つのものにスタイルが適用される
「#bookmarksToolbarFolderMenu」と「#bookmarksToolbarFolderMenu + menuseparator」
「#bookmarksToolbarFolderMenu + menuseparator」は#bookmarksToolbarFolderMenu「と」
menuseparatorという意味ではなくて一塊
つまり「#bookmarksToolbarFolderMenuに『隣接の』menuseparator」ってこと

なので
#BMB_viewBookmarksToolbar + menuseparator
{ display: none !important; }
これだと「#BMB_viewBookmarksToolbarに『隣接する』menuseparator」だけしかスタイルが掛からない
#BMB_viewBookmarksToolbarを別個加える必要がある

528 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 12:46:43.85 ID:F2KciwDU0]
CSS初心者スレッド=12th=
toro.2ch.net/test/read.cgi/hp/1343429848/

529 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 15:36:25.92 ID:OXdsmLWr0]
三重県の人いますか? 45人目
toro.2ch.net/test/read.cgi/offevent/1346252009/

530 名前:518,522,524 mailto:sage [2013/01/29(火) 19:03:48.20 ID:fo/SXh8d0]
いろいろ教えていただき、ありがとうございました
何度も再起動したためか忍法帖がクリアされてしまいましたが
おかげで解決できました

>>526
ツールバーのカスタマイズの一覧に入ってる、右にvが付いた青本(黄色い星)のアイコンで出ました
(Toolbar Buttonsを入れてます)



531 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 20:11:21.06 ID:F2KciwDU0]
新しいタブボタンのアイコンを「ホーム」のアイコンに変更する方法。
アドオンの「Tab Mix Plus」の設定や、アドオン「My Homepage」などを利用して、
新しいタブボタンをクリックしたときに「無題」のページではなくて、
「ホームページ」を開くようにカスタマイズしているユーザー向けのスタイル。

i.imgur.com/fuSmwCI.png

ユーザースタイルシート(userChrome.css)で以下を記述する。
/* 新しいタブアイコンをホームアイコンにする */
.tabs-newtab-button,
#new-tab-button {
list-style-image: url("chrome://browser/skin/Toolbar.png") !important;
-moz-image-region: rect(0, 90px, 18px, 72px) !important;
}

532 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 20:46:43.96 ID:AX3jxIfQ0]
>>531



低次元なことをドヤ顔でw

533 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 21:37:10.11 ID:F2KciwDU0]
低次元ドヤ顔シリーズ第二弾ww

「更新」ボタンのアイコンの矢印の方向をOperaと同じに変更する方法。
i.imgur.com/L3TEb3Z.png

ユーザースタイルシート(userChrome.css)で以下を記述する。
/* ::::: 「更新」アイコンの矢印の方向を変更 ::::: */
#reload-button > .toolbarbutton-icon,
#urlbar-reload-button > image {
-moz-transform: scale(-1,-1) !important;
}

534 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 21:43:58.40 ID:F2KciwDU0]
低次元ドヤ顔シリーズ第三弾ww

Firefox 9 タブにマウスオーバーで閉じるボタンを表示する方法
Firefox 9 、各タブにマウスオーバーした時にだけ、「タブを閉じる」ボタンを表示する方法。
i.imgur.com/ZARRMre.png

すべてのタブの×ボタン(閉じるボタン)を非表示にすることははabout:configやuser.jsで簡単に設定可能だけれど、マウスオーバーしたときのみに非表示にした×が表示されるのは画期的!
同様の機能はTab Mix 系のアドオンではよく見かけるけど設定だけで変えられるの魅力。


画期的!  だそうですよww

535 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 22:45:27.27 ID:xacqKMZ10]
で、firefox fan clubの移転先どこ

536 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/29(火) 23:09:26.72 ID:+vImSTML0]
ここ
あなたいじわる〜♪

537 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/30(水) 02:02:13.70 ID:6kbjdq4Q0]
だれかパスワード教えてくれ

538 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/30(水) 02:10:19.54 ID:+jKvxGWR0]
パスワードは「arimasen」

539 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/30(水) 02:26:43.66 ID:6kbjdq4Q0]
お、アリガト

540 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/30(水) 05:40:54.89 ID:5hRxOeTB0]
dante2.blog44.fc2.com/



541 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/30(水) 12:51:46.84 ID:ue6hAzr/0]
firefoxのthrobberとかfaviconの変更するuserstyleは見つけたんだけど
こういうの自作する場合どうやって調べればいいんだろ

ブラウザのボタンいじりしたいんだけどapiみたいなのあるのかな
そもそもthrobberって名称自体を探すのにも苦労したんだ・・・

542 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/30(水) 12:55:44.75 ID:lB+Ak4EG0]
DOM Inspector とか使います

543 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/30(水) 13:49:17.99 ID:Dm7yi9E/0]
>>541
このふたつ
ttps://addons.mozilla.org/ja/firefox/addon/dom-inspector-6622/?src=search
ttps://addons.mozilla.org/ja/firefox/addon/inspect-context/

544 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/30(水) 16:39:48.29 ID:ue6hAzr/0]
>>542-543
すげー!なにこれ!すげー!
これでスタイルシート捗るわ

マジでありがとう!

545 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/30(水) 21:56:46.40 ID:sAxTCWtW0]
こんな有名アドオン知らんとかどんだけ

546 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/30(水) 23:38:01.22 ID:fNsgNcb60]
有名アドオンでも知らない奴は知らないし
少しでも知らないくんを減らしていった方がスレが楽

547 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/30(水) 23:56:50.45 ID:aeDyk5At0]
DOM Inspector と ZZZ-inspectChrome.uc.js だわ

548 名前:543 mailto:sage [2013/01/31(木) 02:06:56.61 ID:0c6Ldoow0]
>>543だけど無知ですまんっす
DOM Inspectorのおかげでやりたいことができたよ↓
ほんと教えてくれた人ありがとう

userstyles.org/styles/82370/clear-addon-manager

549 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/31(木) 08:47:11.53 ID:5KZw5ibL0]
>548
お、いいじゃんコレ
使わせてもらうは

550 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/31(木) 09:02:23.08 ID:OJ5uf7G70]




551 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/31(木) 09:07:28.76 ID:l22IGZVt0]


552 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/31(木) 11:55:54.31 ID:jJfoqjiB0]
>>537
Mailしてみ

553 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/31(木) 13:54:58.83 ID:XexnN46Q0]
アドオンマネージャなら
userstyles.org/styles/66033/about-addons-beautiful-and-compacted
が秀逸でしょうよ
スクロールの軽快さはほかでは味わえないよ

554 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/31(木) 17:41:12.68 ID:6OyfMsF60]
ボタン等のidを[要素を調査]で調べるためにFirefoxのwindow枠を表示する方法は何だったっけ?

555 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/31(木) 17:42:49.10 ID:smddd8FK0]
>>554
chrome://browser/content/browser.xul

556 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/01/31(木) 19:16:27.64 ID:6OyfMsF60]
>>555
それだ!!
ありがとう

557 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/01(金) 18:31:25.06 ID:GMGapLKR0]
>>552

どんな感じで書いたらいいかな?

558 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/02(土) 14:03:40.78 ID:Hpk/xMrR0]
>>557
決して嘘を書かないこと

559 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/03(日) 00:15:57.50 ID:0fVjorhS0]
Firefox 全般 & アドオン :: Firefox Fan Club + More Browsers
doheny.blog137.fc2.com/blog-category-1.html - Translate this page
NoScriptの「WAN IP ∈ LOCAL」って? Firefoxの代表的なアドオンであるNoScriptは利用ユーザーも多いと思うが、この設定の「WAN IP ∈ LOCAL」というところに自分のIPアドレスが表示されて、しかもデフォルトでチェックが入って有効になっているが。

560 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/03(日) 03:59:43.57 ID:9n3f3MkF0]
>>543
ttps://addons.mozilla.org/ja/firefox/addon/inspect-context/
こんなのあるのか・・・
何年か前にUIいじった時に必死でID探したのがばからしくなるな

ありがとうございます



561 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/03(日) 04:02:46.95 ID:mSjOvrH40]
ツールバーに置いてるAdblock Plusのドロップマーカーはどうやって消せばいいの?

562 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/03(日) 04:34:40.62 ID:vfJy8WUO0]
#abp-toolbarbutton > .toolbarbutton-menu-dropmarker{
display:none !important;
}

563 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/03(日) 04:43:45.60 ID:xZqMQ2kZ0]
>>561
#toolbar-menubar > #abp-toolbarbutton .toolbarbutton-menu-dropmarker {
display: none !important;
}
#TabsToolbar > #abp-toolbarbutton .toolbarbutton-menu-dropmarker {
display: none !important;
}
#nav-bar > #abp-toolbarbutton .toolbarbutton-menu-dropmarker {
display: none !important;
}
#PersonalToolbar > #abp-toolbarbutton .toolbarbutton-menu-dropmarker {
display: none !important;
}
#addon-bar > #abp-toolbarbutton .toolbarbutton-menu-dropmarker {
display: none !important;
}
まとめて消す場合は
#abp-toolbarbutton .toolbarbutton-menu-dropmarker {
display: none !important;

>>562
間違ってる

564 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/03(日) 04:52:55.90 ID:vfJy8WUO0]
なんで絡まれてんのかイマイチわからないんだが・・・
ABPって同時に複数のツールバーにボタンを表示すんの?

565 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/03(日) 06:58:25.58 ID:k/0bEBVuP]
IDあるのにその親の指定書くのって馬鹿っぽい

566 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/03(日) 12:19:31.35 ID:cd5f/k050]
>>564
ツールバーのカスタマイズでボタンを移動した際の対策だろう 

567 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/03(日) 14:26:05.10 ID:/gphY6de0]
cssは右から読んでるってのがいまいち理解されてない

568 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/03(日) 15:31:54.91 ID:xGFJxijm0]
>>567
cssって前から読んでるんじゃないの?

569 名前:561 mailto:sage [2013/02/03(日) 15:47:59.13 ID:mSjOvrH40]
ありがとう
562さんので消せました

てっきりidの後ろに dropmarker ってのが付くのだと思ってました

570 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/03(日) 17:28:31.36 ID:HOSvAq5X0]
>>568
セレクタは右から解釈してる



571 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/04(月) 15:30:35.27 ID:kZ+6VAOy0]
ファビコンのないブックマークだけアイコンを変更したいのですが
どうセレクタで指定すればできますか?

572 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/04(月) 15:39:14.32 ID:OZwGYjX80]
>>571
mozilla-remix.seesaa.net/article/234531921.html
このへん見てやって

573 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/04(月) 20:37:07.14 ID:fHj5xT9I0]
18 : 名無しさん@お腹いっぱい。[sage] : 投稿日:2010/04/20 15:50:56 ID:JhrQx1Wd0 [1/4回(PC)]
>>16
> 小さな▼があります。これって消せますか?

#abp-toolbarbutton > dropmarker > image {display:none;}


以前の質問スレで上記の解答があったため、ずっとこれを使っているのですが
#abp-toolbarbutton .toolbarbutton-menu-dropmarker
cssとしてはどちらの指定がいいのでしょうか

574 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/04(月) 20:43:56.46 ID:shukrsoS0]
>>573
#abp-toolbarbutton > .toolbarbutton-menu-dropmarker

575 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/04(月) 21:00:35.45 ID:P/DMKinn0]
#abp-toolbarbutton > dropmarker > image {
display: none !important;
}

#abp-toolbarbutton .toolbarbutton-menu-dropmarker {
display: none !important;
}

上の二つが正解どちらでもいい
>>547
間違っている

576 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/04(月) 22:15:12.30 ID:shukrsoS0]
.toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow.png");
}
上書きすべきはchrome://browser/skin/browser.css↑のルール
ABPのドロップマーク限定なら「.toolbarbutton-1」をIDセレクタ「#abp-toolbarbutton」
で置き換えてやればいい

#abp-toolbarbutton > dropmarker > image
↑みたいなタイプ/タグセレクタ[dropmarker,image]が連続するようなのは避けるべき

577 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/04(月) 22:28:53.22 ID:kZ+6VAOy0]
>>572
livemarkメニューにも反映されてしまうんですけど
回避法ありませんか?

578 名前:573 mailto:sage [2013/02/04(月) 22:48:21.29 ID:fHj5xT9I0]
574-576
解答ありがとうございます

>↑みたいなタイプ/タグセレクタ[dropmarker,image]が連続するようなのは避けるべき
書き換えしてみます。丁寧にありがとうございます

579 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/05(火) 00:29:20.21 ID:zdV9Tbsd0]
>>577
ブックマークツールバーを表示した時に右端に現れるブックマークメニューボタンの
アイコンにも影響してしまうので以下のように変える
.bookmark-item:not([container]):not([image]):not(#bookmarks-menu-button),

livemarkの時を除外するルールにするより以下のデフォルトルールを!important
つきで再度定義しなおした方がいいような気がする
.bookmark-item[container][livemark] .bookmark-item:not(#bookmarks-menu-button) {
list-style-image: url("chrome://browser/skin/places/livemark-item.png") !important;
}

580 名前:547 mailto:sage [2013/02/05(火) 01:36:18.67 ID:1JJ1aM9a0]
>>575
>>>547
>間違っている

おれが間違ってるんだな♪



581 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/05(火) 11:07:27.65 ID:KUtCtag30]
>>580
あなたいじわる〜♪

ってか?(笑)
そんなことぐらいで、泣くなやw

582 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/05(火) 12:12:23.37 ID:gyQDUoif0]
google chromeで使えるDOM Inspectorってあるかな?

583 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/05(火) 12:46:54.63 ID:hcNTsIkg0]
>>582
chromeのuiはcssでいじれません

584 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/05(火) 13:49:40.88 ID:Ob192Stn0]
>>579
ありがとう
デフォルトルールの再定義は勉強になりました

585 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/05(火) 15:11:32.48 ID:gWG2BVP/0]
>>548
コレいいんだけど左部の更新可能なアドオンのタブが出なくなっちゃうな
それさえ直れば…

586 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/05(火) 15:22:18.70 ID:zdV9Tbsd0]
>>585
/* hiddenカテゴリなどの高さ調節微調整 height of hidden */
#category-search,
#category-availableUpdates,
#category-recentUpdates{
height: 0px !important;
}
これを変えればいいだけじゃないの

587 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/05(火) 16:17:59.81 ID:gWG2BVP/0]
>586 oh…dd

588 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/05(火) 16:53:40.26 ID:gyQDUoif0]
>>587
すんません
そこおかしいの知ってたんですがあとで直そうと思って
すっかり忘れてました・・・

「サーチ」「更新可能」「最近の更新」の3つ
通常高さが0で、表示する内容があるとき高さが与えられるような感じだったので
通常時表示自体を消すことで対応しました

589 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/05(火) 20:55:53.86 ID:DRfCN13b0]
cssで画像を指定するときって

#back-button{
list-style-image: url(hoge);
-moz-image-region: rect(0 16px 16px 0);
}
#forward-button{
list-style-image: url(hoge);
-moz-image-region: rect(0 16px 16px 0);
}
とするのと
#back-button,#forward-button{list-style-image url(hoge);}
#back-button{-moz-image-region: rect(0 16px 16px 0);}
#forward-button{-moz-image-region: rect(0 16px 32px 16px);}
とするのとではどちらがパフォーマンス的に優れてるんですか?

590 名前:587 mailto:sage [2013/02/05(火) 21:12:20.24 ID:98VuAZyZ0]
>>588 oh…(笑)
先にあっちの更新に気付いてもしやと来てみたらやはりw
ありがとうございやした!dd



591 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/05(火) 21:54:04.97 ID:jDmWSKS50]
ございやした!dd

592 名前:名無しさん@お腹いっぱい。 mailto:sage [2013/02/05(火) 22:05:58.94 ID:KUtCtag30]
ID:jDmWSKS50
hissi.org/read.php/software/20130205/akRtV1NLUzUw.html






[ 続きを読む ] / [ 携帯版 ]

前100 次100 最新50 [ このスレをブックマーク! 携帯に送る ] 2chのread.cgiへ
[+板 最近立ったスレ&熱いスレ一覧 : +板 最近立ったスレ/記者別一覧]( ´∀`)<226KB

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef