Mozilla Firefox - стили userChrome.css и скрипты js - [34] :: Программы :: Компьютерный форум 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 60 61

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

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

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

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

gutasiho

Gold Member

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

newTrampos
Цитата:

Осталось выяснить, как добавить "бордюр" сверху в пару пикселей оранжевого цвета.

Даю на водку в последний раз.
Rapunzi
Цитата:

Нашел свой старый набор стилей - нет в нем только первого пункта, а жаль

Вам отвечали в параллельном форуме, отвечали здесь, так и будем по кругу бегать? Пошто темы не читаете и поиск по теме не юзаете?

Всего записей: 6530 | Зарегистр. 14-09-2020 | Отправлено: 14:59 11-12-2023

kokoss19

Silver Member

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

newTrampos

Цитата:

Осталось выяснить, как добавить "бордюр" сверху в пару пикселей оранжевого цвета.

Если устроит, то можно обойтись и без использования стиля, в файле manifest.json в строке "tab_line": "rgba(0, 0, 0, 0)", изменить цвет на -> rgba(255, 165, 0, 1)

Rapunzi

Цитата:

Как с помощью правил стиля css
1 Убрать из списка меню браузера пункты Правка и Вид

Код:

#main-menubar > #edit-menu, #view-menu {
display: none;
}

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

Всего записей: 2110 | Зарегистр. 16-07-2018 | Отправлено: 15:00 11-12-2023 | Исправлено: kokoss19, 16:11 11-12-2023

gutasiho

Gold Member

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

kokoss19
Осталось выяснить, как добавить "бордюр" сверху в пару пикселей оранжевого цвета

Добавлено:
Цитата:

Вполне приличная прокрутка страницы вверх и вниз до конца

Скрипт обновлен, теперь крутит плавно (smooth).

Всего записей: 6530 | Зарегистр. 14-09-2020 | Отправлено: 15:12 11-12-2023 | Исправлено: gutasiho, 15:23 11-12-2023

Smallette

Member

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

newTrampos
уже девали, но вот еще один вариант

Код:

/*tab line for [selected] and [multiselected] tabs */
.tabbrowser-tab .tab-context-line {
height: 2px !important;
border-radius: 0px !important;
}
.tabbrowser-tab:is([selected], [multiselected]):not([usercontextid]) .tab-context-line {
background-color: orange !important;
}
.tabbrowser-tab:not([selected])[multiselected] .tab-context-line {
background-color: color-mix(in srgb, orange, white 40%) !important;
}
#main-window:not([lwtheme-image="true"]):not([lwtheme-mozlightdark]):-moz-lwtheme .tabbrowser-tab[selected]:not([usercontextid]) .tab-context-line {
background-color: var(--tab-line-color, orange) !important;
}
.tabbrowser-tab[usercontextid]>.tab-stack>.tab-background>.tab-context-line {
margin: unset !important;
background-color: var(--identity-icon-color) !important;
}

Всего записей: 291 | Зарегистр. 01-11-2006 | Отправлено: 15:23 11-12-2023

Barral Gold Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Подскажите, пожалуйста, как стилем изменить цвет активного фона урлбара (всей строки, а не выделенного мышкой текста адреса)?
	Всего записей: 6168 \| Зарегистр. 24-12-2002 \| Отправлено: 18:36 11-12-2023

kokoss19

Silver Member

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

Barral

Код:

#urlbar > #urlbar-background {
background-color: red !important;
}

Add, добавить в файл userChrome.css

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

Всего записей: 2110 | Зарегистр. 16-07-2018 | Отправлено: 19:37 11-12-2023 | Исправлено: kokoss19, 23:25 11-12-2023

Barral Gold Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору kokoss19, этот стиль работает постоянно. Есть возможность добиться такого же эффекта, но только тогда, когда кликаешь в урлбар?
	Всего записей: 6168 \| Зарегистр. 24-12-2002 \| Отправлено: 04:04 12-12-2023 \| Исправлено: Barral, 04:21 12-12-2023

Smallette

Member

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

Barral
скорее всего нужно использовать:

