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

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

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

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

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DeZz
Мне думается, тут и так тем больше, чем пользователей.

Всего записей: 1022 | Зарегистр. 26-12-2009 | Отправлено: 13:31 12-08-2024
grom17



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

Цитата:
иконки для всех менюшек

Спасибо за ссылки, чуть позже попробую, потом отпишусь.
Сейчас этой портянкой пользуюсь.
 
Добавлено:
Ссылки хороши тем что разбиты по "секторам", для Гамбургера, для табов и т.д. Жаль что не полный набор иконок в некоторых меню.
Пока останусь на "портянке".

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 14:02 12-08-2024 | Исправлено: grom17, 14:04 12-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, я давал начальный трафарет, самый простой из всех, остается только пункты прописывать и пути к иконкам. Все в одном файле, никаких внешних иконок. И можно вообще селекторы не искать, а делать по лейблу, типа [label^="Open File"]. Будет зависимость от языка, но часто ли ты его меняешь?
И зачем иконки на все пункты, да еще одного цвета? Для часто юзаемых можно задать зеленый, для не часто - синий, для опасных, типа делете - красный, а которыми редко пользуешься - ваще без иконки оставить

Всего записей: 3997 | Зарегистр. 24-10-2002 | Отправлено: 15:18 12-08-2024
grom17



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

 

Цитата:
остается только пункты прописывать и пути к иконкам
С моими знаниями я смогу только пути к иконкам прописать, до остального я "не дорос".
Поэтому и "выдёргиваю" то там - то тут. Учусь, но что-то в башку ничё не лезет.
 

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 15:30 12-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, рекомендую ознакомиться с мануалом в конце шапки
 
Я вот хочу сделать, чтобы при переключении на активную вкладку или после полной загрузки сайта на активной вкладке рисовались с анимацией на одной линии две горизонтальные палки. Увидел у тебя анимацию при наведении мыши на неактивную вкладку. Понравилось, сделал своим способом

Всего записей: 3997 | Зарегистр. 24-10-2002 | Отправлено: 17:08 12-08-2024 | Исправлено: Death_INN, 18:44 12-08-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
активной вкладке рисовались с анимацией на одной линии две горизонтальные палки

Не совсем понял, это как?

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 15:03 13-08-2024
Death_INN

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

Всего записей: 3997 | Зарегистр. 24-10-2002 | Отправлено: 17:27 13-08-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
проще показать, чем объяснить
По мне так слишком... Ну а так круто конечно!
 
Добавлено:
Немного "доработал" меню настроек и боковое меню с правой стороны.
Все стили "стырены" из разных мест, ну я их для себя и "подкрутил".
Если что-то "криво" - я не виноват!
user.js

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 20:44 13-08-2024 | Исправлено: grom17, 18:34 14-08-2024
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Пилить и пилить.
Анимация в адресной строке, на мой взгляд, непрактична.

Всего записей: 1022 | Зарегистр. 26-12-2009 | Отправлено: 01:47 14-08-2024
351878



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

Цитата:
А напрасно, т.к. Firefox пока самый вменяемый и настраиваемый под юзера браузер.

да я общем та и не сомневаюсь. я ж просто олд с ватерфокса с ним и сравниваю.
а способом воспользовался. норм. данке шун.

Всего записей: 1315 | Зарегистр. 28-03-2016 | Отправлено: 11:22 14-08-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите пожалуйста, как на домашней странице у плиток сделать так, что-бы на них цвет текста был всегда белый.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 17:43 14-08-2024
Death_INN

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

Цитата:
Немного "доработал" меню настроек и боковое меню с правой стороны

Во многих файлах нет отвязки от лептона, так что никто не увидит работу стилей такими, какими видишь ты, пока не установят лептонский пакет с его user.js

Всего записей: 3997 | Зарегистр. 24-10-2002 | Отправлено: 18:01 14-08-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
пока не установят лептонский пакет с его user.js

Спасибо, чёт сразу не подумал. Доукомплектовал.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 18:35 14-08-2024
Death_INN

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

Цитата:
Подскажите пожалуйста, как на домашней странице у плиток сделать так, что-бы на них цвет текста был всегда белый

