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

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

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

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-селекторов элементов интерфейса встроенными средствами браузера
Всего записей: 7303 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Вот снова папка которая "никому не нужна" (без обид).
Собрал и добавил кое что - кое куда. Теперь иконки в контекстном меню везде, кроме одного пункта.
Домашнюю страницу и панель (правую) настроек "подкрутил" немного. Ну и так, по мелочам.
Конечно "косячного" много, но и "Москва не сразу строилась".
 
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 20:48 22-08-2024 | Исправлено: grom17, 20:51 22-08-2024
Death_INN

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

Цитата:
Москва не сразу строилась

И мануал в конце шапки никто не отменял. К тому же для контекста еще проще: открыл домашку, нажал F12 и смотришь
 
Вместо того, чтобы подправить файлы стилей, относящихся к строке поиска на домашней странице, ты добавил новые, которые часто переопределяют существующие.
Для строки поиска у брауза и так по умолчанию display: flex, но ты решил переопределить на display: block, а потом обратно на display: flex
border: none не применяется, но ты этого не замечаешь, т.к. у брауза в стилях прозрачный цвет. Это не удивительно, ведь для некоторых @media опять не закрываешь скобки (ведь отступы делаешь, сразу видно), создавая конфликты стилей. А уж когда куча стилей в селекторах вида * {}, то и бутылка не поможет разобраться
Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 23:31 22-08-2024
grom17



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

Цитата:
@media опять не закрываешь скобки (ведь отступы делаешь, сразу видно), создавая конфликты стилей
Намекните где, мне будет легче понять как это исправить.
Я не прошу анализировать все стили, хотя бы где заметили. Спасибо!
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 11:09 23-08-2024 | Исправлено: grom17, 11:52 23-08-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, content_user_setting.css - в конце не закрыты скобки у @media и @-moz-document
Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 12:31 23-08-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
content_user_setting.css - в конце не закрыты скобки у @media и @-moz-document  
Спасибо, исправил. "До кучи" удалил лишнее.
 
Коллеги, у меня такой вопрос, в чём отличие написаний?
@import url('folder/123.css');
@import url("folder/123.css");
@import "./folder/123.css.css";
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 12:15 24-08-2024 | Исправлено: grom17, 12:15 24-08-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Первые два равнозначны.
Всего записей: 7303 | Зарегистр. 14-09-2020 | Отправлено: 12:42 24-08-2024
idefikar

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Все три равнозначны, если в последнем ошибку двойного расширения исправить.
И четвертый варик
@import "folder/123.css";
Английские кавычки в коде нужны, если влом обычные вложенные кавычки экранировать
В остальных случаях пофиг какие кавычки.
Всего записей: 213 | Зарегистр. 04-08-2022 | Отправлено: 12:58 24-08-2024 | Исправлено: idefikar, 13:07 24-08-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Продолжая тему иконки контекстного меню (больная тема).
99% иконизировано всё (меню -> субменю или как его там...) в общем здесь.
Не могу добраться до ПКМ "Перевести текст ссылки на английский", не то что бы этот параметр очень нужен, просто он там должен быть - и точка.
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 18:38 24-08-2024 | Исправлено: grom17, 11:27 25-08-2024
xrun1



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
#context-translate-selection
UPD: ID одинаковый, что перевести выделенное, что текст ссылки.
Всего записей: 813 | Зарегистр. 26-12-2009 | Отправлено: 15:50 25-08-2024 | Исправлено: xrun1, 16:00 25-08-2024
Death_INN

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

Цитата:
99% иконизировано

В одних меню текст уезжает, в других галчонковых отступ убран.
В инструментах разраба теущей страницы отступы есть, а иконок нет. Ну а общие инструменты разраба без скрипта не иконизировать, поэтому там и отступов даже нет.
Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 17:00 25-08-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
xrun1
Цитата:
#context-translate-selection
Спасибо, это работает!
 
 
Добавлено:
Death_INN
Цитата:
текст уезжает

У меня так:
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 17:53 25-08-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, сразу вижу как минимум 4 отъезда текста на твоих скринах. И на всех галчонковых есть, но ты их не привел. Не понимаю, зачем иконку на таких пунктах делать, ибо не ясно стоит галка или нет. Еще видел (не помню где), что один disabled пункт не затемнен и всегда желтый при любом состоянии
Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 23:47 25-08-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INNДа, спасибо, я знаю. Первым этапом хотелось заполнить все менюхи иконками, а потом откорректировать.
За основу были взяты уже готовые стили, которые стараюсь подогнать под себя. Ошибки конечно есть, буду исправлять.
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 01:49 26-08-2024
DeZz



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
   
 
 
ух ты, а как это вы так сделали что только иконка выделена другим цветом?
Всего записей: 1219 | Зарегистр. 23-01-2006 | Отправлено: 09:54 26-08-2024 | Исправлено: DeZz, 09:54 26-08-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
DeZz
Цитата:
иконка выделена другим цветом
Заменил "родную" на синюю.
 
Иконка. Затем присвоите ей имя оригинальной иконки (если она под другим именем) и всё.
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 11:16 26-08-2024 | Исправлено: grom17, 14:09 26-08-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DeZz, правильный путь - это на 99,9% svg иконки, как у меня, и никаких проблем с изменением цвета на лету - без всяких замен
Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 14:26 26-08-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Nick222
Цитата:
Обнаружил, что в версии Firefox 129.0.2 выделяемый мышью текст почему-то стал чуть темнее обычного и с очень светлым (почти не отличимым от обычного) фоном.  

Код:
/* userContent.css */
/* цвет выделения мышкой в контенте страницы и полях ввода (кроме url-бара) */
@-moz-document regexp("https?:\/\/.*") {
::selection {
    background: green !important;    /* цвет выделения */
    color: white;                    /* цвет текста */
  }
}
Всего записей: 7303 | Зарегистр. 14-09-2020 | Отправлено: 15:44 26-08-2024
Nick222

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Спасибо огромное!
 
Немного непонятно - почему здесь на сайте выделение было нормальное (белое на синем), а на некоторых других сайтах чёрное на бледно-жёлтом.
 
Теперь здесь осталось прежнее, а на тех сайтах стало чёрное на зелёном...
 
На третьих сайтах стало белое на зелёном.
Всего записей: 2287 | Зарегистр. 28-11-2004 | Отправлено: 16:04 26-08-2024 | Исправлено: Nick222, 16:08 26-08-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
правильный путь - это на 99,9% svg иконки, как у меня
Ну так в чём же дело?
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 16:40 26-08-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Nick222, на каком сайте были траблы? Проверил бы, есть ли зависимость от операционки
 
grom17

Цитата:
Первым этапом хотелось заполнить все менюхи иконками, а потом откорректировать

При таком подходе сложнее розыск обвиняемого
У себя делал наоборот: сначала выделение места под иконки, т.е. сразу виден результат. Потом иконки

Цитата:
Ну так в чём же дело?

Ни в чем. Зачем держать иконку в профиле, если она есть норм из коробки? Захотел и сменил цвет на свой или повернул на нужный градус
 
background-image: url("chrome://global/skin/icons/link.svg");
fill: red;
transform: rotate(90deg);
Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 16:44 26-08-2024 | Исправлено: Death_INN, 17:27 26-08-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

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