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

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

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

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

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 15:08 07-08-2024
grom17



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

О, это для меня "больная" тема. Хотелось бы с нуля настроить, но не знаю с чего начать. Поэтому всё откладываю и откладываю.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 15:48 07-08-2024
deannik

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

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 17:44 07-08-2024 | Исправлено: deannik, 17:47 07-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, начать с того, что представить, что у тебя userChrome.css и userContent.css пустые и начать со стилизациия чего-нибудь, где однострочный стиль, но делать это в инструментах разраба
 
deannik, зачем тебе гнилой код? Скриншоты отрубаются через параметры поиском по screenshot

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 19:18 07-08-2024 | Исправлено: Death_INN, 19:18 07-08-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, там не только скриншоты, а всего лишь часть. Пользовался ранее другим, но тот код для меня реально неудобный.

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 22:06 07-08-2024 | Исправлено: deannik, 22:26 07-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, так убери лишнее. Группировка же

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 01:00 08-08-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
так убери лишнее. Группировка же
Спасибо за сайт. Убрал, работает. Всё верно? Код

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 06:10 08-08-2024
351878



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

Всего записей: 1307 | Зарегистр. 28-03-2016 | Отправлено: 13:26 10-08-2024
gutasiho

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

Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 14:10 10-08-2024 | Исправлено: gutasiho, 14:52 10-08-2024
351878



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
нда, я понял. почитал ссылочку.
всё больше и больше херею с этой мазилы

Всего записей: 1307 | Зарегистр. 28-03-2016 | Отправлено: 21:00 10-08-2024
idefikar

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
351878
В этом комплекте есть кнопка на панели, по мне так удобнее.
https://github.com/VitaliyVstyle/VitaliyVstyle.github.io/raw/main/WebExtExperiments/add_toolbar_buttons.2024.8.3.xpi
Нужны включенные эксперименты и установка неподписанных дополнений.
В ESR, DEV и Nightly достаточно
lockPref("xpinstall.signatures.required", false);
lockPref("extensions.experiments.enabled", true);
в config.js
А пункт с подменю скрыть.
 
Да и то, что выше предложили не единственный вариант, но поискать вам другие варианты придется самому, видеть видел, но в наличии не имеется.

Всего записей: 307 | Зарегистр. 04-08-2022 | Отправлено: 00:33 11-08-2024 | Исправлено: idefikar, 00:35 11-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
351878, так а в чем трабла установить, что написали. Наверняка и расширы есть, которые кнопки добавят. Сам не юзаю эти пункты меню, а уж привык выбирать вкладки через Ctrl клик или Shift клик, а потом закрывать через Ctrl + W или крестик

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 01:30 11-08-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
351878
А напрасно, т.к. Firefox пока самый вменяемый и настраиваемый под юзера браузер. То, что на скрине, работает чудесно, даже интеллигентно, я себе сдвинул выпадающее меню еще пикселей на 8 вправо.
К сведению, существует скрипт-кнопка "закрыть другие табы", расширения "закрыть табы справа", "закрыть другие табы", так что поле для маневра достаточно широкое и есть что выбрать.

Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 08:41 11-08-2024
DeZz



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

Код:
:any-link:focus { outline: 1px dashed #cc33ff !important; }

в userContent.css
 
Может есть способ отучить его срабатывать на картинках? (так чтобы только на тексте)
 

Всего записей: 1356 | Зарегистр. 23-01-2006 | Отправлено: 19:25 11-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DeZz, :any-link:not(:has(img)):focus

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 22:04 11-08-2024
DeZz



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

Код:
:any-link:not(:has(img)):focus { outline: 1px dashed #cc33ff !important; }

 
теперь не отображает пунктир вообще (
 

Всего записей: 1356 | Зарегистр. 23-01-2006 | Отправлено: 10:46 12-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DeZz, layout.css.has-selector.enabled=true

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 11:17 12-08-2024
DeZz



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
ой, да, точно, забыл за эту штуку, спс
 
2All
может надо отдельную тему создать для готовых решений (без вопросов)?  
просто люди приходят, спрашивают, каждый что то сам себе строит... а так была бы база наработок
 
зы, grom17 искал иконки для всех менюшек, я так прикрутил:

Код:
 
/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/iconized_content_context_menu.css */
@import url(iconized_content_context_menu.css);
/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/iconized_main_menu.css */
@import url(iconized_main_menu.css);
/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/iconized_places_context_menu.css */
@import url(iconized_places_context_menu.css);
/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/iconized_tabs_context_menu.css */
@import url(iconized_tabs_context_menu.css);
/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/iconized_textbox_context_menu.css */
@import url(iconized_textbox_context_menu.css);
 

Всего записей: 1356 | Зарегистр. 23-01-2006 | Отправлено: 11:54 12-08-2024 | Исправлено: DeZz, 11:54 12-08-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DeZz
Цитата:
может надо отдельную тему создать для готовых решений (без вопросов)?  
просто люди приходят, спрашивают, каждый что то сам себе строит... а так была бы база наработок  
Так каждый юзер сам решает, создать или не создать. Создайте, соберите из этой темы рабочие решения и поместите в ту тему - будет база наработок и вопросов будет море. Но это будет Сизифов труд, бесполезный, значит. Чтобы решить только одну свою простенькую однострочную задачку, вы задали два вопроса, в этом и суть форума - возможность спросить в надежде получить помощь.

Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 12:40 12-08-2024
Death_INN

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

Цитата:
а так была бы база наработок

по скриптам да, а по стилям готовые большие комплекты, кроме вреда ничего не несут. Жаль, практической частью почти никто не интересуется

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 12:50 12-08-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