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

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



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть код (userChrome.css)

Цитата:
/*размер всплывающих окошек у расширений*/    
.cui-widget-panel:not(#appMenu-popup) {
  transform: scale(0.90);
  transform-origin: top right;
}

работает в esr 115 не работает в 125. Может кто глянет из знающих.

Всего записей: 255 | Зарегистр. 28-10-2016 | Отправлено: 16:25 13-05-2024 | Исправлено: erhesrhe, 17:04 13-05-2024
idefikar

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

Код:
#customizationui-widget-panel {
    &:is([animate="false"], [animate="open"]) {
        transform: scale(0.90) !important;
        transform-origin: top right !important;
    }
}

хотя, так тоже работает

Код:
#customizationui-widget-panel {
    transform: scale(0.90) !important;
    transform-origin: top right !important;
}

а если в меню расширений тоже нужно, то добавить первой строкой

Код:
#unified-extensions-panel,

но, скорее всего, вы где то перед этим кодом скобку не закрыли, так как .cui-widget-panel тоже все еще работает.
 
Новые данные ) добавьте к своему коду  !important; и все заработает.

Всего записей: 307 | Зарегистр. 04-08-2022 | Отправлено: 17:48 13-05-2024 | Исправлено: idefikar, 18:25 13-05-2024
erhesrhe



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
idefikar
 
Спасибо! Второй вариант работает как надо

Цитата:
#customizationui-widget-panel {
    transform: scale(0.90) !important;
    transform-origin: top right !important;
}

 
А с первым вариантом всплывашка на мгновение уежает вниз на сантиметр-полтора.
 

Цитата:
скорее всего, вы где то перед этим кодом скобку не закрыли, так как .cui-widget-panel тоже все еще работает

Копировал из esr 115 без изминений, не знаю в чем трабла. Нуда ладно работает Ваш второй вариант. Ещё раз Спасибо!
-------------------------------------------------------------
idefikar

Цитата:
Дело в  !important;

Да, c  !important;  старый код заработал

Цитата:
/*размер всплывающих окошек у расширений*/    
.cui-widget-panel:not(#appMenu-popup) {
  transform: scale(0.90) !important;
  transform-origin: top right !important;
}  

Всего записей: 255 | Зарегистр. 28-10-2016 | Отправлено: 18:22 13-05-2024 | Исправлено: erhesrhe, 03:46 14-05-2024
idefikar

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
erhesrhe
Я обновил пост. Дело в  !important; Можете старым кодом пользоваться.

Всего записей: 307 | Зарегистр. 04-08-2022 | Отправлено: 18:26 13-05-2024 | Исправлено: idefikar, 18:28 13-05-2024
grom17



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

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, по умолчанию панель вкладок выше панели навигации, по этому без доп. инфы никто не ответит на этот вопрос

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 18:19 14-05-2024
grom17



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

Благодарю за участие! Если нужна доп. информация, говорите, я в этих делах не силён.
Запостил ещё на одном дружественном форуме.
 
Добавлено:
Портит всю картину этот скрипт
...если его не применять, то всё норм.
 
Если изменить в:
  --tab_below_navigation_toolbar_bottom_padding: calc( var(--tab-min-height_tnot) + 12px ); /* Интервал между панелью закладок и URL-bar */
значение + 12px на + 7px то зазор исчезает.
Благодарю за помощь!

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 19:56 14-05-2024 | Исправлено: grom17, 13:50 15-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, по умолчанию высота вкладок 36px. Обычно, кто хочет уменьшить высоту, врубает компактный режим.

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 22:21 14-05-2024
grom17



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

Цитата:
по умолчанию высота вкладок 36px

Да, спасибо, я в курсе, исправил конечно у себя, поторопился выложить.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 13:50 15-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, если высота вкладок в обычном режиме 36px, то какой смысл стилями переопределять это значение на тоже самое? Наверняка, это ломает опционный компактный режим.
 
Для меня вот какой вопрос интересен. Как стилями уменьшить высоту вкладок в компактном режиме с 29px до 25px без !important?

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 15:25 15-05-2024
xrun1



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

