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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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

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

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
Также не забываем про такую строку в 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.
 
Полезные ссылки
 
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 7730 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
pangasiys



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


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

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

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

Одинаково

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

Ссылка

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

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



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

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

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

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

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

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



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

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

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

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

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



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


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

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

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


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

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

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

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



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

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



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

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

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

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



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

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



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

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

Всего записей: 1202 | Зарегистр. 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
Отлично.

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



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

Всего записей: 6696 | Зарегистр. 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");

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



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

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

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

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



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

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

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

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

Всего записей: 3550 | Зарегистр. 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

Компьютерный форум 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-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru