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

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

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

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

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

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

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

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

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



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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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



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

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

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

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

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

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



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

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

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

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

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



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

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

Отлично!

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



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

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


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

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