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

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

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

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

Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
Death_INN

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

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

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

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

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

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


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

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

Всего записей: 319 | Зарегистр. 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 */
}
А посредством скрипта  индексацию папок и закладок (скрипт где-то в теме).

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



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

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

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

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

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

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

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



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

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

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

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

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

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

Всего записей: 319 | Зарегистр. 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) и др., но мне нужно что-бы прозрачность была в определённом месте,
и была привязана к основному цвету, который назначает этот параметр.

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

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

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

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

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

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



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

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

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

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



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

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

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

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

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