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

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

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

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

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 20:52 04-02-2024 | Исправлено: Death_INN, 20:53 04-02-2024
grom17



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

Цитата:
Поэтому с давних пор используется стиль

Что-то у меня не хочет работать. FF122

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



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

Код:
    a:visited {color: #8000FF !important;}  

 
Добавлено:
... в userContent.css

Всего записей: 7002 | Зарегистр. 05-06-2012 | Отправлено: 00:55 05-02-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
ТАК?
/* userContent.css Tweak Firefox */
/* visited link color */
:visited, :visited * {
/*    color: -moz-visitedhyperlinktext !important;    /* назначать цвет в "Manage Colors..." Firefox */
    color: #ff4a4a !important;                        /* бледно-красный: #ff4a4a */
}
 
/* Unvisited link color (синий: #0000ff голубой: #1BC6FE) */
a:link {
a:visited {color: #8000FF !important;}
}
...если так, не работает всё равно.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 01:01 05-02-2024 | Исправлено: grom17, 01:02 05-02-2024
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
нет, все сотри оставь только что я сказал
 
Добавлено:
....и перезапусти браузер

Всего записей: 7002 | Зарегистр. 05-06-2012 | Отправлено: 01:13 05-02-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
Что-то у меня не хочет работать. FF122
Работал до 115, работает в 115, 122. Вероятные причины неработы: не туда вставляете, не та кодировка, имеется конфликтующий код, и пр.
 
Добавлено:
pangasiys
На youtube твой код не меняет цвет линков слева в панели меню, и справа, когда там будет вертикальный ряд превьюшек с линками. Мой меняет.

Всего записей: 8867 | Зарегистр. 14-09-2020 | Отправлено: 08:48 05-02-2024 | Исправлено: gutasiho, 10:40 05-02-2024
gutasiho

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

Цитата:
стробоскоп
точнее, его отсутствие.
 

Всего записей: 8867 | Зарегистр. 14-09-2020 | Отправлено: 11:20 05-02-2024
grom17



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

Цитата:
Вероятные причины неработы: не туда вставляете, не та кодировка, имеется конфликтующий код, и пр.

К сожалению не фунциклирует. Буду копать дальше. Потом отпишу.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 11:55 05-02-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Здесь через drag-n-drop, но по лкм или пкм результат, естественно, такой же
   
Добавлено:
Для вас упростил код до предела
Код:
/* !!! Код для userContent.css !!! */
/* цвет посещенных ссылок */
:visited, :visited * {
    color: #ff4a4a !important;
}
Если никак, пробуйте расширение Visited Link Enabler 0.3.0, оно чудесно работает, но цвет посещенной ссылки нужно настраивать в Цветах Firefox
 

Всего записей: 8867 | Зарегистр. 14-09-2020 | Отправлено: 12:28 05-02-2024 | Исправлено: gutasiho, 12:51 05-02-2024
grom17



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

Цитата:
/* !!! Код для userContent.css !!! */
/* цвет посещенных ссылок */
:visited, :visited * {
    color: #ff4a4a !important;
}  

Если навести курсор на ссылку, она выделяется красным, но при нажатии на неё цвет возвращается в исходный.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 12:41 05-02-2024
gutasiho

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

Цитата:
Если навести курсор на ссылку, она выделяется красным,
На это не обращать внимания. У вас какие-либо стили в userChrome.css и userContent.css вообще работают? В какой директории (путь) у вас лежат эти файлы?
Добавлено:
Можете выложить свой userContent.css на обменник.

Всего записей: 8867 | Зарегистр. 14-09-2020 | Отправлено: 12:46 05-02-2024 | Исправлено: gutasiho, 12:54 05-02-2024
grom17



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

Цитата:
У вас какие-либо стили в userChrome.css и userContent.css вообще работают?

Да, все работают.
Параметр: toolkit.legacyUserProfileCustomizations.stylesheets -> true
https://mega.nz/file/1mYWRBQQ#wdgTHKzqPhpgBrWVUE2wvhfcYBRf-_KLqpDJZW0QrEU
214 строка

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 12:53 05-02-2024 | Исправлено: grom17, 13:00 05-02-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если все работают, а этот нет, значит с ним какой-то конфликтует. Пробуйте поместить код в самый верх userContent.css. Второй вариант для пробы - удалить все коды и оставить только этот.
 
Добавлено:
grom17
Ну теперь ясно. Рядом с userChrome.css создай файл userContent.css, и тот код удали в первом и добавь во второй.

Всего записей: 8867 | Зарегистр. 14-09-2020 | Отправлено: 12:57 05-02-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
В начале не обратил внимания что Код для userContent.css
Сейчас всё вроде сделал как написано, к сожалению эффекта ноль.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 13:19 05-02-2024
Death_INN

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

Цитата:
Если навести курсор на ссылку, она выделяется красным

Стилем сайта или твоим? В яндекс поисковике есть свой visited. На этом сайте посещенные ссылки меняют цвет?

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 13:38 05-02-2024 | Исправлено: Death_INN, 13:44 05-02-2024
Smallette

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

Цитата:
Smallette, видео глянь.

 
попробовал на работе, сделал только вот это
---
/* UserChrome.css */
#tabbrowser-tabpanels {
  --tabpanel-background-color: green; (только у меня цвет #242424 под цвет пустой страницы темы)  
}
---
UserContent.css вообще не создавал даже...
 
это не трогал, стоят дефолтные значения
browser.display.background_color = #0000FF // синий
browser.display.background_color.dark #0000FF // синий
 
тему использую Almost Dark Proton
 
итог:  
-при старте ФФ белое окно на пару секунд, потом прорисовывается интерфейс
-при заходе на ютуб (куки предварительно удалены, ФФ перезапущен) белой вспышки нет, ссылка остается просто https://www.youtube.com

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 14:26 05-02-2024 | Исправлено: Smallette, 14:27 05-02-2024
grom17



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

Цитата:
На этом сайте посещенные ссылки меняют цвет?

Не меняют. Только при наведении мышкой.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 14:38 05-02-2024
Death_INN

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

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 14:49 05-02-2024 | Исправлено: Death_INN, 14:49 05-02-2024
Smallette

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

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 15:01 05-02-2024
Death_INN

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

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 15:22 05-02-2024 | Исправлено: Death_INN, 15:23 05-02-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