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

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

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

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-селекторов элементов интерфейса встроенными средствами браузера

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette,
Цитата:
после обновления на 139 сломался твой код:  

На данный момент у меня так:

Код:
#context-navigation { flex-direction: column !important; }
 
@media -moz-pref("firefoxgx.icon.disabled") { /* Спасибо Death_INN за подсказку */
     
    #context-navigation > menuitem > .menu-iconic-left { display: none !important; }
     
    #context-navigation > menuitem {
        appearance: none !important;
        padding-block: 0.4em !important;
        padding-inline-start: 6px !important; /* Меню вправо-влево */
        justify-content: flex-start !important;
        -moz-box-pack: start !important;
        width: auto !important;
        border-radius: 0px !important;
    }
}
 
#context-navigation > .menuitem-iconic {
    flex: 1 !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding-inline-start: 6px !important; /* Отступ меню вправо-влево */
    margin: -3px !important; /* Междустроковый интевал */
}
 
#context-navigation > menuitem::after {
    content: attr(aria-label);
}

Работает в FF139-141
 
Добавлено:

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 18:26 28-05-2025
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
а какой параметр выставляет расстояние между иконкой и текстом?

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 05:09 29-05-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette
Может, что из этого?
Код:
margin-inline: 8px;            /* отступ слева и справа от иконки */
margin-left: 8px !important;    /* отступ слева */
margin-right: 8px !important;    /* отступ справа */
А тут универсальный вариант от Death_INN сразу для всех иконок.

Всего записей: 8875 | Зарегистр. 14-09-2020 | Отправлено: 09:58 29-05-2025
Lagris

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В 139 у меня "разъехались" пункты "Файл", "Правка", "Вид" и т.д. на панели меню:

после применения стиля:

Код:
.menu-icon {
        display: inline-flex !important;
        appearance: none !important;
        width: 16px !important;
        height: 16px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

Если верить инспектору, то слева от названия пункта явно маячит .menu-icon (на скрине стрелками помечено), если его скрыть
#main-menubar > menu .menu-icon) { display: none !important; }
то названия пунктов меню на панели возвращаются на место, но в выпадающем меню пунктов текст налазит на иконку.
Что можно сделать, чтобы интервалы между названиями пунктов вернуть, и чтобы текст на иконку в выпадающем меню не наслаивался..?
display: inline-flex трогать не хотелось бы - он к нормальному виду приводит отображение "чекбоксов" и всяких "радио".

Всего записей: 1375 | Зарегистр. 26-08-2007 | Отправлено: 11:54 29-05-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette,
Цитата:
а какой параметр выставляет расстояние между иконкой и текстом?

В контекстном меню у меня регулируется так:
Код:
padding-inline-start: calc(1em + 24px) !important;

 
Lagris,
Цитата:
В 139 у меня "разъехались" пункты "Файл", "Правка", "Вид" и т.д. на панели меню:

Попробуй "поиграть" с этими параметрами:
Код:
:root {
    --toolbar-start-end-padding: 4px !important;
    --toolbarbutton-outer-padding: 2px !important;
}

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 14:21 29-05-2025 | Исправлено: grom17, 14:31 29-05-2025
Lagris

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

Цитата:
"поиграть" с этими параметрами:
Код:
:root {
    --toolbar-start-end-padding: 4px !important;
    --toolbarbutton-outer-padding: 2px !important;
}  

Никакой реакции.

Всего записей: 1375 | Зарегистр. 26-08-2007 | Отправлено: 16:35 29-05-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris,
Цитата:
Никакой реакции.  

 
...а так?

Код:
menubar > menu {
  @media (-moz-platform: windows) {
    {
      padding: 2px 6px 2px !important;
    }
  }
}

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 17:37 29-05-2025
Lagris

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

Цитата:
а так?

Глухо. Или inline-flex не дает паддингами регулировать, или другие стили мешают...

Всего записей: 1375 | Зарегистр. 26-08-2007 | Отправлено: 18:07 29-05-2025
kokoss19

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

Цитата:
...а так?
 
Код:
menubar > menu {
  @media (-moz-platform: windows) {
    {
      padding: 2px 6px 2px !important;
    }
  }
}  

А третья скобка открывающая и закрывающая не лишнии ?!

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

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 18:45 29-05-2025
Lagris

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вот так пункты меню немного влево сдвинул, но не до конца:
     
Код:
#main-menubar > menu {
        appearance: none !important;
        padding-inline-start: 0px !important;
        padding-inline-end: 0px;
}

