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

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Драсьте, так тот код, что я печатал не один раз, как раз так и работает, красное при наведении, красное при посещении. Что-то вы запутались.

Всего записей: 8874 | Зарегистр. 14-09-2020 | Отправлено: 18:23 14-07-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
вот начальный  пример освобождения места.
Спасибо.
Цитата:
scss не применяю, чтобы пахало и на FF115
Не понял, что такое scss? userChrome.css у Вас отсутствует?
Цитата:
Внешние файлы иконок не юзаю, особенно в png формате и размером, отличающимся от 16х16, чтобы не плодить лишние стили и не мусорить папку chrome  
Так же и я планирую. Иконки добавляю background-image: url("data:image/svg+xml;base64,.... С добавлением иконок пока всё хорошо, но всплыла другая проблема.  
После добавления Вашего стиля сдвинулся вправо не только текст контекстных, но и выпадающие меню на страницах сайтов (пример, пример, пример).
Есть три разных стиля межстрочного интервала, но ни один из них не могу применить как надо, а именно, если сделать нужный интервал в меню, то возникает проблема с увеличением интервала на тех же выпадающих меню (пример и т.п.).
Если вообще убрать межстрочные стили, то на сайтах интервал нормальный (за исключением сдвига вправо), но в этом случает интервал в конт.меню увеличивается, а это совсем не то, что нужно.
Что подправить в Вашем стиле, чтобы затрагивал только конт. меню, и как изменить стиль межстрочного интервала, чтобы также не трогал меню на сайтах? Спасибо.

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 20:12 14-07-2024 | Исправлено: deannik, 20:15 14-07-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Я его использую и благодарю вас за него!
 что у меня на данный момент, привожу без редактирования, как есть:
Вот то,что у меня на данный момент, привожу без редактирования, как есть. И работает это так: на примере руборда.
1) нажимаю на ссылку, она подсвечивается красным и продолжает подсвечиваться пока не жмакну по странице (не по ссылке)  
и... опаньки подсветка исчезает, а должна остаться. В поисковике Яндекса работает "как надо", а здесь не хочет, хотя раньше работало.
2) Если конечно это имеет значение, переустановил систему, папку chrome и другие нужные файлы положил в профиль и получил то что получил.
ПАМАГИТЕ-СПАСИТЕ!!!

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 20:19 14-07-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Для начала добавить !important; в посещенные

Всего записей: 8874 | Зарегистр. 14-09-2020 | Отправлено: 20:31 14-07-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
Для начала добавить !important; в посещенные
Я !important; убрал потому что с этим параметром подсвечиваются даже ссылки которые я посещал ранее (вчера и т.д.)

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 20:37 14-07-2024
gutasiho

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

Цитата:
Иконки добавляю background-image: url("data:image/svg+xml;base64,...
Грамотный, даже очень, юзер, разработчик дополнений, говорил, что использование иконок base64 требует доп. ресурсов для раскодирования при отображении, поэтому он перешел на локальные иконки.
 
Добавлено:
grom17
Ясно, но с !important; в текущей сесии подсвечивает, как требуется. У меня история хранится только до закрытия браузера.

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

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

Цитата:
Что подправить в Вашем стиле, чтобы затрагивал только конт. меню

В идеале все их перечислить, но можно попробовать для начала menupopup:not(.in-menulist)

Цитата:
и как изменить стиль межстрочного интервала

Каким стилем сделан интервал? И хорошо бы ссылки на пару сайтов, не требующих авторизации, где имеются такие меню
 
gutasiho

Цитата:
Грамотный, даже очень, юзер, разработчик дополнений, говорил, что использование иконок base64 требует доп. ресурсов для раскодирования при отображении, поэтому он перешел на локальные иконки

У меня с base64 всего две иконки
 

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 23:35 14-07-2024 | Исправлено: Death_INN, 23:38 14-07-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
В идеале все их перечислить,...
И сколько их? В Вашем стиле menuitem, menu.
Цитата:
но можно попробовать для начала menupopup:not(.in-menulist)
Где в стиле его применить?
Цитата:
Каким стилем сделан интервал?
Пробовал поочередно все триОстановился на этом, установив 24px.
Цитата:
И хорошо бы ссылки на пару сайтов, не требующих авторизации, где имеются такие меню
Подробнее...

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

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

Цитата:
И сколько их? В Вашем стиле menuitem, menu

Ни одного. Обобщенный вариант

Цитата:
Где в стиле его применить?

В моем коде, что выкладывал и в своем. Если не понятно с зеленым цветом, что это добавление, тогда может так понятнее:
заменить menupopup на menupopup:not(.in-menulist)
Для своего кода, где уже есть один :not, можно так
было:  menupopup:not([placespopup])
стало: menupopup:not([placespopup], .in-menulist)
 
Если будут траблы, то выложишь измененный код - проверим

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 10:23 15-07-2024 | Исправлено: Death_INN, 10:29 15-07-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доброй ночи всем!
Что-то куда не глянь параметр "В этот раз искать в:" можно удалить только в адресной панели, а как из search панели удалить?
Честно искал, не нашел.

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

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

Код:
#PopupSearchAutoComplete > .search-one-offs:not([hidden]) {
  display: block;
}

А ты можешь none поставить с !mportant или высоту нулевую

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 11:05 17-07-2024
idefikar

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

Код:
#searchbar-one-offs-header-label {
  display: none !important;
}

Всего записей: 307 | Зарегистр. 04-08-2022 | Отправлено: 12:55 17-07-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
idefikar
Благодарю!
Сработал этот вариант:
Код:
#searchbar-one-offs-header-label {
  display: none !important;
}

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 00:15 18-07-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добавляет возможность использовать Ctrl+f и для закрытия панели поиска по странице. Код

Всего записей: 8874 | Зарегистр. 14-09-2020 | Отправлено: 08:09 18-07-2024 | Исправлено: gutasiho, 08:10 18-07-2024
ebe

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Люди! Подскажите пожалуйста настройку в файле chrome, устанавливающую межстрочный интервал в выпадающем списке адресной строки?

Всего записей: 548 | Зарегистр. 19-02-2002 | Отправлено: 09:46 18-07-2024
grom17



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

Цитата:
можешь none поставить с !mportant

Так убирает все поисковики в выпадающем меню.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 12:02 18-07-2024
Death_INN

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

Код:
:root[uidensity=compact] .urlbarView-row {
  &:not([type=tip], [type=dynamic]) {
    min-height: 25px;
  }
  &[rich-suggestion][type=search] {
    min-height: 36px;
  }
}

 
Добавлено:
grom17

Цитата:
Так убирает все поисковики в выпадающем меню.

Как понял, так и дал. А стиль, который те нужен, не должен гасить функционал. Так правильней

Код:
.search-panel-one-offs-header.search-panel-header {
  visibility: collapse;
  height: 0;
}

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



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

Цитата:
.search-panel-one-offs-header.search-panel-header {
  visibility: collapse;
  height: 0;
}  

Отлично!

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



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

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 19:21 18-07-2024
Death_INN

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

Код:
#tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
  box-shadow: none !important;
}


Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 19:40 18-07-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