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

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

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

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

Всего записей: 6725 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: Starback, 17:19 15-06-2024
lllrruuwpzmqqappvmv

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

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

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

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Прозрачность в боковой панели закладок.
Нашел такой код, вот бы спецы доработали его, у меня (с моими знаниями) не получилось.
Код:
#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;
}

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

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

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

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



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

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

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

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


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



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

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

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

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



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

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

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

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



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

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

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

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



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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

 

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

Full 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 всё удалил, оставил только этот код.

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

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

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

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

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

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