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

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
Цитата:
как отодвинуть текст от иконок вправо а то текст наезжает на иконки,
Иконизировал только часто используемые пункты, иконки двигал индивидуально так
Код:
#context-savelink::before, #context-saveimage::before {
    margin-left: 4px !important;    /* отступ от левой гран. до иконки. 0px - без отступа; -8px - меньше; 4px - больше */
    margin-right: 4px !important;    /* отступ от иконки до текста */
    content: "" !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-image: url("file:///D:/path/to/icon/save_as.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    background-size: 15px 15px !important;
}

   
Hint!
Для выравнивания с точностью до мулиметра удобно исп. инструмент Crosshair (Прицел) из FSCapture.

Всего записей: 9024 | Зарегистр. 14-09-2020 | Отправлено: 10:13 28-02-2024
DeZz



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

Цитата:
menuitem[label="Открыть всё во вкладках"],
menupopup menuseparator.bookmarks-actions-menuseparator {
    display: none;
}  

полоска пропала - а надпись нет
 
Death_INN
супер! спс.

Всего записей: 1386 | Зарегистр. 23-01-2006 | Отправлено: 10:14 28-02-2024
kokoss19

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

Цитата:
а надпись нет

Ну не знаю, у меня работает, попробуйте тогда вместо -> menuitem[label="Открыть всё во вкладках"] добавить -> menupopup menuitem.openintabs-menuitem

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

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 10:36 28-02-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
Так регулируйте  transform: scale(1.2); Там куча вариантов.
А то я не в курсах. Вариант с коэффициентом увеличения дефектный и неизлечим. Лучше использовать другую декорацию - font-weight: или font-size:, первый получше, хотя тоже есть специфика. Просто инфо к размышлению, т.к. не использую ни один из трех.

Всего записей: 9024 | Зарегистр. 14-09-2020 | Отправлено: 10:41 28-02-2024
DeZz



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

Код:
menupopup menuitem.openintabs-menuitem,
menupopup menuseparator.bookmarks-actions-menuseparator {
    display: none;
}  
 

Всего записей: 1386 | Зарегистр. 23-01-2006 | Отправлено: 11:53 28-02-2024
Death_INN

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

Цитата:
1. Убрать полоску под адресной строкой.
2. Уменьшить высоту в меню "Загрузки (Ctrl+J)"  

1. у себя не вижу никакой полоски (бордюра)
2. для пустомельного меню

Код:
#emptyDownloads {
  padding-block: 3px !important;
}

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 13:32 28-02-2024
grom17



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

Цитата:
1. у себя не вижу никакой полоски (бордюра)
2. для пустомельного меню

1. Разобрался, мой косяк.
2. Спасибо! То, что нужно!

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 14:23 28-02-2024 | Исправлено: grom17, 14:29 28-02-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Нарушу немного "тишину".
Никак не могу настроить радиус углов меню Гамбургер и меню Поиска что-бы они регулировались раздельно.
Изменяя углы Гамбургера, меняются и углы Поиска и некоторых других меню. Такая вот "засада". Помогайте кто может.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 11:39 01-03-2024
kokoss19

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

Цитата:
Никак не могу настроить радиус углов меню Гамбургер и меню Поиска


Код:
#appMenu-popup {
  --panel-border-radius: 15px !important;
}

 
Add:

Код:
#PopupSearchAutoComplete {
  --panel-border-radius: 15px !important;
}  



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

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 16:24 01-03-2024 | Исправлено: kokoss19, 23:11 01-03-2024
Death_INN

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

Код:
#PopupSearchAutoComplete {
  --arrowpanel-border-radius: 14px;
}
#appMenu-popup {
  --arrowpanel-border-radius: 1px;
}


Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 16:55 01-03-2024 | Исправлено: Death_INN, 21:32 01-03-2024
grom17



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

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 13:09 02-03-2024 | Исправлено: grom17, 15:34 03-03-2024
unter_officer



Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
На соседнем форуме наконец появился Vitaliy V. и выкатил новую версию UCF (для FF117+).
 
Ссылка: https://github.com/VitaliyVstyle/VitaliyVstyle.github.io/tree/main/UserChromeFiles

----------
«The Truth Is Out There»

Всего записей: 370 | Зарегистр. 03-08-2008 | Отправлено: 15:30 03-03-2024 | Исправлено: unter_officer, 18:48 03-03-2024
grom17



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

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 18:02 04-03-2024
rubel



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

Код:
/*---цвет названия папок в закладках боковушки----*/
treechildren::-moz-tree-cell-text(container) { color : #8B0000 !important; }        
 

   
 
 

Всего записей: 1498 | Зарегистр. 12-07-2004 | Отправлено: 18:59 04-03-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Это родная кнопка браузера "Инструменты разработчика". Требуется изменить цвет шрифта показанного пункта меню.
   
 
Добавлено:
Добавил в шапку информацию из поста unter_officer касательно страницы VitaliyV на github.

Всего записей: 9024 | Зарегистр. 14-09-2020 | Отправлено: 19:30 04-03-2024
grom17



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

Цитата:
/*---цвет названия папок в закладках боковушки----*/
treechildren::-moz-tree-cell-text(container) { color : #8B0000 !important; }

То, что нужно! Спасибо!

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 20:39 04-03-2024
kokoss19

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

Код:
toolbarbutton.subviewbutton[label="Инструменты браузера"] {
   color: red;
}



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

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 00:17 05-03-2024
gutasiho

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

Всего записей: 9024 | Зарегистр. 14-09-2020 | Отправлено: 07:44 05-03-2024
grom17



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

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

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

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 23:03 05-03-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