Уточни. Цвет меняется с белого на серо-бармалиновый при каких-то условиях? Тема в сабже какая стоит?

Всего записей: 3997 | Зарегистр. 24-10-2002 | Отправлено: 21:10 14-08-2024
grom17



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


Я использую только тёмную тему и тёмные обои на домашней странице. Когда переключаюсь в настройках с светлых обоев на тёмные (заменил светлые на свои "тёмные") текста на плитках почти не видно.
Хотелось бы что-бы текст всегда был #FFFFFF, только у меня не получается. И в стилях такого параметра не нашел. По умолчанию (с чистым профилем) так-же переключается.
Моё предположение что где-то в about:config "запрятана" эта настройка.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 22:43 14-08-2024 | Исправлено: grom17, 22:51 14-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, я глянул твой content_user_setting.css Это просто шибздец. Параметры 1) userContent.newTab.animate 2) userContent.newTab.searchbar 3) userContent.page.field_border какие имеют значения? О них ты не упомянул в user.js, а скоко еще других от лептона. Я же не буду его комплект ставить.
Сравни строку 17 и 85. Стили почти дублируются, может стоит убрать лишнее? И подумай почему стили не выполняются с 85 по 93 строку. Подсказка: чуть ранее не хватает закрытой фигурной скобки } Хотя будут выполняться, если userContent.newTab.searchbar=true, т.к. непонятно где кончается область действия настройки
Внутри некоторых {...} последний стиль без точки с запятой. Это плохая практика.
Вот когда все исправишь и выложишь для ознакомления, можно будет сделать текст всегда белым, если он сам по себе не станет белым после всех исправлений. Системную тему в сабже, как понимаю, не юзаешь?

Всего записей: 3997 | Зарегистр. 24-10-2002 | Отправлено: 23:27 14-08-2024 | Исправлено: Death_INN, 23:43 14-08-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Это просто шибздец.
В принципе я знаю об этом. Там просто киш-миш настоящий. Я собственно и выкладываю для того что-бы был какой-то диалог на эту тему, да и поддержать тему.

Цитата:
Сравни строку 17 и 85. Стили почти дублируются
Спасибо, устранил.

Цитата:
стили не выполняются с 85 по 93 строку. Подсказка: чуть ранее не хватает закрытой фигурной скобки } Хотя будут выполняться, если userContent.newTab.searchbar=true
Стиль выполняется, видимо потому что параметр userContent.newTab.searchbar=true. Кстати он взят не помню то ли с этого форума, то ли с "соседнего" и мной не менялся.
upd: Здесь - https://forum.mozilla-russia.org/viewtopic.php?pid=792137#p792137

Цитата:
Системную тему в сабже, как понимаю, не юзаешь?
Нет, системную не использую, только тёмную.

Цитата:
Внутри некоторых {...} последний стиль без точки с запятой. Это плохая практика.
Да, я понимаю, но пока детально не разбирался. Но обязательно разберусь.
 
Спасибо всем и в частности вам, за помощь которую я получаю на данном форуме. Это помогает мне получать больше знаний в этом не лёгком деле.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 10:39 15-08-2024 | Исправлено: grom17, 12:06 15-08-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если я не запутался, то в v115esr есть пункт конт. меню "открыть графику в новой вкладке", а в v129 нет. Скрипт создает такой пункт. Для добавить иконку ID = context-viewimage Код

Всего записей: 9020 | Зарегистр. 14-09-2020 | Отправлено: 10:54 15-08-2024 | Исправлено: gutasiho, 10:55 15-08-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
Если я не запутался, то в v115esr есть пункт конт. меню "открыть графику в новой вкладке", а в v129 нет.

Если я правильно понял, то вроде всё на месте.
FF129.0.1

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 11:15 15-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, а ты заметил, что когда кликаешь по полю поиска на домашней странице, то высота поиска уменьшается на 2 пикселя. Особенно заметно, если чередуешь клик по полю и в не поля. Давит на глаза. Разрабы нивелируют это добавлением теней, но можно было бы устранить такой "дефект" правильным заданием цвета для бордера вне фокуса

Всего записей: 3997 | Зарегистр. 24-10-2002 | Отправлено: 12:27 15-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 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 156 157 158 159 160 161

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