Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js

Модерирует : gyra, Maz

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128

Открыть новую тему     Написать ответ в эту тему

gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору



В теме обсуждается настройка внешнего вида Firefox с использованием userChrome.css, userContent.css, а так же использование скриптов js (uc.js).

Родственные темы: Mozilla Firefox [?] | Расширения для Firefox [?]
 
Обсуждение на "Форуме Mozilla Россия":
Настройка внешнего вида Firefox в userChrome.css,
UCF - ваши кнопки, темы, дополнения, скрипты…
 
Темы на GitHub:
Aris-t2 CustomCSSforFx | Aris-t2 CustomJSforFx | xiaoxiaoflood/firefox-scripts | Endor8/userChrome.js | Alice0775 userChrome.js  
VitaliyV UCF - UserChromeFiles


Просьба публикуемые коды заключать в тэг [code][/code] (из выпадающего [?] меню), а коды более 10 строк - в двойной тэг [more][code][/code][/more]
 
Как подключить скрипты JS:
метод Aris-t2 [?] | метод xiaoxiaoflood [?] | метод Endor8 [?] | метод user_chrome_files (UCF) [?]
Как подключить скрипты JSM, MJS в загрузчик скриптов от Aris-t2 [?] , а если у вас Firefox v117+, то дополнительно... [?]
 
Еще один способ активации, [?] нюансы: скрипты можно поместить в пользовательслую папку, можно не прописывать активацию каждого скрипта отдельно.
 
Куда вписывать код для стиля userChrome.css и userContent.css [?]
1\ Также не забываем про такую строку в user.js / prefs.js (для включения userChrome.css и userContent.css):
Код:
// Turn on userChrome.css and userContent.css support
// Включить поддержку userChrome.css и userContent.css
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);  
либо эту настройку включить через about:config.
 
2\ Начиная с v139.0, разрешить использование скриптов JS в about:config:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

 
Полезные ссылки
 
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 16:21 12-04-2025
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
rubel
а как можно сделать чтоб окошко было на чёрном фоне а не на белом


Всего записей: 6812 | Зарегистр. 05-06-2012 | Отправлено: 12:00 05-10-2023 | Исправлено: pangasiys, 12:04 05-10-2023
kokoss19

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
fakel33

Цитата:
А каким лучше?  

Одинаково

Цитата:
И еще один вопрос: как открепить (не убрать) и перенести кнопку "Расширения" на панель vertical_top_bottom_bar?

Ссылка

----------
Win7 / FF115

Всего записей: 2166 | Зарегистр. 16-07-2018 | Отправлено: 12:26 05-10-2023
fakel33



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19 post [?]
Цитата:
Одинаково  

Тогда через custom_script.js.

Всего записей: 1230 | Зарегистр. 22-08-2003 | Отправлено: 12:28 05-10-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
rubel
Цитата:
У меня такого нет. Если выделен текст на странице, то в контекстном меню только  два пункта
Баг воспроизводится стабильно, при первом переводе три пункта, при втором два, как я описывал выше.
Цитата:
Ну а по поводу настройки, пока некогда да и все вроде устраивает.
Да я все решил еще в том посту.
fakel33
Цитата:
А каким лучше?
Я делаю импортом, в этом случае список всех скриптов в одном столбце.

Цитата:
как открепить (не убрать) и перенести кнопку "Расширения" на панель vertical_top_bottom_bar?
Отдельным скриптом.
pangasiys
Цитата:
а как можно сделать чтоб окошко было на чёрном фоне а не на белом
Так сменить бэкграунд на темный, а шрифт на светлый, на пред. стр. описано. Типа этого
 

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 12:34 05-10-2023
fakel33



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho post [?]
Цитата:
fakel33
Цитата:
А каким лучше?
Я делаю импортом, в этом случае список всех скриптов в одном столбце.
 
Цитата:
как открепить (не убрать) и перенести кнопку "Расширения" на панель vertical_top_bottom_bar?
Отдельным скриптом.  

По "Расширению" выполнено, а по BackupProfile.uc.js как это сделать?

