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

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

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19, я понял и выставил расстояние, но скорее всего gutasiho прав, мешает какой-то стиль.
 
Добавлено:
Убрал в userChrome.css всё кроме
Код:
menupopup .menu-text {
    appearance: none !important;
    padding-inline-start: var(--v-menupopup-text-inline-start, 0px) !important;
    margin-inline-start: 30px !important;
}  
Не помогло.

Всего записей: 683 | Зарегистр. 04-08-2013 | Отправлено: 13:48 21-03-2024 | Исправлено: deannik, 14:02 21-03-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Вам разные люди ответили
Цитата:
Поиск в теме по ключевым словам scrollbar скролбар типа этого, в версии для печати, точно есть и не один.
- вам не подошло.
Цитата:
повысь права или в составе скрипта юзай, где есть повышение прав для стилей. Где-то выкладывали
-вам не подошло.
Цитата:
используйте UCF,  
- вам не подошло.
Скроллбаров в теме - как лягушек на болоте, но нет, продолжайте толочь воду в ступе, самостоятельно.

Всего записей: 8887 | Зарегистр. 14-09-2020 | Отправлено: 14:02 21-03-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, возьми за основу скрипт, переделай под себя и подключи, например, методом Aris-t2 (есть в шапке)  

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 14:22 21-03-2024
kokoss19

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

Цитата:
К сожалению не пользуюсь,  

Я думал разобрались

Цитата:
а без него никак нельзя?

не в курсе, может спецы что подскажут.
 
deannik

Цитата:
Убрал в userChrome.css всё кроме
Код:
menupopup .menu-text {
    appearance: none !important;
    padding-inline-start: var(--v-menupopup-text-inline-start, 0px) !important;
    margin-inline-start: 30px !important;
}  
Не помогло.

Если проверяли ТОЛЬКО с этим кодом после перезапуска браузера с очисткой кеша запуска, тогда не в курсе почему у вас не работает. И проверьте кодировку файла userChrome.css должна быть UTF-8 без BOM


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

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 14:46 21-03-2024
zimzq

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Может вам стили ни к чему? Раньше тоже использовал стили для скроллбара, потом перешел на такой метод.
about:config - widget.non-native-theme.scrollbar.style (размер скроллбара)
                     ui.useOverlayScrollbars (стиль)

Всего записей: 12 | Зарегистр. 26-02-2024 | Отправлено: 16:30 21-03-2024 | Исправлено: zimzq, 18:12 21-03-2024
Death_INN

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

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 17:40 21-03-2024
grom17



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

Цитата:
Я думал разобрались
К сожалению нет. Куда там чего раскидывать я не соображу.
 
gutasiho У меня почему-то в  "Версии для печати" нет строки поиска. (пройдусь ещё разок, вероятно не внимательный был).
 
zimzq
Цитата:
Может вам стили ни к чему?
Я это в первую очередь "потестил".
 
Спасибо всем причастным и сочувствующим!
 
Добавлено:
Такой вариант, от него "плясать" буду.
Код:
/* http://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=920#12 */
:root {
  scrollbar-color: #0040aa transparent !important;
}/* или */
 /*  * {
scrollbar-color: #0040aa transparent !important;
} */

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 19:58 21-03-2024 | Исправлено: grom17, 21:55 21-03-2024
kokoss19

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

Цитата:
Куда там чего раскидывать я не соображу.

1. Папку user_chrome_files добавить в папку chrome
2. Файл config.js в папку установки Фокса, тоесть в папку Firefox/Firefox64
3. Файл config-prefs.js в папку Firefox/Firefox64/defaults/pref
после подключения в настройках UCF сделайте так:

и после перезапустите Фокс.

Цитата:
Такой вариант, от него "плясать" буду.
 
Код:
/* http://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=920#12 */
:root {
  scrollbar-color: #0040aa transparent !important;
}
* {
  scrollbar-color: #0040aa transparent !important;
}  

надеюсь вы их не вместе используйте.


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

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 21:50 21-03-2024
grom17



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

Цитата:
надеюсь вы их не вместе используйте.
Исправил.
 
Спасибо за урок, позже отпишусь.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 21:54 21-03-2024 | Исправлено: grom17, 21:54 21-03-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
 У меня почему-то в  "Версии для печати" нет строки поиска.
Жмите Ctrl+F, строка поиска появится внизу (стилем ее можно переместить вверх под панель закладок).
   
Добавлено:
Вы еще решили повесить UCF на головы советчиков? Одумайтесь, ничего из этого не получится, энтузязизм быстро иссякнет. Вот сели на Aris-t2, на нем и оставайтесь, не ищите приключений на .опу.

Всего записей: 8887 | Зарегистр. 14-09-2020 | Отправлено: 07:54 22-03-2024 | Исправлено: gutasiho, 08:20 22-03-2024
grom17



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

Цитата:
не ищите приключений на .опу.


 
Добавлено:

Цитата:
Жмите Ctrl+F, строка поиска появится внизу (стилем ее можно переместить вверх под панель закладок).

Ну почему? Почему я до сих пор не знал что так нужно? Спасибо!

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 13:42 22-03-2024
grom17



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

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 23:21 25-03-2024 | Исправлено: grom17, 23:21 25-03-2024
kokoss19

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

Цитата:
Подскажите пожалуйста, как закруглить углы у плюсика?


Код:
#TabsToolbar #tabs-newtab-button > image {
  border-radius: 22px !important;  
}

 
или так:

Код:
#TabsToolbar #tabs-newtab-button > .toolbarbutton-icon {
    border-radius: 22px !important;
}


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

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 23:57 25-03-2024 | Исправлено: kokoss19, 00:18 26-03-2024
grom17



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

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 00:10 26-03-2024
grom17



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

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 17:49 28-03-2024 | Исправлено: grom17, 17:51 28-03-2024
FreePaul



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте!
Можно ли как-то выделить активную вкладку? Желательно, цветом.
FF 124.0.1, пользуюсь скриптами и загрузчиком скриптов от VitaliyV

----------
Восход Солнца - это хорошо для начала...

Всего записей: 945 | Зарегистр. 07-08-2002 | Отправлено: 21:16 28-03-2024
kokoss19

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

Цитата:
Можно ли как-то выделить активную вкладку? Желательно, цветом.  


Код:
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
  background-color: red;
}

добавить в файл: userChrome.css

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

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 21:40 28-03-2024
FreePaul



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

----------
Восход Солнца - это хорошо для начала...

Всего записей: 945 | Зарегистр. 07-08-2002 | Отправлено: 21:58 28-03-2024
gutasiho

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

Всего записей: 8887 | Зарегистр. 14-09-2020 | Отправлено: 14:09 02-04-2024 | Исправлено: gutasiho, 14:09 02-04-2024
jterror

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Новая версия: https://github.com/update692/firefox
 
-- ниже устаревший прототип ---
 
minimize-memory.uc.js
Скрипт освобождающий память браузера раз в минуту
Интервал задается числом внизу. Действие аналогично нажатию кнопки Minimize memory usage на вкладке about:memory

Всего записей: 135 | Зарегистр. 11-06-2008 | Отправлено: 13:12 05-04-2024 | Исправлено: jterror, 06:14 16-04-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

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