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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, не заморачивался пока цветами, а пункт уже сдвинул куда нужно. Не пробегал где-либо стиль (скрипт), который добавляет сепаратор в контекстное меню, причем по виду неотличимый от дефолтного?

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 17:50 31-08-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Парочка ненавязчивых хинтов. Выравнивать иконки и текст что по вертикали, что по горизонтали удобно с использованием "прицела", входящего в FastStone Capture. А чтобы в проводнике видеть превьюшки файлов SVG, нужно установить SVG Explorer Extension 0.1.1 или SVG See 1.1.0.
   
 

Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 12:27 03-09-2023 | Исправлено: gutasiho, 14:29 06-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Grishanenko
Цитата:
отображать посещенные ранее ссылки,
Если речь об изменении цвета посещенных ссылок, то существует код строчек на 20 для userContent.css, который это делает.

Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 11:02 05-09-2023
Starback



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho 11:02 05-09-2023 UTC+3
Цитата:
Если речь об изменении цвета посещенных ссылок, то существует код строчек на 20 для userContent.css, который это делает

Поделитесь, пожалуйста, если можно. Спасибо

Всего записей: 1156 | Зарегистр. 17-09-2010 | Отправлено: 11:06 05-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
То, что под спойлером https://forum.mozilla-russia.org/viewtopic.php?pid=782740#p782740

Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 11:11 05-09-2023
Death_INN

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

Цитата:
Как в FF 115 переместить контейнерную полоску в низ вкладки, как в допротонном?

Код:
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
  order: 3;
}

Хотя точно не знаю какой лучше номер ставить, ибо должно cработать при любом order > 0

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 01:44 06-09-2023 | Исправлено: Death_INN, 02:01 06-09-2023
GCRaistlin



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

  • Закрыл FF.
  • Добавил

    Код:
     
    // Turn on userChrome.css and userContent.css support
    // Включить поддержку userChrome.css и userContent.css
    user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);
     

    в %AppData%\Mozilla\Firefox\Profiles\<profile>\prefs.js.
  • Создал %AppData%\Mozilla\Firefox\Profiles\<profile>\userChrome.css, поместил туда ваш код.

Ничего не изменилось. ЧЯДНТ?

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

Всего записей: 4368 | Зарегистр. 18-04-2005 | Отправлено: 02:22 06-09-2023 | Исправлено: GCRaistlin, 02:23 06-09-2023
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin
Создал %AppData%\Mozilla\Firefox\Profiles\<profile>\chrome\userChrome.css
папку chrome пропустил

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 07:36 06-09-2023
gutasiho

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

Цитата:
\<profile>\prefs.js.
Почему-то считал, что пользовательские правила нужно вносить не в prefs.js, а в  user.js или в config.js.

Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 08:08 06-09-2023
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
когда добавляешь в user.js они при запуске ФФ все равно перетекут prefs.js

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 08:52 06-09-2023
GCRaistlin



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, Smallette, спасибо, получилось. Правда, толку не много: из-за оторванности вкладок от панели ниже полоска всё равно сливается с фоном. С этим можно что-нибудь сделать?

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

Всего записей: 4368 | Зарегистр. 18-04-2005 | Отправлено: 11:05 06-09-2023
Death_INN

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

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 11:35 06-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin
Сделайте ширину (толщину, высоту) цветного тега (полосы) 6-10px.
 

Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 11:45 06-09-2023 | Исправлено: gutasiho, 11:48 06-09-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin, хотя вроде понял. Если толщина полоски устраивает, то можно добавить маргин, ибо он был для верхнего расположения. Может больше подойдет -1 или -3

Код:
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
  order: 2;
  margin-block-end: -2px !important;
}


Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 11:50 06-09-2023
GCRaistlin



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

А с ним - висят в воздухе:


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

Всего записей: 4368 | Зарегистр. 18-04-2005 | Отправлено: 12:44 06-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
margin-bottom:     ???
 

Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 13:37 06-09-2023
GCRaistlin



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

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

Всего записей: 4368 | Зарегистр. 18-04-2005 | Отправлено: 13:42 06-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin
Я имел в виду, что так можно создать зазор между нижней границей вкладки и полосой. Жирность полосы и ширина зазора регулируется попиксельно. Протон - допротон для себя различаю только по закругленным или прямым углам табов. Посмотрите здесь.

Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 13:52 06-09-2023 | Исправлено: gutasiho, 13:52 06-09-2023
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin
Вдруг это оно? Или ищите там же похожее по названию, как посоветовал gutasiho.

Всего записей: 1003 | Зарегистр. 26-12-2009 | Отправлено: 14:05 06-09-2023
GCRaistlin



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

Цитата:
так можно создать зазор между нижней границей вкладки и полосой.


Код:
 
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
  order: 3;
  margin-bottom: 10;
}
 

Никакого эффекта...
 
Добавлено:
Ну то есть не то чтобы совсем никакого: полоса теперь внутри вкладки, но идет по нижнему ее краю.
 
Добавлено:
xrun1
Это я уже нашел и попробовал. Нет. Полоса вне вкладки получается.

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

Всего записей: 4368 | Зарегистр. 18-04-2005 | Отправлено: 14:08 06-09-2023 | Исправлено: GCRaistlin, 14:09 06-09-2023
Открыть новую тему     Написать ответ в эту тему

Страницы: 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