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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js
Применение пользовательских стилей и скриптов в Firefox

Модерирует : 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 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187

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

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Andrewnews
Цитата:
при наведении мышью на вкладку - вначале перед названием показывает количество потребляемой памяти именно одной вкладкой (соответствует цифрам из диспетчера задач) ничего полезного не несет, кроме информации Подробнее... [?]

Прикольно, только пока не понял, нужно мне такое, или нет.

Всего записей: 7615 | Зарегистр. 25-10-2019 | Отправлено: 22:29 11-11-2025
Death_INN

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

Всего записей: 4100 | Зарегистр. 24-10-2002 | Отправлено: 22:38 11-11-2025
momo2000



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Malexius
можно по разному попробовать
 
toolbar .urlbar-container {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
 
или так
 
toolbar #search-container {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

Всего записей: 1762 | Зарегистр. 14-04-2007 | Отправлено: 09:05 12-11-2025
Andrewnews

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN чтобы не корежило - можно местами поменять сначала название, потом цифры
tab.setAttribute('label', `${currentTitle} [${memoryMB}MB]`);  
Так как в тултипе название берется из 'label' , тогда на вкладках их не видно будет на длинных названиях , а в тултипе будет видно.
А про about - они даже в менеджере процессов отдельно не отображаются, поэтому хз как сделать

Всего записей: 69 | Зарегистр. 06-10-2008 | Отправлено: 09:52 12-11-2025
Malexius

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
momo2000
Первый не сработал, второй сработал. Спасибо большое.

Всего записей: 170 | Зарегистр. 06-12-2017 | Отправлено: 19:15 12-11-2025
momo2000



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Malexius
margin можно делать даже с отрицательным
3px или -3px

Всего записей: 1762 | Зарегистр. 14-04-2007 | Отправлено: 20:35 12-11-2025
Death_INN

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

Цитата:
Так как в тултипе название берется из 'label' , тогда на вкладках их не видно будет на длинных названиях

Если с новой строки, то будет видно. Себе так и сделаю, да и превью мешать не будет, ибо давно отключил browser.tabs.hoverPreview.enabled

Всего записей: 4100 | Зарегистр. 24-10-2002 | Отправлено: 01:05 13-11-2025
Malexius

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
momo2000
у меня к вам еще один вопрос. Я тут закрепил несколько вкладок и заметил что между закрепленными вкладками и обычными очень большое расстояние, можно ли его сократить? Заранее благодарю.

Всего записей: 170 | Зарегистр. 06-12-2017 | Отправлено: 19:06 13-11-2025
Andrewnews

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, да я то же не использую стандартный тултип, то же отключил стандартный и вместо него настраиваемый dav_tab_title_url.uc.js Себе сделал
 tab.setAttribute('label', `${currentTitle}  
   Используемая память - ${memoryMB}MB`);  
Меня заинтересовало как показать рядом затраты ЦП как в менеджере процессов. Исходный файл aboutProcesses.js Подробнее...
Полдня потратил, так и  не смог вытащить из него ЦП, посмотришь. Может у тебя получится.
Еще нашел один интересный в качестве создания панелей, китайский скрипт, то же про используемую память, пытаюсь его усовершенствовать, еще не знаю что на выходе будет. Но интересен опыт создания панелей.
Подробнее...

Всего записей: 69 | Зарегистр. 06-10-2008 | Отправлено: 22:22 13-11-2025 | Исправлено: Andrewnews, 22:59 13-11-2025
Death_INN

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

Цитата:
я то же не использую стандартный тултип, то же отключил стандартный

browser.tabs.hoverPreview.enabled = true по умолчанию, что и отключает стандартный тултип, т.е. вместо него превью. Я отключил именно превью.

Цитата:
Полдня потратил, так и  не смог вытащить из него ЦП

Потому что результат меняется и строится на сравнении двух измерений, сделанных с определенным интервалом

Всего записей: 4100 | Зарегистр. 24-10-2002 | Отправлено: 01:09 14-11-2025 | Исправлено: Death_INN, 01:11 14-11-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть стиль для border полей адреса и поиска. В 145-й появился косяк. При фокусе в поле обводка становится 2-х пиксельной: внешняя дефолтная синяя и внутренняя зелёная. А должна быть однопиксельная, как при наведении мышки на поле или когда поле не активно.
Т.е. появился какой-то параметр и получается наложение. Сам найти не смог. Работал стиль исправно с тех пор, как мозилловцы отменили бордюр.

my_urlbar_searchbar.css

Всего записей: 1083 | Зарегистр. 26-12-2009 | Отправлено: 02:23 14-11-2025 | Исправлено: xrun1, 18:07 14-11-2025
momo2000



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Malexius
 
закрепл
.tabbrowser-tab[pinned]  {
}
 
обычная
.tabbrowser-tab {
}
 
а там уже подобрать нужное
 
margin-right: 11px !important;
margin-left: 11px !important;
 
margin-inline-start: 11px !important;
margin-inline-end: 11px !important;
 
padding-right: 11px !important;
padding-left: 11px !important;

Всего записей: 1762 | Зарегистр. 14-04-2007 | Отправлено: 10:11 14-11-2025
Malexius

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
momo2000
В итоге сделал такое:
 
.tabbrowser-tab[pinned]  {
    padding-right: 1px !important;
    padding-left: 1px !important;
}  
 
.tabbrowser-tab {
    padding-right: 1px !important;
    padding-left: 1px !important;
}  
 
.tabbrowser-tab {
    margin-left: 1px !important;
}  
 
Не знаю насколько это правильно, но получились одинаковые расстояния между всеми вкладками (обычными и закрепленными). Спасибо.

Всего записей: 170 | Зарегистр. 06-12-2017 | Отправлено: 14:17 14-11-2025
xrun1



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

Всего записей: 1083 | Зарегистр. 26-12-2009 | Отправлено: 18:07 14-11-2025
Death_INN

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

Цитата:
Не знаю насколько это правильно

Код:
.tabbrowser-tab {
    --tab-overflow-clip-margin: 0.5px;
}

 
xrun1 не увидел никаких исправлений и однопиксельной обводки. Я бы сделал так

Всего записей: 4100 | Зарегистр. 24-10-2002 | Отправлено: 22:17 14-11-2025 | Исправлено: Death_INN, 22:23 14-11-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как предотвратить превращение urlbar'а (при его активации) в megabar?

Всего записей: 9273 | Зарегистр. 14-09-2020 | Отправлено: 15:35 15-11-2025
xrun1



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

Цитата:
не увидел никаких исправлений

Фиг знает, текст зачеркнулся, а стиль не изменился. outline убрал в активной.
P.S. Не люблю использовать мозилловские переменные, они меняют название и потом ищи-свищи, где что отвалилось.

Всего записей: 1083 | Зарегистр. 26-12-2009 | Отправлено: 15:46 16-11-2025
Andrewnews

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

Всего записей: 69 | Зарегистр. 06-10-2008 | Отправлено: 21:23 19-11-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Andrewnews
Цитата:
такую хрень сделал, естественно код не оптимизирован, критика приветствуется Подробнее... [?]

В  UserChromeFiles подключается? Как он работает, что должно происходить? А то я ничего нового у себя не обнаружил.

Всего записей: 7615 | Зарегистр. 25-10-2019 | Отправлено: 21:50 19-11-2025
Andrewnews

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
вот скрины  
   
По идее это скрипт от Alice, должен везде загружаться. Просто иконки поменяй, я дал после скрипа альтернативу

Всего записей: 69 | Зарегистр. 06-10-2008 | Отправлено: 22:14 19-11-2025 | Исправлено: Andrewnews, 22:23 19-11-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 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187

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

LiteCoin: LgY72v35StJhV2xbt8CpxbQ9gFY6jwZ67r

Рейтинг.ru

Рейтинг.ru