Всего записей: 1375 | Зарегистр. 26-08-2007 | Отправлено: 18:45 29-05-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19,
Цитата:
А третья скобка открывающая и закрывающая не лишнии ?!

Думаю что не лишние, с инспектора выдернул. На чистом профиле.

 
Добавлено:
Сейчас попробовал, это тоже работает:

Код:
menubar > menu {
  padding: 4px 4px 4px !important;
}

Отступы: сверху, интервал между меню, отступ снизу.
 
 
Добавлено:
Lagris
Цитата:
или другие стили мешают...

Попробуй "придушить" другие стили. Часто бывает что они мешают.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 00:03 30-05-2025 | Исправлено: grom17, 00:22 30-05-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Отступы для иконок с инглиш labels примерами. FF139+  
 
browser.uidensity = 1
svg.context-properties.content.enabled = true
Код

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 00:39 30-05-2025 | Исправлено: Death_INN, 01:29 30-05-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN,
Цитата:
Отступы для иконок с инглиш labels примерами. FF139+

Интересный вариант, но почему то иконки не появились.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 11:02 30-05-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17 если у тя русская версия сабжа, то и label должны быть по русски. Обсуждали уже. Это названия пунктов

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 13:49 30-05-2025
grom17



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

Цитата:
label должны быть по русски

Так я в первую очередь это и сделал. На чистом профиле тоже нет иконок.
Отступы есть, иконок нет. Сейчас не у компа, позже поразбираюсь.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 14:52 30-05-2025
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • Death_INN (00:39 30-05-2025 UTC+3)
    Цитата:
     &[label^="Add-ons"] {  

    ну раз пошла такая пьянка, всё таки надо спросить, зачем изобретать велосипед, когда на нём уже ездят...

    Код:
    &[ldata-l10n-id$="addons-and-themes"] {  


    ----------
    Жизнь иногда такое выкидывает, что хочется подобрать...

  • Всего записей: 840 | Зарегистр. 22-10-2002 | Отправлено: 19:40 30-05-2025
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Farby мне так проще и понятнее и без каких-либо доп скриптов и захода в инструменты. Универсальность не интересовала, также как другая локализация сабжа, кроме англ

    Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 21:07 30-05-2025
    Farby

    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • Death_INN (21:07 30-05-2025 UTC+3)
    Цитата:
    мне так проще и понятнее и без каких-либо

    А мне иногда проще дать удочку, а не рыбу...

    ----------
    Жизнь иногда такое выкидывает, что хочется подобрать...

  • Всего записей: 840 | Зарегистр. 22-10-2002 | Отправлено: 22:56 30-05-2025
    xrun1



    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    С 3.12.2023 пользуюсь стилем, который показывает полосу прокрутки в выпадающем списке в панели закладок. Есть стиль у Aris-t2, который правильно не работает. Сейчас, если ползунок в середине списка, показывает блоки сверху и снизу. Если в стиле удалить/закомментировать первое правило, блоки исчезнут вместе с кнопками прокрутки, если бегунок в середине списка.
    popup_menupopup_with_scrollbars.css
    Скриншот.

    Всего записей: 1003 | Зарегистр. 26-12-2009 | Отправлено: 01:39 31-05-2025
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    xrun1 еще в прошлом веке к маргину добавил такой же паддинг, чтобы скучно не было

    Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 02:30 31-05-2025
    Открыть новую тему     Написать ответ в эту тему

    Страницы: 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

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