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

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

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

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 [?]
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\ Начиная с v139.0, разрешить использование скриптов JS в about:config:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

 
Полезные ссылки
 
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

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

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

Всего записей: 653 | Зарегистр. 04-08-2013 | Отправлено: 13:12 20-03-2024 | Исправлено: deannik, 13:50 20-03-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik
Код:
/* userChrome.css */
/* цвет фона меню Hamburger (гамбургер) */
#appMenu-popup {
    --arrowpanel-background: #F4F6F8 !important;
    --arrowpanel-border-color: gray !important;
}
Добавлено:
Цитата:
как выровнять иконки и надписи, как на Вашей картинке, сейчас от иконки надпись улетает вправо?  
ID пунктов без иконок вписать в код по аналогии с этими двумя пунктами
Код:
/* userChrome.css */
/* пункты конт. меню Copy Link Text, Copy Link */
#context-copylinktext::before, #context-copylink::before {
    margin-right: 34px !important; /* сдвиг строки меню */
    content: "" !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
}
 

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 14:02 20-03-2024 | Исправлено: gutasiho, 14:30 20-03-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Код:
/* userChrome.css */
/* цвет фона меню Hamburger (гамбургер) */
#appMenu-popup {
    --arrowpanel-background: #F4F6F8 !important;
    --arrowpanel-border-color: gray !important;
}
У меня не работает. Должен был покраситься в салатовый (как на картинке ниже).

Код:
/* userChrome.css */
/* пункты конт. меню Copy Link Text, Copy Link */
#context-copylinktext::before, #context-copylink::before {
    margin-right: 34px !important; /* сдвиг строки меню */
    content: "" !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
}  
Работает, позже буду добавлять, посмотрю как получится.

Всего записей: 653 | Зарегистр. 04-08-2013 | Отправлено: 19:21 20-03-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, не работает, потому что некий другой твой "стиль" в явном виде задает фон через --panel-background или через background, в том числе и на более внутреннем элементе

Всего записей: 3801 | Зарегистр. 24-10-2002 | Отправлено: 19:52 20-03-2024 | Исправлено: Death_INN, 19:53 20-03-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Поделитесь пожалуйста стилями scrollbar для sidepanel и для посещаемых страниц. Для userChrome и userContent.

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 20:39 20-03-2024 | Исправлено: grom17, 20:53 20-03-2024
gutasiho

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

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



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

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 20:55 20-03-2024
Death_INN

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

Всего записей: 3801 | Зарегистр. 24-10-2002 | Отправлено: 21:03 20-03-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
На FF123 не пробовал.
Нашел такой стиль, он работает.
Код:
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/deprecated/theme_sidebar.css */
#history-panel,
#bookmarksPanel,
#sidebar-header{
/*   background-color: rgb(28, 33, 34) !important;
  color: rgb(195, 198, 201) !important;
  border-top: none !important;
  border-bottom:none !important; */
  scrollbar-color: rgb(0, 36, 255) transparent !important; /* Цвет ФОНА полосы прокрутки Default: rgb(0, 36, 255) var(--uc-light-bkgnd-color)*/
  scrollbar-width: auto !important; /* thin-узкая полоса */
}
 

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 21:11 20-03-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
не работает, потому что некий другой твой "стиль" в явном виде задает фон через --panel-background или через background, в том числе и на более внутреннем элементе
Расположил выше, теперь нормально.
gutasiho
Цитата:
ID пунктов без иконок вписать в код по аналогии с этими двумя пунктами
Где посмотреть соответсвующие пунктам ID? Думал на англ. названия прописать, но нет.

Всего записей: 653 | Зарегистр. 04-08-2013 | Отправлено: 21:14 20-03-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Такой стиль, полупрозрачный [?] . Но работает только в sidepanel
 
Вот бы его "прикрутить" для прокрутки страниц.

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 21:34 20-03-2024 | Исправлено: grom17, 11:49 21-03-2024
Death_INN

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

Всего записей: 3801 | Зарегистр. 24-10-2002 | Отправлено: 22:08 20-03-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Спрячьте код под тэг more    
deannik
   
 
Добавлено:
С каких-то пор Aris-t2 обновил вертикальный тулбар, исправлен то ли баг, то ли нюанс, когда тулбар блокировал изменение размера боковой панели, а при показе боковой панели выезжал вместе с ней, отрываясь от левой кромки окна браузера.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 07:10 21-03-2024
kokoss19

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

Цитата:
как выровнять иконки и надписи, как на Вашей картинке, сейчас от иконки надпись улетает вправо?

Попробуйте так:

Код:
menupopup .menu-text {
    appearance: none !important;
    padding-inline-start: var(--v-menupopup-text-inline-start, 0px) !important;
    margin-inline-start: 0px !important;
}

 
Add, текст у иконки так:

Код:
menupopup .menu-iconic-text {
    appearance: none !important;
    padding-inline-start: 0px !important;
    margin-inline-start: 0px !important;
}

расстояние сами настроите!  
 

Цитата:
Где посмотреть соответсвующие пунктам ID?

Инструменты браузера в помощь

----------
Win7 / FF115

Всего записей: 2166 | Зарегистр. 16-07-2018 | Отправлено: 09:58 21-03-2024 | Исправлено: kokoss19, 12:10 21-03-2024
grom17



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

Цитата:
Спрячьте код под тэг more  
Да, извиняюсь. Чёт сразу не сообразил.
 
Death_INN
Цитата:
повысь права или в составе скрипта юзай, где есть повышение прав для стилей
Не нашел, может плохо (не там) искал. Спасибо за совет. Буду изучать мат.часть. Просто хотелось всё и сразу...

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 12:14 21-03-2024 | Исправлено: grom17, 12:16 21-03-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
kokoss19
Спасибо. Оба варианта работают, но тогда ерунда получается на других меню (раз, два)

Всего записей: 653 | Зарегистр. 04-08-2013 | Отправлено: 12:18 21-03-2024 | Исправлено: deannik, 12:19 21-03-2024
kokoss19

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

Цитата:
Не нашел, может плохо (не там) искал.

Вы же вроде используйте UCF, ну так добавьте этот код в user_chrome_files/custom_styles/scrollbars_tooltips.
Add, правда у меня он не работает, но может у вас будет...

----------
Win7 / FF115

Всего записей: 2166 | Зарегистр. 16-07-2018 | Отправлено: 12:31 21-03-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik
У меня все одинаково ровно, без косяков. Может, какой другой стиль мешает.
 
Добавлено:

Цитата:
UCF,
Меня туда теперь сложно вернуть.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 12:32 21-03-2024
kokoss19

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

Цитата:
но тогда ерунда получается на других меню (раз, два)

Я же в сообщении добавил:

Цитата:
расстояние сами настроите!  

ладно:

Код:
menupopup .menu-text {
    appearance: none !important;
    padding-inline-start: var(--v-menupopup-text-inline-start, 0px) !important;
    margin-inline-start: 30px !important;
}  


----------
Win7 / FF115

Всего записей: 2166 | Зарегистр. 16-07-2018 | Отправлено: 12:42 21-03-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
kokoss19
Цитата:
Вы же вроде используйте UCF

К сожалению не пользуюсь, а без него никак нельзя?

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 13:20 21-03-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

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