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

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

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

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

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

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

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

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

Full 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;
}  
Работает, позже буду добавлять, посмотрю как получится.

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

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

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



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

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

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

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



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

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

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

Всего записей: 3561 | Зарегистр. 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-узкая полоса */
}
 

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

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

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



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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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



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

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

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

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