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

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

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

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


Просьба публикуемые коды заключать в тэг [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
Также не забываем про такую строку в 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.
 
Полезные ссылки
 
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

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

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

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



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

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

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

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



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

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

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

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
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;}
}
...если так, не работает всё равно.

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



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

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

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

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

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

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

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



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

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

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

Всего записей: 1515 | Зарегистр. 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
 

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



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

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

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

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

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

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

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



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

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

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

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

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

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



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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

Всего записей: 3560 | Зарегистр. 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

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru