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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161

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

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 | MrOtherGuy/firefox-csshacks (known as MOG) | VicDobrov UCF-скрипты


Просьба публикуемые коды заключать в тэг [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\ v136+: отключить CSP (Content Security Policy - Политика безопасности контента), снижает безопасность!:
Код:
security.browser_xhtml_csp.enabled = false
3\ v139+: если некоторые скрипты JS не работают, можете сделать так, снижает безопасность!:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

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

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, зачем ровнять то, что сломано стилем? У меня все ровно

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 21:18 04-10-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
зачем ровнять то, что сломано стилем?
Думаю со стилями всё нормально. С толку сбивает вот эта полоса. Скрин с чистого Firefox и после всех настроек она никуда не делась. В стиле цвет тулбара задан серый, а эта полоса, в светлой теме, почти такого же цвета и сливается, что и добавляет видимость неравномерности. Если изменить цвет тулбара, то всё выглядит ровно. По 40 пикселей сверху и снизу (верх, низ). На тёмной теме смотрится тоже ровно. Эту полосу возможно как-то скрыть?

Всего записей: 685 | Зарегистр. 04-08-2013 | Отправлено: 09:18 05-10-2024 | Исправлено: deannik, 09:24 05-10-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, полоса - это нижний бордюр от навигатора, разделяющий интерфейс и контент. Его можно вообще отключить, либо поменять цвет

Код:
#navigator-toolbox {
  --chrome-content-separator-color: red;
}


Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 10:22 05-10-2024 | Исправлено: Death_INN, 11:28 05-10-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
полоса - это нижний бордюр от навигатора, разделяющий интерфейс и контент. Его можно вообще отключить, либо поменять цвет

Код:
#navigator-toolbox {
  --chrome-content-separator-color: red;
}
Понятно. Спасибо.
Отключать так правильно?
Код:
#navigator-toolbox {
  --chrome-content-separator-color: none;
}
Бордюр вроде исчез. Теперь ровно (верх, низ).

Всего записей: 685 | Зарегистр. 04-08-2013 | Отправлено: 12:05 05-10-2024 | Исправлено: deannik, 12:07 05-10-2024
mithridat1



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как в новых версиях вернуть дефолтную тему FF 52+ классическую тему или хотя бы сделать стиль вкладок максимально близким к ней ? Достал уже слабо различимый цвет выделения текста в строке поиска на сайтах, в старом FF такого нет. Стиль/цвет чекбоксов и выпадающих списков также раздражает.
Для примера:
 
Было
   
Стало
   
 
Сравнил настройки цветов в старой и новой версии FF и не нашел различий. Посмотрел классические темы на сайте аддонов Mozilla - все не то.
 
W7x64, FF 115 ESR
 

Всего записей: 5180 | Зарегистр. 05-01-2006 | Отправлено: 13:56 05-10-2024 | Исправлено: mithridat1, 14:27 05-10-2024
grom17



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

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 17:39 05-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Код:
/* uBlock */
#ublock0_raymondhill_net-menuitem-_uBlock0-blockElement::before {
    margin-left: -32px !important; /* отступ слева (горизонтальный сдвиг строки) */
    content: "" !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
}

   
При -20px у меня получается ровно.
Для строки выше по аналогии.

Всего записей: 9025 | Зарегистр. 14-09-2020 | Отправлено: 18:16 05-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Благодарю! Это сработало!

 
Добавлено:
Это ublock0_raymondhill_net-menuitem-_uBlock0-blockElement соответствует uBlock,
а как я могу узнать что к переводчику соответствует?
 
Добавлено:
Нашел инфу: это вроде как переводчик #pageAction-urlbar-_036a55b4-5e72-4d05-a06c-cba2dfcc134a_

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 18:30 05-10-2024
Death_INN

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

Цитата:
Достал уже слабо различимый цвет выделения текста в строке поиска на сайтах


