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

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette, этот код может не работать по трем причинам
1) в винде не отключена опция "Заголовки окон и границы окон"
2) если стоит FF115. Эта версия не поддерживает scss
3) влияют свои стили
У тебя какая причина? Все можно решить
 
grom17

Цитата:
Лучший урок!

Ссылался на который не менее трех раз

Всего записей: 3801 | Зарегистр. 24-10-2002 | Отправлено: 08:10 07-10-2024 | Исправлено: Death_INN, 08:13 07-10-2024
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
1. да, была включена, отключил, не помогло.
2. стоит 131 версия.
3. возможно влияют, вот мой CSS [?]

Всего записей: 382 | Зарегистр. 01-11-2006 | Отправлено: 12:28 07-10-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette, да, стили влияют. В #navigator-toolbox заменить
border: none !important;
на
border-bottom: none !important;
 
Я так понимаю, что бордюр нужен независимо от опции "Заголовки окон и границы окон"? Тогда так

Код:
:root[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
    border-top: 1px solid #343434 !important;
    &:-moz-window-inactive {
        border-top-color: #AAA !important;
    }
}


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

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

Всего записей: 382 | Зарегистр. 01-11-2006 | Отправлено: 14:13 07-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Starback
Посредством стиля можно добавить нумерацию (индексацию) закладок в папке
   
Код:
/* userChrome.css */
menupopup[placespopup="true"] {
counter-reset: num !important;
}
menupopup[placespopup="true"] > menuitem.bookmark-item::after {
    order: 0 !important;    /* "order: -1" number before bookmark; "order: 0" number after bookmark */
    display: inline-block !important;
    counter-increment: num !important;
    content: counter(num) " :" !important;    /* ":" символ после номера (двоеточие) */
    padding-left: 4px;    /* отступ слева перед номером */
    padding-right: 8px;    /* отступ справа перед номером */
    color: #BA3AE5 !important;    /* #00FF6C #BA3AE5 #8D1E21 #0C18CF */
}
А посредством скрипта  индексацию папок и закладок (скрипт где-то в теме).

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 15:37 07-10-2024
Starback



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho 15:37 07-10-2024 UTC+3 [?]
Цитата:
(скрипт где-то в теме)

Что-то не ищется такой...

Всего записей: 1128 | Зарегистр. 17-09-2010 | Отправлено: 19:03 07-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Starback
Возможно, это было в теме Firefox, еще до создания этой темы. У себя нашел только скрины, скриптов было два и они по-разному отображали счетчики.
 

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 20:32 07-10-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Когда же нас "обрадуют" вот этим? Я уже полифил заюзал - пашет, но как быть со страницами Browser UI?

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Подскажите пожалуйста, как добавить прозрачность?
border-color: var(--general-color) !important;

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

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

Всего записей: 3801 | Зарегистр. 24-10-2002 | Отправлено: 08:20 08-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В некоторой компоновке окна браузера может понадобиться перемещение кнопок управления окном в панель навигации. Гамбургер так же станет перемещаемым. Скрипт [?]

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 08:29 08-10-2024 | Исправлено: gutasiho, 08:30 08-10-2024
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
вроде можно цвет в rgb и тогда там прозрачность есть:
border-color: rgb(240 30 50 / 70%).

Всего записей: 382 | Зарегистр. 01-11-2006 | Отправлено: 08:32 08-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
ищи в своих стилях --general-color: и задавай прозрачность
 
Это я сделал в первую очередь. Дело в том что изменив этот параметр цвет и прозрачность меняется везде где есть --general-color:,
А мне нужно применить к определённому месту.
 
Smallette
Цитата:
вроде можно цвет в rgb и тогда там прозрачность есть:
border-color: rgb(240 30 50 / 70%).

Да, спасибо, я знаю. Можно и так: rgba(255, 255, 255, 0.8) и др., но мне нужно что-бы прозрачность была в определённом месте,
и была привязана к основному цвету, который назначает этот параметр.

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17 border-color: color-mix(in srgb, var(--general-color) 75%, transparent) !important;

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
border-color: color-mix(in srgb, var(--general-color) 75%, transparent) !important;

Отлично работает! Спасибо! То, что нужно!

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Starback
Счетчик папок и закладок, левый скрин [?] Folders, Links можно заменить на иконки папки и звездочки. Скрипт [?]

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 14:42 09-10-2024 | Исправлено: gutasiho, 14:43 09-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Добрый день!
В инструментах разработчика я нахожу нужный мне элемент, там-же выставляю нужный параметр, визуально в меню он регулируется.
Как найти его у себя в стилях? Копировал-вставлял в поиск, но ничего не находится. Я ещё не очень знаком с инспектором,
но с вашей помощью я потихоньку вникаю в это дело.
Уточню вопрос: мне нужно выставить (двигать) меню вправо-влево, где "галочки", в инспекторе всё двигается, а вот в стилях найти не могу (может его там и нет).

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 18:11 09-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если изменяемый птичкой параметр не существует в пользовательских стилях, то его и не найдешь. Нужно создать стиль с этим параметром, видимо так.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 18:30 09-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho
Да, спасибо, я в общем так и подозревал, потому что другие параметры находятся и всё с ними в порядке.
Меня интересует, почему регулируются параметры в инструментах разработчика если их нет в стилях. Значит всё таки они где-то находятся?
Вот это для меня пока загадка.

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 19:04 09-10-2024 | Исправлено: grom17, 19:10 09-10-2024
Starback



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho 14:42 09-10-2024 UTC+3 [?]
Цитата:
Счетчик папок и закладок

О, благодарствую
А вот этот стиль:

Код:
/* userChrome.css */
menupopup[placespopup="true"] {
counter-reset: num !important;
}
menupopup[placespopup="true"] > menuitem.bookmark-item::after {
    order: 0 !important;    /* "order: -1" number before bookmark; "order: 0" number after bookmark */
    display: inline-block !important;
    counter-increment: num !important;
    content: counter(num) " :" !important;    /* ":" символ после номера (двоеточие) */
    padding-left: 4px;    /* отступ слева перед номером */
    padding-right: 8px;    /* отступ справа перед номером */
    color: #BA3AE5 !important;    /* #00FF6C #BA3AE5 #8D1E21 #0C18CF */
}  

со криптом должен/может работать?

Всего записей: 1128 | Зарегистр. 17-09-2010 | Отправлено: 20:05 09-10-2024 | Исправлено: Starback, 20:07 09-10-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

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