Як замінити CSS сайту у Firefox за допомогою userContent.css?


88

У Mozilla Firefox я хочу створити, userContent.cssякий переосмислює CSS сайту.

Де мені створити файл?

Чи можете ви, будь ласка, описати його на основі Windows 7?

Відповіді:


111
  1. Відкрийте Firefox і натисніть, Altщоб відкрити верхнє меню, а потім натисніть HelpTroubleshooting Information
  2. Натисніть Open Folderкнопку біля Profile Folderзапису
  3. Створіть папку з іменем chromeу відкритому каталозі
  4. У chromeпапці створіть файл CSS з назвоюuserContent.css
  5. Скопіюйте такий код userContent.css, замінивши "example.com" веб-сайтом, який ви хочете змінити, і власним спеціальним CSS, і перезапустіть Firefox:
@-moz-document domain(example.com) {
    img { opacity: 0.05 !important; }
}

6
Невелике оновлення / модифікація для кроку 1; Інформація про усунення несправностей відкриває посилання, about:supportі в моєму Firefox (v20 щомісячна побудова на Ubuntu) є запис під назвою "Каталог профілів" з кнопкою "Відкрити каталог", яка відкриває каталог профілю /home/tripleee/.mozilla/firefox/asdf1234.default/в Nautilus.
трійка

6
Ви можете видалити, @-moz-document domain("...")щоб застосувати стиль до кожної сторінки.
Ніколя

2
@Septagram Я думаю, що це завжди завжди було так… як я пам’ятаю, chromeтакож міг би містити userChrome.cssінтерфейс браузера («хром»).
сам

5
Одне невелике зауваження: переконайтеся, що створена вами папка має назву "chrome", а з нижнього регістру "c" - інакше вона не працюватиме в Linux.
Олівер Берт

6
Це ж треба , щоб перезапустити Firefox для того , щоб вступити в силу.
Пітер Мортенсен

4

Існувало старе розширення під назвою ChromEdit, яке додало просту кнопку, щоб легко відкрити користувальницьку CSS для редагування.

Це, мабуть, було поставлено під загрозу або було знято. Стильна була альтернативою, але аналогічно це тепер, здається, не існує.

На даний момент ви просто повинні запам'ятати, куди файл повинен піти.


Я думав, що отримав ChromEdit з офіційного списку, але добре.
OrangeDog

9
Виходячи з останніх відгуків, стильного, мабуть, слід уникати.
KlaymenDK

1
Розширення не те саме, що фактичне таблицю стилів користувача. Ось чому Chrome зараз непридатний сміття.
Synetech

1
@Synetech, про що ти говориш? Це розширення додає кнопку для відкриття таблиці стилів для редагування.
OrangeDog

Стильний не працював для мене. Коли я шукав допомогу, я знайшов тему форуму, в якій користувач сказав, що більшість користувачів Stylish перейшли до Stylus через кращу підтримку користувачів та постійні оновлення. Stylus - це вилка Stylish. Stylus працював на мене без необхідності перезапускати Firefox. Використання цього модуля просте - перейдіть на сторінку, яку ви хочете створити, натисніть на значок програми у верхньому правому куті веб-переглядача, виберіть, чи потрібно застосовувати стилі лише до поточної URL-адреси або до цілого домену та введіть свої стилі. Після повторного відвідування значок показує кількість стилів, застосованих плагіном.
youcantryreachingme
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.