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

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

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

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
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 6725 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: Starback, 17:19 15-06-2024
rubel



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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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



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

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

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

Цитата:
kokoss19
 

 

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

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

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

Всего записей: 291 | Зарегистр. 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 раза меньше по размеру.

Всего записей: 6725 | Зарегистр. 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 из шапки активировать не получилось, даже кнопка не появляется

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

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