Mozilla Firefox - стили userChrome.css и скрипты js - [57] :: Программы :: Компьютерный форум Ru.Board

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

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

Открыть новую тему

Написать ответ в эту тему

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

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

deannik

Full Member

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

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

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

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

Работает, позже буду добавлять, посмотрю как получится.

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

Death_INN

Silver Member

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

deannik, не работает, потому что некий другой твой "стиль" в явном виде задает фон через --panel-background или через background, в том числе и на более внутреннем элементе

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

grom17 Advanced Member	Редактировать \| Профиль \| Сообщение \| ICQ \| Цитировать \| Сообщить модератору Поделитесь пожалуйста стилями scrollbar для sidepanel и для посещаемых страниц. Для userChrome и userContent.
	Всего записей: 1304 \| Зарегистр. 12-10-2002 \| Отправлено: 20:39 20-03-2024 \| Исправлено: grom17, 20:53 20-03-2024

gutasiho Gold Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору grom17 Он обычно одинаков для всего. Поиск в теме по ключевым словам scrollbar скролбар типа этого, в версии для печати, точно есть и не один.
	Всего записей: 6436 \| Зарегистр. 14-09-2020 \| Отправлено: 20:51 20-03-2024

grom17 Advanced Member	Редактировать \| Профиль \| Сообщение \| ICQ \| Цитировать \| Сообщить модератору gutasiho Да, спасибо. А то я на дружественном форуме нашел несколько вариантов, но они не работают на FF124.
	Всего записей: 1304 \| Зарегистр. 12-10-2002 \| Отправлено: 20:55 20-03-2024

Death_INN Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору grom17, а на FF123?
	Всего записей: 3066 \| Зарегистр. 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-узкая полоса */
}

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

deannik

Full Member

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

Death_INN
Цитата:

не работает, потому что некий другой твой "стиль" в явном виде задает фон через --panel-background или через background, в том числе и на более внутреннем элементе

Расположил выше, теперь нормально.
gutasiho
Цитата:

ID пунктов без иконок вписать в код по аналогии с этими двумя пунктами

Где посмотреть соответсвующие пунктам ID? Думал на англ. названия прописать, но нет.

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

grom17 Advanced Member	Редактировать \| Профиль \| Сообщение \| ICQ \| Цитировать \| Сообщить модератору Такой стиль, полупрозрачный . Но работает только в sidepanel Вот бы его "прикрутить" для прокрутки страниц.
	Всего записей: 1304 \| Зарегистр. 12-10-2002 \| Отправлено: 21:34 20-03-2024 \| Исправлено: grom17, 11:49 21-03-2024

Death_INN Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору grom17, повысь права или в составе скрипта юзай, где есть повышение прав для стилей. Где-то выкладывали
	Всего записей: 3066 \| Зарегистр. 24-10-2002 \| Отправлено: 22:08 20-03-2024

gutasiho

Gold Member

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

grom17
Спрячьте код под тэг more

deannik

Добавлено:
С каких-то пор Aris-t2 обновил вертикальный тулбар, исправлен то ли баг, то ли нюанс, когда тулбар блокировал изменение размера боковой панели, а при показе боковой панели выезжал вместе с ней, отрываясь от левой кромки окна браузера.

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

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

grom17

Advanced Member

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

gutasiho

Цитата:

Спрячьте код под тэг more

Да, извиняюсь. Чёт сразу не сообразил.

Death_INN
Цитата:

повысь права или в составе скрипта юзай, где есть повышение прав для стилей

Не нашел, может плохо (не там) искал. Спасибо за совет. Буду изучать мат.часть. Просто хотелось всё и сразу...

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

deannik Full Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору gutasiho kokoss19 Спасибо. Оба варианта работают, но тогда ерунда получается на других меню (раз, два)
	Всего записей: 458 \| Зарегистр. 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

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

gutasiho

Gold Member

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

deannik
У меня все одинаково ровно, без косяков. Может, какой другой стиль мешает.

Добавлено:

Цитата:

UCF,

Меня туда теперь сложно вернуть.

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

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

grom17

Advanced Member

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

kokoss19
Цитата:

Вы же вроде используйте UCF

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

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

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