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

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

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

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
Или так (не снижает безопасность!):
Код:
security.browser_xhtml_csp.enabled = true
security.browser_xhtml_csp.report-only = true (в v141.0+ этот параметр упразднен, заменен на security.csp.reporting.enabled. Логика работы не изменилась.)
3\ v139+: если некоторые скрипты JS не работают, можете сделать так (снижает безопасность!):
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

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

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



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
userChrome.css [?]
Делает вкладки прямоугольными, прижатыми к адресной строке, с контейнерной полосой внутри.
 

Недостатки:

  1. Цвет фона верхнего меню, стрелок прокрутки tabbar и вкладок, для которых установлено автообновление и которые при предпоследнем автообновлении показали ошибку ("Server not found", например), а при последнем - исправились и с тех пор не активировались, - стандартный. Хотелось бы, чтобы был тот же, что для остальных вкладок, - серый.
  2. Контейнерная полоса прижата к нижнему краю вкладки. Хотелось бы, чтобы между ним и полосой было 1-2 пикселя пространства. Эту тему уже поднимал выше [?], но тогда так ничего и не получилось.
  3. Над припиненными контейнерными вкладками показывается контейнерная полоса.

Как устранить?
FF 115.10.0, Win81 x64.

----------
Magically yours
Raistlin

Всего записей: 4334 | Зарегистр. 18-04-2005 | Отправлено: 14:36 05-05-2024 | Исправлено: GCRaistlin, 22:03 06-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin
1) Понятия не имею как этот бирюзовый цвет задается. У меня нет win 8.1
2) Обсуждалось, но ты зачем-то забабахал этот код. Удали или закомменти

Код:
/*
.tabbrowser-tab[usercontextid] .tab-content {
  border-bottom: 2px solid var(--identity-icon-color) !important;
}
*/

 
А этот добавь

Код:
.tab-background > .tab-context-line {
  margin-block-end: 1px !important;
  order: 1;
}


Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 21:52 06-05-2024
GCRaistlin



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

Цитата:
Удали или закомменти
...
 А этот добавь

Так вообще контейнерной полосы нет.

----------
Magically yours
Raistlin

Всего записей: 4334 | Зарегистр. 18-04-2005 | Отправлено: 22:01 06-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin, а это расширение установлено?

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 22:07 06-05-2024
GCRaistlin



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

----------
Magically yours
Raistlin

Всего записей: 4334 | Зарегистр. 18-04-2005 | Отправлено: 22:12 06-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin, я проверял на FF115.6.0 + win 10

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 22:30 06-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin, глянул получше. Трабла наблюдается, если в винде светлая тема, а в сабже системная. Проще всего переключиться на светлую тему в сабже, а если не устроит, то можно переназначить часть рутовых переменных с линейными градиентами, затранспарив ту часть пространства, которая перекрывает линию контейнера.
Для этого в начало секции default themes tab colors добавить код

