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

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

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

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
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\ Начиная с v139.0, разрешить использование скриптов JS в about:config:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

 
Полезные ссылки
 
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

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



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

gutasiho (10:49 11-11-2023)
Цитата:
можно сделать перемещаемой скриптом mover из параллельного форума.  

А ссылку можно на это ?

Всего записей: 1453 | Зарегистр. 12-07-2004 | Отправлено: 07:30 12-11-2023
Smallette

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

Всего записей: 382 | Зарегистр. 01-11-2006 | Отправлено: 07:40 12-11-2023
gutasiho

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

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 08:27 12-11-2023
rubel



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho
Со скриптом понятно, а где ссылка на параллельный форум ?

Всего записей: 1453 | Зарегистр. 12-07-2004 | Отправлено: 09:49 12-11-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
rubel
Ошибочная она, не туда ведет. Это была ссылка на то, как сделать перемещаемой уникнопку расширений, которую в следующих версиях и так сделали перемещаемой.
Добавлено:
По google-переводчику в контексте, нарисовался плюс, он переводит в полях с тегами code, где другие отказываются.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 10:23 12-11-2023 | Исправлено: gutasiho, 10:31 12-11-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette, на скрине пространство левее и правее url бара - серое. У тебя также?

Всего записей: 3800 | Зарегистр. 24-10-2002 | Отправлено: 10:45 12-11-2023
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette
Если имеется ввиду поле поиска, попробуйте добавить Ваш код с предыдущей страницы

Код:
background-color: var(--toolbar-bgcolor, -moz-Dialog) !important;  

в эту секцию (строка № 196)

Код:
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox {
    border-radius: var(--v-findbar-textbox-radius) !important;
    min-height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    width: var(--v-findbar-textbox-width) !important;
    font-size: 14px !important; /* добавлено */
}

Это меняет поле поиска, стало темнее, но не чёрное. Или нужна именно чёрная панель, как выше спросил Death_INN?

Всего записей: 925 | Зарегистр. 26-12-2009 | Отправлено: 12:03 12-11-2023
Smallette

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

Всего записей: 382 | Зарегистр. 01-11-2006 | Отправлено: 16:03 12-11-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette, убери этот стиль, наверное, он осветляет
background-image: var(--toolbar-bgimage, linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15))) !important;
 
если по прежнему не устроит, тогда замени --toolbar-bgcolor на --toolbox-non-lwt-bgcolor
 

Всего записей: 3800 | Зарегистр. 24-10-2002 | Отправлено: 16:42 12-11-2023
kokoss19

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette
Раскомментируйте  строку ->  /*background-image: linear-gradient(var(--toolbar-bgcolor, rgba(255,255,255,.4)), var(--toolbar-bgcolor, rgba(255,255,255,.4))) !important;*/
и будет как надо.

----------
Win7 / FF115

Всего записей: 2166 | Зарегистр. 16-07-2018 | Отправлено: 16:53 12-11-2023
alloledd

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

Цитата:
////Плавная прокрутка  

Ты это к чему тут?

Всего записей: 7307 | Зарегистр. 25-10-2019 | Отправлено: 20:18 12-11-2023
vinnie1

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доброго времени суток!
 
Как задать цвет панелей верт. и горизонт. от Aris?

Всего записей: 40 | Зарегистр. 05-12-2007 | Отправлено: 21:02 12-11-2023
kokoss19

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vinnie1
В скриптах найдите строку -> background: var(--lwt-accent-color) !important; и замените -> var(--lwt-accent-color) на нужный вам цвет.
 
 
Add, например так: background: red !important;

----------
Win7 / FF115

Всего записей: 2166 | Зарегистр. 16-07-2018 | Отправлено: 21:42 12-11-2023 | Исправлено: kokoss19, 21:44 12-11-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
это чтоб в user.js вствавить и чтоб знать к чему эта настройка относится
 
Добавлено:
......ну типа заголовок настройки, ну как в книге например заголовок главы ))))

Всего записей: 6812 | Зарегистр. 05-06-2012 | Отправлено: 22:16 12-11-2023
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
Дык куда их вставить, я таки догадываюсь. А в этой теме они зачем? )

Всего записей: 7307 | Зарегистр. 25-10-2019 | Отправлено: 22:31 12-11-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
ой! я наверно перепутал CSS с этой настройкой - сорри, ну удалять не буду пускай будет на всякий пожарный
 
 
 
Добавлено:
alloledd
не ругай меня сильно ладно! спс
 
Добавлено:
....ты же всётаки добрый дядя да - ага

Всего записей: 6812 | Зарегистр. 05-06-2012 | Отправлено: 22:48 12-11-2023
vinnie1

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

Цитата:
kokoss19
 

 

Цитата:
В скриптах найдите строку -> background: var(--lwt-accent-color) !important; и замените -> var(--lwt-accent-color) на нужный вам цвет.
 

 
Сработало на вертикали, на горизонтали нет. Строка 88 в горизонтали.

Всего записей: 40 | Зарегистр. 05-12-2007 | Отправлено: 00:11 13-11-2023
Smallette

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

Цитата:
Раскомментируйте  строку ->  /*background-image: linear-gradient(var(--toolbar-bgcolor, rgba(255,255,255,.4)), var(--toolbar-bgcolor, rgba(255,255,255,.4))) !important;*/
и будет как надо.
 

Да, вот так стало темнее, вернее цвет сравнялся с темно серым оформлением тулбара, как на скрине от Death_INN.
Но так как у меня однострок, то верхняя панель у меня черная, наверное цвет наследуется от цвета панели вкладок.
Не идеально, но уже лучше
Спасибо.
 
А есть вместо --toolbar-bgcolor другая переменная, определяющая цвет панели вкладок, к примеру --tabbar-bgcolor?

Всего записей: 382 | Зарегистр. 01-11-2006 | Отправлено: 06:32 13-11-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vinnie1
Цитата:
на горизонтали нет.
Найти (будет всего одно совпадение) background: var(--lwt-accent-color) !important; и заменить на background-color: #953735 !important; или на background: #953735 !important;
#953735 можно заменить на blue, red, black и т.д.
Аналогичный тулбар от aborix имеет явно встроенный css и в 2,5 раза меньше по размеру.

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Кнопка "Reload userContent.css" без перезапуска браузера Активируется стандартно, без танцев, работает уверенно, Алгоритм:
- открыл userContent.css, добавил в конец тестируемый код, сохранил;
- нажал кнопку (применил код), сразу видишь эффект-1 от кода;
- изменил код, нажал кнопку, сразу видишь эффект-2 от кода;
- удалил код, нажал кнопку, эффект-2 от кода остался;
- перезапустил браузер, эффект-2 исчез.
Т.е. после удаления последнего тестируемого кода нужно перезапустить браузер.
В опциях можно назначить какой-нибудь test.css из папки CSS (далее import), и вписывать в него тестируемые коды.
Простой, но полезный тест:
- открыл любую страницу форума, посмотрел на мышку в снегу, вставил и применил код
Код:
img[src="http://forum.ru-board.com/board/images/remake1.gif"] {position: absolute !important; top: 0px !important;}
img[src="http://forum.ru-board.com/board/images/ru-board_ny_new.gif"] {position: absolute !important; top: 0px !important;}

Изменил 0px на 30px, применил, и т.д.
Ad
JSM от rubel из шапки активировать не получилось, даже кнопка не появляется

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 10:21 13-11-2023 | Исправлено: gutasiho, 12:22 14-11-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

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