Цитата:
уменьшить высоту вкладок в компактном режиме с 29px до 25px без !important?

Было на днях не в профильной теме. Без !important не проверял.
Ссылка и двумя постами выше другой стиль.

Всего записей: 1003 | Зарегистр. 26-12-2009 | Отправлено: 22:07 15-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, у него в стилях много лишнего, как и у Ариса. Попытка охватить всё и вся. В результате бахыт-компот в каскаде.
Сначала я попробовал переопределить --tab-min-height в классе tab-background, но не сработало. Понял почему и решил сделать так

Код:
:root[uidensity="compact"] #navigator-toolbox {
  --tab-min-height: 25px;
}


Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 23:36 15-05-2024
grom17



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

Цитата:
в стилях много лишнего, как и у Ариса. Попытка охватить всё и вся. В результате бахыт-компот в каскаде

Согласен 100%. Сейчас исправляю и вижу кучу косяков. И спасибо вам за помощь и за критику тоже, всё правильно сказали.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 09:25 16-05-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Поделитесь пожалуйста наиболее полным стилем icons_in_menu, пробовал несколько вариантов, то там-то тут не хватает иконок.
http://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=960#13 здесь тоже не хватает значков.
Пробовал сам добавлять, ничего не получается. Маловато знаний.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 12:55 16-05-2024 | Исправлено: grom17, 16:30 16-05-2024
erhesrhe



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, сделал себе для ширины вкладки, по Вашему методу без !important; и оно работает. Пробовал на FF126
Посмотрите правильно ли, ибо в этом я не шарю

Код:
/*ширина вкладки для компактного режима*/
:root[uidensity="compact"] #navigator-toolbox {
  --tab-max-width: 210px;  
}

Всего записей: 255 | Зарегистр. 28-10-2016 | Отправлено: 20:42 16-05-2024 | Исправлено: erhesrhe, 21:08 16-05-2024
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Попробуйте.
Скрыто 2 пункта, без иконок, не пользуюсь. Можете сами прикрутить, если надо. И да, без претензий: какие хочу иконки, те и использую.
P.S. Что касается background_menu.css. Их у меня несколько штук, проверил на чистом профиле. Этот чистый, откуда и когда брал не помню. Вроде, работает правильно.

Всего записей: 1003 | Зарегистр. 26-12-2009 | Отправлено: 20:58 16-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
erhesrhe, 210px? Наверное 21px. Но я приводил код, который не будет уменьшать высоту вкладок ниже 25px, т.к. упирается в высоту дочерних элементов.
 
grom17

Цитата:
Поделитесь пожалуйста наиболее полным стилем icons_in_menu

У меня такого нет. Ставлю иконки только на те пункты, которыми пользуюсь, а таких менее половины от общего кол-ва. icons_in_menu + background_menu не юзаю - слишком много лишнего. Когда-то делал свои стили для иконок в одном css файле без всяких внешних картинок. Часть картинок из состава сабжа, а другая в формате data:image.

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 21:25 16-05-2024 | Исправлено: Death_INN, 21:55 16-05-2024
xrun1



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

Всего записей: 1003 | Зарегистр. 26-12-2009 | Отправлено: 21:56 16-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, в упор не увидел. Что-то я не припомню переменной --tab-max-width. Раньше была или в новой версии появилась? А если созданная юзером, то для нее !important не нужен

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 22:23 16-05-2024
erhesrhe



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, у меня был код в esr 115 для высоты и ширины вкладок (уже удалил его), но он не работает в 126.  
Оттуда и брал переменную --tab-max-width.
 
Вот так у меня сейчас

Код:
/*высота-ширина вкладки для компактного режима*/
:root[uidensity="compact"] #navigator-toolbox {
  --tab-min-height: 26px;
  --tab-max-width: 210px;  
}
 
Самое то для меня. Death_INN, Спасибо за код.

Всего записей: 255 | Зарегистр. 28-10-2016 | Отправлено: 23:01 16-05-2024 | Исправлено: erhesrhe, 12:42 17-05-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