Всего записей: 1230 | Зарегистр. 22-08-2003 | Отправлено: 12:40 05-10-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
fakel33
В файле CustomStylesScripts.jsm так
 

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 12:49 05-10-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
Так сменить бэкграунд на темный, а шрифт на светлый, на пред. стр. описано. Типа этого  
да, понятно! сделал! СПС, а как вот ещё поменять на тёмный вот эти бордюры?


Всего записей: 6812 | Зарегистр. 05-06-2012 | Отправлено: 12:50 05-10-2023
kokoss19

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
Попробуйте так:

Код:
#ujs_window_gt {
   background-color: black !important;
}


----------
Win7 / FF115

Всего записей: 2166 | Зарегистр. 16-07-2018 | Отправлено: 13:00 05-10-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
Цитата:
а как вот ещё поменять на тёмный вот эти бордюры?
Найти 'background-color:#eaeaea; и заменить цвет.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 13:03 05-10-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
gutasiho
ага! отлично! получилось! и вот осталось только вот как-бы вот ещё текст в заголовке Google Translate сделать светлым?

Всего записей: 6812 | Зарегистр. 05-06-2012 | Отправлено: 13:20 05-10-2023
rubel



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

pangasiys (13:20 05-10-2023 [?])
Цитата:
ага! отлично! получилось!

Очень мрачно все на вашем скрине. IMHO
 

Всего записей: 1453 | Зарегистр. 12-07-2004 | Отправлено: 15:32 05-10-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
rubel
глаза/зрение берегу, не люблю жмуриться от белизны

Всего записей: 6812 | Зарегистр. 05-06-2012 | Отправлено: 15:41 05-10-2023
fakel33



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho post [?]
Цитата:
В файле CustomStylesScripts.jsm так  

Все отлично завелось! Спасибо!

Всего записей: 1230 | Зарегистр. 22-08-2003 | Отправлено: 16:02 05-10-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
Цитата:
как-бы вот ещё текст в заголовке Google Translate сделать светлым?
Второе совпадение style="display:inline;padding:0;margin:0;text-decoration:none;border:none;color:
fakel33
Отлично.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 16:09 05-10-2023 | Исправлено: gutasiho, 16:09 05-10-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
ну всё!  теперь я полностью в шоколаде! если-бы вживую всё было то я бы тебе крепко пожал руку бы или пива налил или ещё как -нибудь вживую отблагодарил, а так просто кладу тебе в карман БЛШ СПС ))))

Всего записей: 6812 | Зарегистр. 05-06-2012 | Отправлено: 16:39 05-10-2023
rubel



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
pangasiys (15:41 05-10-2023 [?])
Цитата:
глаза/зрение берегу, не люблю жмуриться от белизны

А у меня для изменения яркости (белизны страниц) стоит кнопочка, наводишь мышку на неё и крутишь колесо, прибавляя, убавляя эту яркость.  
Скрипт opacity-changer.js
 

Код:
(async pref => CustomizableUI.createWidget(({
    label: "Изменить уровень яркости экрана",
    tooltiptext: "Изменить уровень яркости экрана",
    id: "ucf-tabbrowser-tabpanels-opacity-changer",
    localized: false,
    get pref() {
        return Services.prefs.getIntPref(pref, 100);
    },
    onCreated(btn) {
        var txt = "При наведении курсора на иконку, прокрутите колесо мыши вверх / вниз, для регулировки яркости.\n"
            + "Cредний клик, при наведении курсора на иконку кнопки, сбросит яркость по-умолчанию.";
        var click = () => Services.prompt.alert(null, this.label, txt);
 
        var setPref = (e, val = 100) => {
            Services.prefs.setIntPref(pref, val);
            e.target.toggleAttribute("rst");
        }
        var auxclick = e => e.button != 1 || setPref(e);
        var wheel = e => {
            var val = this.pref + (e.deltaY < 0 ? 1 : -1);
            val < 0 || val > 100 || setPref(e, val);
        }
        (this.onCreated = btn => {
            btn.onwheel = wheel;
            btn._handleClick = click;
            btn.onauxclick = auxclick;
            btn.setAttribute("image", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7klEQVR4nKWTQW6EMAxFP2gugLgIC87AnmMjIXECLhL7213MxHIo6rQdS1aiyH7+cZwOgOMDe7zWLh8uywKSUFWQhJmBJLZti5h5nrHvuyMp8L/4NE0A4A8kO44jqqlquIiEGpJY1xUkmysAQByaGcwM7h57MwsIAIjIPcDdoxJJiEisvwLkaqUUkIy1OgCc5/kdoKpw96iaFVSIqt4+Y6NARBrp1fMVbgE16PoCpZRmJn4EVJkVlqFvAaoaDazzcPUroL/2oCbnRtZEd4f7c3CHYYi8f43yC9CMcvOhso3jGAq67hnW930kffSdvwAkRmw4ZXkwxgAAAABJRU5ErkJggg==");
        })(btn);
    },
    init() {
        var css = [
            "@-moz-document url(chrome://browser/content/browser.xhtml) {",
            "\t#${this.id}[rst] {filter: grayscale(1%) !important;}",
            "\t:root:not([chromehidden*=toolbar]) #tabbrowser-tabbox {background-color: black !important;}",
            `\t:root:not([chromehidden*=toolbar]) #tabbrowser-tabpanels {opacity: ${this.pref / 100} !important;}`, "}"
        ].join("\n");
        var url = `resource://${this.id}/`;
        Services.io.getProtocolHandler("resource").QueryInterface(Ci.nsIResProtocolHandler)
            .setSubstitution(this.id, Services.io.newURI("data:text/css," + encodeURIComponent(css)));
        var sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
        sss.loadAndRegisterSheet(Services.io.newURI(url), sss.USER_SHEET);
 
        var st = InspectorUtils.getAllStyleSheets((
            Services.appShell.hiddenDOMWindow ||
            Services.wm.getEnumerator(null).getNext()
        ).document).find(s => s.href == url).cssRules[0].cssRules[2].style;
 
        var obs = () => st.setProperty("opacity", this.pref / 100, "important");
        Services.prefs.addObserver(pref, obs);
        Services.obs.addObserver(function quit(s, topic) {
            Services.obs.removeObserver(quit, topic);
            Services.prefs.removeObserver(pref, obs);
        }, "quit-application-granted");
        return this;
    }
}).init()))("ucf.tabbrowser-tabpanels.opacity");

Всего записей: 1453 | Зарегистр. 12-07-2004 | Отправлено: 18:06 05-10-2023 | Исправлено: rubel, 18:08 05-10-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
rubel
ну наверно у тебя эта типа вся кортинка становится блеклой - ну типа как в телевизоре настраиваешь яркость экрана - да? ну мне это не устраивает, мне именно тёмная тема нужна чтоб все цвета были естесственными и яркими как на самом деле они а не тусклые
 
Добавлено:
.....точнее мне надо чтоб только фон  был тёмный а буквы светлые и ВСЁ, осальное свои цвета чтоб
 
Добавлено:
.....вот такой-бы скрипт если-бы ....... чет  размечтался я )))))))))

Всего записей: 6812 | Зарегистр. 05-06-2012 | Отправлено: 18:42 05-10-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
Цитата:
точнее мне надо чтоб только фон  был тёмный а буквы светлые
Ночной режим называется, есть скрипт-кнопка
   
есть расширения.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 19:19 05-10-2023 | Исправлено: gutasiho, 19:21 05-10-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
чет прям  никак не могу по ссылке зайти, наверно временно, попозже попробую (((

а расширения я знаю есть, я их пробовал но они сильно влияют отрицательно на загрузку страницЮ сильно тормозят, мне скрипты интереснее )))
 
Добавлено:
....всё зашло!
 
Добавлено:
gutasiho
Цитата:
 есть скрипт-кнопка
ну вообщем попробовал я эту кнопку с ночным режимом, но мне ночной режим не понравилсЯ, мне больше нравится вот на каком я сча вот режиме, вот может кому тоже понравится то вот это расширение Website Dimmer

Всего записей: 6812 | Зарегистр. 05-06-2012 | Отправлено: 20:39 05-10-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys, а если кликнуть в окно Google Translate, то мерзкая рамка не напрягает?

Всего записей: 3800 | Зарегистр. 24-10-2002 | Отправлено: 01:56 06-10-2023
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128

Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2025

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru