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

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

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

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите пожалуйста, еще можно скрыть нижние два пункта, при открытии ПКМ папок/закладок при их редактировании - само контекстное меню: в старых версиях этих пунктов небыло.
"Панель закладок -> " (желательно и его скрыть)
"Отображать другие закладки" (совсем никчему это, еще и неактивно. В самом меню заголовке - Закладки пункт этот скрыл, Подробнее... а тут незнаю как)

Всего записей: 42 | Зарегистр. 21-09-2012 | Отправлено: 14:06 30-05-2024 | Исправлено: lllrruuwpzmqqappvmv, 14:28 30-05-2024
grom17



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

Код:
#searchbar:focus-within {
    border-color: red !important;
}
Код рабочий! Только разницы не увидел (что сверху - что снизу), но тем не менее это что, что мне нужно.
xrun1

Цитата:
Попробуйте добавить код

Код:
#PopupSearchAutoComplete {
    --panel-border-color: #75747a !important;
}

К сожалению код почему то у меня не сработал. Не факт что не рабочий, у меня в стилях, как выше выразился один из коллег, "каша", с чем я полностью согласен. Наведу порядок и опробую ваш код.
Спасибо всем кто откликнулся, вопрос решен!

Всего записей: 1345 | Зарегистр. 12-10-2002 | Отправлено: 15:09 30-05-2024 | Исправлено: grom17, 16:07 30-05-2024
Starback



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
lllrruuwpzmqqappvmv 14:06 30-05-2024 UTC+3
Цитата:
Подскажите пожалуйста, еще можно скрыть нижние два пункта, при открытии ПКМ папок/закладок при их редактировании

lllrruuwpzmqqappvmv, заготовка стиля у Вас есть. Вам нужно всего-то
определить селекторы пунктов меню, которые хотите скрыть.
Как это сделать, можно посмотреть здеся - https://forum.mozilla-russia.org/viewtopic.php?pid=758758#p758758
 
Ссылку на мануальчик можно занести в шапку топика

Всего записей: 1019 | Зарегистр. 17-09-2010 | Отправлено: 15:14 30-05-2024
lllrruuwpzmqqappvmv

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

Цитата:
Вам нужно всего-то
определить селекторы пунктов меню, которые хотите скрыть.

Большое Вам спасибо! Всё получилось)))
Дополнено: правда пункт Панель закладок все-таки пришлось оставить, т.к. код #toggle_PersonalToolbar - полностью удаляет все пункты в т.ч. и из настройки панели инструментов.  

Всего записей: 42 | Зарегистр. 21-09-2012 | Отправлено: 16:28 30-05-2024 | Исправлено: lllrruuwpzmqqappvmv, 16:42 30-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
lllrruuwpzmqqappvmv, так сузь область действия
menupopup#placesContext > #toggle_PersonalToolbar

Всего записей: 3186 | Зарегистр. 24-10-2002 | Отправлено: 18:49 30-05-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;
}

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

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

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

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



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

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

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

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


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



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

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

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

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



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

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

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

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



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

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

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

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



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

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

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

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

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

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

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

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

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

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



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

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

Всего записей: 1345 | Зарегистр. 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, тема в сабже какая, системная или светлая?

Всего записей: 3186 | Зарегистр. 24-10-2002 | Отправлено: 14:46 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