Код:

#urlbar[focused]

Всего записей: 291 | Зарегистр. 01-11-2006 | Отправлено: 07:26 12-12-2023

Barral Gold Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Smallette Да, это помогло
	Всего записей: 6168 \| Зарегистр. 24-12-2002 \| Отправлено: 07:59 12-12-2023

Rapunzi Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору kokoss19 Спасибо, конечно. Да только тут мой пост удалили ни за что,ни про что с уточнением задачи про меню браузера
	Всего записей: 691 \| Зарегистр. 20-01-2017 \| Отправлено: 12:33 12-12-2023

ALEX_45_ORP Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору del
	Всего записей: 1579 \| Зарегистр. 10-12-2017 \| Отправлено: 22:55 12-12-2023 \| Исправлено: ALEX_45_ORP, 22:56 12-12-2023

deannik

Full Member

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

Подскажите, как уменьшить высоту вкладки и адресной строки? Убрать пустое место перед первой вкладкой, когда окно свернуто?
kokoss19
Цитата:

можно обойтись и без использования стиля, в файле manifest.json в строке "tab_line": "rgba(0, 0, 0, 0)", изменить цвет на -> rgba(255, 165, 0, 1)

По Вашему способу рамку вокруг активной вкладки сделать не получается. В файле manifest.json нет строки "tab_line" и даже если добавить всё равно не выходит. FF 115.0.2esr

Всего записей: 460 | Зарегистр. 04-08-2013 | Отправлено: 19:09 14-12-2023

alloledd

Gold Member

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

deannik

Цитата:

Подскажите, как уменьшить высоту вкладки и адресной строки?

Всего записей: 7099 | Зарегистр. 25-10-2019 | Отправлено: 21:00 14-12-2023

kokoss19

Silver Member

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

deannik

Цитата:

В файле manifest.json нет строки "tab_line"

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

Всего записей: 2110 | Зарегистр. 16-07-2018 | Отправлено: 00:06 15-12-2023 | Исправлено: kokoss19, 00:08 15-12-2023

deannik

Full Member

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

kokoss19, это оказывается для расширения Arc Dark Theme. Не сразу понял. Спасибо.
alloledd, спасибо, но немного не то. Как сделал Vitaliy V. не нравится. Хотелось бы только немного уменьшить высоту так как есть сейчас. Возможно тот код можно переделать под себя, но у меня не получилось.
Как убрать пустоту слева, перед первой вкладкой, когда окно свернуто? Полноэкранный, свернутый.

Всего записей: 460 | Зарегистр. 04-08-2013 | Отправлено: 08:24 15-12-2023 | Исправлено: deannik, 08:25 15-12-2023

Farby

Advanced Member

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

deannik (08:24 15-12-2023 UTC+3)
Цитата:

Как убрать пустоту слева, перед первой вкладкой, когда окно свернуто?

У меня так получилось

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {

/* you can add this to userChrome.css */
.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
visibility: collapse !important;
}
}

----------
Жизнь иногда такое выкидывает, что хочется подобрать...

Всего записей: 771 | Зарегистр. 22-10-2002 | Отправлено: 09:20 15-12-2023

fakel33 Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору del
	Всего записей: 1188 \| Зарегистр. 22-08-2003 \| Отправлено: 09:51 15-12-2023 \| Исправлено: fakel33, 09:52 15-12-2023

AlAvis Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Farby visibility: collapse лучше заменить на display: none иначе образуется широкая рамка .
	Всего записей: 1968 \| Зарегистр. 15-07-2013 \| Отправлено: 09:53 15-12-2023

Death_INN Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору AlAvis, может проще ширину обнулить?
	Всего записей: 3095 \| Зарегистр. 24-10-2002 \| Отправлено: 12:29 15-12-2023

deannik Full Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору При открытии на весь экран вверху вкладок остаётся 2-3 пикселя. Как убрать? Спасибо.
	Всего записей: 460 \| Зарегистр. 04-08-2013 \| Отправлено: 13:55 15-12-2023

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

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

Страницы: 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

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