Код:
@-moz-document regexp("https?:\/\/.*") {
  input {
    font-weight: bold !important;
  }
  input::selection {
    color: white !important;
    background: #c200d2 !important;
    opacity: 1 !important;
  }
}

 
deannik
none для цвета задавать нельзя. Так правильно
border-bottom: none !important;

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 19:12 05-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
а как я могу узнать что к переводчику соответствует?  
ID, так параметр называется. Так же, как я узнал для uBlock, встроенным инструментом браузера Browser Toolbox (Ctrl + Shift + Alt +I). Для усердных модельеров скрипт-кнопочка существует для быстрого вызова.
ID может отличаться от машины к машине, поэтому найденный в интернете - плохой вариант.

Всего записей: 9025 | Зарегистр. 14-09-2020 | Отправлено: 06:45 06-10-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
none для цвета задавать нельзя. Так правильно
border-bottom: none !important;
Спасибо. Исправил.

Всего записей: 685 | Зарегистр. 04-08-2013 | Отправлено: 09:18 06-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
LazyCat
Цитата:
Обновился FF до новой 131 версии, и перестали опять работать настройки для вывода вкладок в несколько строк вместо одной.
В 130 работает стиль css, очень давно работает, с тех пор я его и не обновляю, пробуйте. Или там же можете найти другие стили на мультирядность.

Всего записей: 9025 | Зарегистр. 14-09-2020 | Отправлено: 14:51 06-10-2024
Faers

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Обновился до версии 131 и появились стрелки прокрутки вкладок <>, когда их много. Как снова пофиксить? Заранее спасибо.

Всего записей: 23 | Зарегистр. 13-06-2022 | Отправлено: 15:27 06-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Faers
Один из вариантов перейти на многорядные табы, на пост выше.

Всего записей: 9025 | Зарегистр. 14-09-2020 | Отправлено: 16:32 06-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
ID, так параметр называется. Так же, как я узнал для uBlock, встроенным инструментом браузера Browser Toolbox (Ctrl + Shift + Alt +I).

У меня вот так показывает, но вставляя этот параметр вместо вашего, ничего не происходит, так же и с другими. ЧЯДНТ.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 16:46 06-10-2024
Death_INN

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

Цитата:
У меня вот так показывает

Да ну, брось смешить. Речь идет о главном контекстном меню, а ты тыркаешь пункты в about:addons

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 18:24 06-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
1, 2, вызываешь конт. меню, оно застынет на экране. 3, наводишь мышку на строку конт. меню, она выделится пунктирными линиями, клик, в Tools левое дерево прокрутится до нужного места, двойной клик на строке, получишь выделенный ID, который копируешь.
   
 
Добавлено:
 

Всего записей: 9025 | Зарегистр. 14-09-2020 | Отправлено: 18:42 06-10-2024
rambl

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Господа, подскажите пожалуйста, как сузить контекстное меню в лисе?
 
Вот примерно действующего контекстного меню в Floorp'e -
А вот то что сейчас в лисе - .
 
Как в лисе создать такое же меню как во флорпе?  
 
_________________________________________________________
 
Нашел код, если кому пригодится в будущем:
 

Код:
 
 /* Компактное контекстное меню */
menupopup > menuitem,
menupopup > menu {
    padding-block: 2px !important;
    padding-inline-start: 2px !important;
}  

Всего записей: 104 | Зарегистр. 15-06-2023 | Отправлено: 19:31 06-10-2024 | Исправлено: rambl, 22:09 06-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Спасибо! Всё наглядно и понятно! Всё получилось!
Лучший урок!
 

А то бы так и "смешил людей".

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 19:40 06-10-2024 | Исправлено: grom17, 19:45 06-10-2024
Smallette

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

Код:
:root[tabsintitlebar] {
  &[sizemode="normal"] #navigator-toolbox {
    border-top: 0.5px solid ActiveBorder;
    &:-moz-window-inactive {
      border-top-color: InactiveBorder;
    }
  }
}

 
никак не могу осилить этот код, вставляю в свой css, но не работает, и цвета конкретные назначал...
никаких xul или html пространств не назначал, root в файле используется местами и работает, а этот никак.

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 06:38 07-10-2024
Открыть новую тему     Написать ответ в эту тему

Страницы: 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 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161

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