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

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

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

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

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

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

Цитата:
menupopup#placesContext > #toggle_PersonalToolbar

да, спасибо, теперь все ок.

Всего записей: 42 | Зарегистр. 21-09-2012 | Отправлено: 19:55 30-05-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Прозрачность в боковой панели закладок.
Нашел такой код, вот бы спецы доработали его, у меня (с моими знаниями) не получилось.
Код:
#sidebar-box[checked] {
    position: fixed !important;
    right: 1 !important;
    min-width: 10px !important;
    max-width: 267px !important;
}
#sidebar-splitter {
    display: none !important;
}
#sidebar-box>* {
    display: -moz-box !important;
    min-width: -moz-available !important;
}
#sidebar {
    min-height: 100vw !important;
    min-width: -moz-available !important;
}
#bookmarksPanel,
#sidebar-search-container,
.sidebar-panel .sidebar-placesTree,
#bookmarks-view,
.sidebar-panel .sidebar-placesTreechildren {
    background-color: transparent !important;
}

Код прозрачность даёт, но работает не корректно, закрывает своей прозрачностью просматриваемые страницы.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 01:56 01-06-2024 | Исправлено: grom17, 10:54 01-06-2024
Death_INN

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

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 09:50 01-06-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN Этот код прижился у меня, отлично работает, но прозрачности я не добился, может конфликт у меня, покопаюсь ещё.

Цитата:
выставить прозрачность меньше единицы, например 0.89
Это первое что я стал менять, нет результата.
 

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 10:13 01-06-2024 | Исправлено: grom17, 10:24 01-06-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Не там менял, в последней секции кода поставь
Код:
    opacity: 0.5;


Всего записей: 8876 | Зарегистр. 14-09-2020 | Отправлено: 10:26 01-06-2024
grom17



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

Цитата:
Не там менял

...и здесь менял тоже.
Не могу понять в чём причина. Раз у вас работает, значит причина на моей стороне.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 10:56 01-06-2024
grom17



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

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 13:03 01-06-2024
gutasiho

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

Всего записей: 8876 | Зарегистр. 14-09-2020 | Отправлено: 13:42 01-06-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Разобрался. На чистом профиле работает отлично. Думаю в ближайшее время найду где косяк.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 13:57 01-06-2024 | Исправлено: grom17, 14:25 01-06-2024
gutasiho

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

Всего записей: 8876 | Зарегистр. 14-09-2020 | Отправлено: 14:29 01-06-2024
grom17



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

Цитата:
 и т.д., пока не найдешь конфликтующий код.

Да, конечно, я так и делаю, методом исключения.
Тут у меня сразу хотелка появилась: можно при обычном окне что бы панель не скрывалась (была всегда открыта), при этом прозрачность должна остаться,
а при полноэкранном режиме можно было "вызывать" панель как она работает в обычном?

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 14:52 01-06-2024
Death_INN

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

Цитата:
методом исключения

А инструменты разраба на что? Сразу будет видно шалуна

Цитата:
сразу хотелка появилась

Сразу ее и реализуй. Вот только (с маргушей) как ты будешь получать доступ к элементам страницы, которые будет перегрывать боковуха?

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 16:29 01-06-2024
grom17



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

Да уж, засада...

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 17:08 01-06-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, как изменить немного цвет панели где находится адресная строка (не знаю как правильно называется), а то сливается с вкладками, и сделать постоянную рамку адресной строки, сейчас она появляется только когда курсор там. Также как увеличить высоту панели закладок, т.е. высоту адресной и закладок сделать одинаковой? Вот нашёл здесь картинку для примера. Только на скриншоте нет панели закладок, но надеюсь суть понятна. Вкладки (за исключенем активной) и панель закладок одним цветом, адресная строка другим.

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 09:02 04-06-2024 | Исправлено: deannik, 10:36 04-06-2024
Death_INN

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

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 14:46 04-06-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
тема в сабже какая, системная или светлая?  
Системная.

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 15:01 04-06-2024
Death_INN

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

Цитата:
как изменить немного цвет панели где находится адресная строка (не знаю как правильно называется)

Панель навигации. Версия без !important для системной темы. Не тестил

Код:
:root:not([lwtheme]) #nav-bar {
    --toolbar-non-lwt-bgcolor: light-dark(red, rgb(43, 42, 51));
    --toolbar-bgcolor: var(--toolbar-non-lwt-bgcolor);
}

 

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 15:39 04-06-2024 | Исправлено: Death_INN, 15:44 04-06-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Версия без !important для системной темы. Не тестил

Код:
:root:not([lwtheme]) #nav-bar {
    --toolbar-non-lwt-bgcolor: light-dark(red, rgb(43, 42, 51));
    --toolbar-bgcolor: var(--toolbar-non-lwt-bgcolor);
}
Не работает. В userChrome.css всё удалил, оставил только этот код.

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 17:36 04-06-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, а версия Firefox какая? Параметр layout.css.light-dark.enabled = true?

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 17:56 04-06-2024 | Исправлено: Death_INN, 18:09 04-06-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
а версия Firefox какая
115.8.0esr, layout.css.light-dark.enabled = true

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 19:33 04-06-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

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