Код:
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[usercontextid] {
  --classic_squared_tabs_active_tab: linear-gradient(to top,transparent 13%,#f9f9fa 13%);
  --classic_squared_tabs_other_tabs: linear-gradient(to top,transparent 13%,#aeaba5 13%,#c1beb7,#c9c6be);
  --classic_squared_tabs_hovered_tabs: linear-gradient(to top,transparent 13%,#cac7c1 13%,#d5d2cc,#e8e6e2);
  --classic_squared_tabs_unloaded_tabs: linear-gradient(to top,transparent 13%,#aeaba5 13%,#c1beb7,#c9c6be);
}

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 00:36 07-05-2024 | Исправлено: Death_INN, 00:37 07-05-2024
GCRaistlin



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
У меня тема "Windows 8.1 [Dark Active Button]", неподписанная, поставленная с помощью UxStyle.
Ваш вариант помог с (3), спасибо. Контейнерная полоса по-прежнему прижата к низу, стала толще (2 пикселя). В контейнерных вкладках значки опущены на 1 пиксель:


----------
Magically yours
Raistlin

Всего записей: 4334 | Зарегистр. 18-04-2005 | Отправлено: 03:33 07-05-2024 | Исправлено: GCRaistlin, 04:38 07-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin, в коде, что ранее давал, увеличивай на единицу значение margin-block-end

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 08:48 07-05-2024
GCRaistlin



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Контейнерная полоса приподнялась и снова стала 1 пиксель толщиной. Видно плохо. Также заметил, что, если окно FF не активно, промежуток между контейнерной полосой и низом вкладки меняет цвет:

Хотелось бы:

  1. Сделать значок и текст вкладок центрированными по вертикали. Сейчас у неконтейнерных вкладок они опущены на 1 пиксель, у контейнерных - на 2.
  2. Сделать контейнерную полосу толщиной 2 пикселя с сохранением приподнятости над нижнем краем вкладки на 1 пиксель.

Как реализовать?
 
Раз серым меню и стрелки не сделать, решил вернуть вкладкам стандартный цвет - убрал кусок кода, предваряемый комментарием

Код:
 
/* remove default tab colors */
 

и разделы default themes tab colors и lw-themes tab colors. Все правильно сделал?

----------
Magically yours
Raistlin

Всего записей: 4334 | Зарегистр. 18-04-2005 | Отправлено: 12:42 07-05-2024
rubel



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Farby
Поделись, пожалуйста, как ты делаешь цитирование? Вот, например, здесь [?].




оффтоп

Всего записей: 1468 | Зарегистр. 12-07-2004 | Отправлено: 17:03 07-05-2024 | Исправлено: Maz, 08:55 08-05-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
rubel
Вопрос явно не в эту тему, и кстати, за такое цитирование модератор ругает.

Всего записей: 8705 | Зарегистр. 14-09-2020 | Отправлено: 18:17 07-05-2024 | Исправлено: gutasiho, 18:18 07-05-2024
Egor30



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

rubel
нажми редактировать в его посте
и воспроизведи по аналогии действия





оффтоп

Всего записей: 186 | Зарегистр. 22-11-2007 | Отправлено: 23:23 07-05-2024 | Исправлено: Maz, 08:55 08-05-2024
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • rubel (17:03 07-05-2024 UTC+3 [?])
    Цитата:
    цитирование?  

    всё очень просто, ищите здесь [?].
    PS: Это скрипт Ke жаль что он не заходит больше на форум

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





    оффтоп

  • Всего записей: 830 | Зарегистр. 22-10-2002 | Отправлено: 00:26 08-05-2024 | Исправлено: Maz, 08:55 08-05-2024
    Death_INN

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

    Цитата:
    убрал кусок кода

    Лучше самому все стили делать без всяких Арисов
     
    2)
    А если нет, то другая идея появилась. Градиент Ариса перекрыть своим градиентом, который будет рисовать контейнерную полоску
    Если вернуться к твоему изначально выложенному userChrome.css [?], то нужно из него удалить последние 14 строчек (т.е. строку с Firefox userChrome.css tweaks и ниже), а в начало секции default themes tab colors добавить код

    Код:
    #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[usercontextid] {
      --classic_squared_tabs_active_tab: linear-gradient(to top,#f9f9fa 5%,var(--identity-icon-color) 5% 17%,#f9f9fa 17%);
      --classic_squared_tabs_other_tabs: linear-gradient(to top,#aeaba5 5%,var(--identity-icon-color) 5% 17%,#c1beb7 17%,#c9c6be);
      --classic_squared_tabs_hovered_tabs: linear-gradient(to top,#cac7c1 5%,var(--identity-icon-color) 5% 17%,#d5d2cc 17%,#e8e6e2);
      --classic_squared_tabs_unloaded_tabs: linear-gradient(to top,#aeaba5 5%,var(--identity-icon-color) 5% 17%,#c1beb7 17%,#c9c6be);
    }

    Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 00:30 08-05-2024
    GCRaistlin



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

    Код:
     
    .tabbrowser-tab[usercontextid] .tab-content > * {
      margin-bottom: -2px !important
    }
     

    на

    Код:
     
    .tabbrowser-tab[usercontextid] .tab-content > * {
      margin-bottom: 1px !important
    }
     

    и получил нужный результат: значок и текст в контейнерных и неконтейнерных вкладках - на одной высоте, контейнерная полоса 2 пикселя, не прижата к низу.
     
    Итоговый userChrome.css [?]

    ----------
    Magically yours
    Raistlin

    Всего записей: 4334 | Зарегистр. 18-04-2005 | Отправлено: 01:41 08-05-2024
    rubel



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

    Цитата:
    всё очень просто, ищите здесь.
    PS: Это скрипт Ke жаль что он не заходит больше на форум
     

    Я как раз его и использую, Ru-Board Helper 2.7 (11Feb10 06:01:07) .
    Но у меня цитирование выглядит иначе, за которое ругается модератор.
    Выложи, пожалуйста, свой вариант.





    оффтоп

    Всего записей: 1468 | Зарегистр. 12-07-2004 | Отправлено: 02:19 08-05-2024 | Исправлено: Maz, 08:56 08-05-2024
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    GCRaistlin, видать есть разница между win81+Dark Active Button theme и win10+Default theme. При удалении из файла стиля разделов default themes tab colors и lw-themes tab colors такое ощущение, что с вкладками почти ничего не делали.
    Арис делает стили, пытаясь подогнать их под все операционки, под все версии и темы сабжа. В итоге у юзеров как минимум половина лишнего + нарушение каскада стилей.

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

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Add "Reload all Tabs" item to tabs context menu [?]

    Всего записей: 8705 | Зарегистр. 14-09-2020 | Отправлено: 11:29 08-05-2024
    gutasiho

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Скрипт-кнопка "выключить\включить отображение тултипов" [?]

    Всего записей: 8705 | Зарегистр. 14-09-2020 | Отправлено: 10:05 12-05-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

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