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

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

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

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

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

Member

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

deannik
Это форма вкладок такая, они как бы парят в воздухе, а не прибиты гвоздями к панели.

То есть в данном случае корректней говорить: "Как добавить?"

Всего записей: 223 | Зарегистр. 04-09-2014 | Отправлено: 14:08 15-12-2023 | Исправлено: kanagawa, 14:09 15-12-2023

kokoss19

Silver Member

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

deannik

Цитата:

При открытии на весь экран вверху вкладок остаётся 2-3 пикселя. Как убрать?

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

Код:

#tabbrowser-tabs, .tab-background {
border-radius: var(--tab-border-radius);
margin-block: 0px !important;
}

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

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

Samotek

Silver Member

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

Всем привет!
Мне в одной из тем по FF как-то давно подсказывали как изменить цвета ссылок, используя userContent.css. Тут понадобилось что-то подправить и оказалось, что у меня нет синтаксиса для назначения цвета не посещенным ссылкам, когда над ними нет курсора. Остальные три состояния ссылок есть. Не подскажет кто? Я это тупо скопирую, только цвет свой подставлю.

Всего записей: 2468 | Зарегистр. 18-05-2005 | Отправлено: 00:36 16-12-2023

gutasiho

Gold Member

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

Samotek
Цитата:

у меня нет синтаксиса для назначения цвета не посещенным ссылкам,

https://forum.mozilla-russia.org/viewtopic.php?pid=807837#p807837

Всего записей: 6617 | Зарегистр. 14-09-2020 | Отправлено: 13:01 16-12-2023 | Исправлено: gutasiho, 13:06 16-12-2023

Samotek Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору gutasiho Нарушение п. 2.10. главы VIII Соглашения по использованию
	Всего записей: 2468 \| Зарегистр. 18-05-2005 \| Отправлено: 14:41 16-12-2023 \| Исправлено: Maz, 16:24 17-12-2023

MaraGame24

Member

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

HELP !!!
не могли бы подправить мой стиль ???
Суть проблемы в том , что после открытия пяти вкладок они начинают дергаться , если попытаться открыть еще одну вкладку. Стиль подходит для Firefox 78 и заканчивая последней.
Все подписано на русском, делалось для себя )))
видео---> https://disk.yandex.ru/i/L9rnUOIHejG9Iw
стиль---> https://disk.yandex.ru/d/i68fMODcqxeeCQ

Всего записей: 224 | Зарегистр. 25-11-2023 | Отправлено: 15:16 16-12-2023 | Исправлено: MaraGame24, 14:14 17-12-2023

Death_INN Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору MaraGame24, плохая идея увеличивать резмер svg иконки плюса через -moz-transform: scale
	Всего записей: 3121 \| Зарегистр. 24-10-2002 \| Отправлено: 18:03 16-12-2023

MaraGame24

Member

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

Death_INN
Я не разбираюсь особо в CSS. Делалось все методом копи\пасте из разных стилей очень давно.Поэтому прошу помощи у знатоков.
Сделайте пожалуйста красиво )))
HELP !!!

Всего записей: 224 | Зарегистр. 25-11-2023 | Отправлено: 18:21 16-12-2023 | Исправлено: MaraGame24, 18:23 16-12-2023

Death_INN

Silver Member

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

MaraGame24, т.к. стиль не подходит к последним версиям сабжа, то гадать не могу. Могу лишь попробовать помочь избавиться от дерганья. Если не сработает, то заменить решетку на точку. Может есть более простые способы избавления от дергунчика, но я не такой спец, чтобы быстро разобраться в такой помойке стилей.

Замены в button.css

#TabsToolbar toolbarbutton:not([disabled]):hover .toolbarbutton-icon
на
#TabsToolbar toolbarbutton:not(#tabs-newtab-button, [disabled]):hover .toolbarbutton-icon

toolbarbutton:hover .toolbarbutton-icon
на
toolbarbutton:not(#tabs-newtab-button):hover .toolbarbutton-icon

toolbarbutton:active .toolbarbutton-icon
на
toolbarbutton:not(#tabs-newtab-button):active .toolbarbutton-icon

Должно все работать, кроме плюса (первый селектор).

Всего записей: 3121 | Зарегистр. 24-10-2002 | Отправлено: 21:27 16-12-2023 | Исправлено: Death_INN, 00:58 17-12-2023

MaraGame24

Member

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

Death_INN
При замене на ваши значения кнопки перестали увеличиваться и еще к тому же подсветка кнопок пропала.Вкладки перестают дергаться.
Замена id на class тоже не спасает.
Хотелось бы что бы они увеличивались при наведении и светились при клике.

Цитата:

но я не такой спец, чтобы быстро разобраться в такой помойке стилей

Мне не к спеху )))
Спасибо что не отказываетесь )))

Всего записей: 224 | Зарегистр. 25-11-2023 | Отправлено: 21:58 16-12-2023 | Исправлено: MaraGame24, 23:01 16-12-2023

Death_INN

Silver Member

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

MaraGame24, глянул, :not не хавает подстановку, но все равно нужно узнать в какой версии лисы будут стили применяться, чтобы лишнее не писать.
Рекомендую для плюса не использовать увеличение при наведении мыши, а, например, менять цвет. Сам плюс имеет два селектора: первый до появления стрелок прокрутки табов, а второй - после. Во втором, при желании, можно оставить все по умолчанию, т.е. увеличение через scale не будет приводить к дергунчику. Поправил свое предыдущее сообщение, пробуй.

В FF120 без всяких правок стилей удалось избавиться от дергунчика вот таким кодом. Можно увеличить значение, ибо 6px оказалось мало

Код:

#tabbrowser-arrowscrollbox-periphery {
padding-inline-end: 7px;
}

Всего записей: 3121 | Зарегистр. 24-10-2002 | Отправлено: 00:49 17-12-2023 | Исправлено: Death_INN, 02:47 17-12-2023

MaraGame24

Member

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

Death_INN
Цитата:

нужно узнать в какой версии лисы будут стили применяться

Мой Firefox Portable с моим кривым ) стилем, дополнениями, настройками и т.д .
Работает и живет в папке %Temp% (запускается очень долго).
скачать---> https://disk.yandex.ru/d/2PW8GMFoK0k78A

Всего записей: 224 | Зарегистр. 25-11-2023 | Отправлено: 10:36 17-12-2023 | Исправлено: MaraGame24, 12:38 17-12-2023

Death_INN Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору MaraGame24, 118 версия. Короткий код должен сработать. Можно его засунуть в конец tabs.css
	Всего записей: 3121 \| Зарегистр. 24-10-2002 \| Отправлено: 11:13 17-12-2023

MaraGame24

Member

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

Death_INN
Вы бы не могли проверить на моем Firefox (выше по ссылке).А потом выслать мне готовый вариант CSS.
Спасибо заранее )))

Подборка моих поделок. Может вам что то зайдет.Начиная с начала страницы и доооо конца )))
http://forum.ru-board.com/topic.cgi?forum=55&topic=13551&start=2520#1

Всего записей: 224 | Зарегистр. 25-11-2023 | Отправлено: 11:30 17-12-2023 | Исправлено: MaraGame24, 12:52 17-12-2023

Death_INN

Silver Member

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

MaraGame24, а смысл? Вообще не нужно ничего править, о чем раньше говорил, т.е. твой button.css в неизменном виде. Там же есть tabs.css. Открываем его и переходим в конец. Добавляем код. Захватываю с последней строкой, т.е. первая строка кода уже есть в файле, ее дублировать не нужно

Код:

position: absolute; bottom: 25%; left: 50%; transform: translate(-50%,-30%); padding: 0 3px}

#tabbrowser-arrowscrollbox-periphery {
padding-inline-end: 7px;
}

Какая-то странная кодировка у файла. Должна быть UTF-8. Или мой редактор чудит
Вижу такую строку
.tabbrowser-tab:not([selected=ФtrueФ])
а должна быть такая
.tabbrowser-tab:not([selected="true"])
либо вообще так
.tabbrowser-tab:not([selected])

Всего записей: 3121 | Зарегистр. 24-10-2002 | Отправлено: 11:47 17-12-2023 | Исправлено: Death_INN, 11:55 17-12-2023

MaraGame24

Member

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

Death_INN

Цитата:

Какая-то странная кодировка у файла. Должна быть UTF-8

У меня кодировка UTF-8.
Ошибка в 21 строке .tabbrowser-tab:not([selected=ФtrueФ] ИСПРАВИЛИ не помогло.
Выкинули все из папки chrome кроме button.css все равно дергается.где то там ошибка.
если удалить из button.css пункт....

/*Увеличение при наведении*/
{-moz-transform: scale(1.6, 1.6) !important;
-moz-transition: 0.2s linear !important}

то все работает кроме увеличения кнопок...и дергунчик ))) исчезает на вкладках.

Всего записей: 224 | Зарегистр. 25-11-2023 | Отправлено: 12:04 17-12-2023 | Исправлено: MaraGame24, 12:40 17-12-2023

55Vlad Newbie	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Уважаемые знатоки, помогите увеличить размер шрифта в панели закладок (можно и в панели вкладок, и в адресной строке) в Firefox 120 PortableApps.
	Всего записей: 11 \| Зарегистр. 29-02-2020 \| Отправлено: 13:42 17-12-2023

Death_INN Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору MaraGame24, скинь папку chrome. Посмотрю, что ты там накуролесил и если что - скину исправленную
	Всего записей: 3121 \| Зарегистр. 24-10-2002 \| Отправлено: 13:59 17-12-2023

MaraGame24 Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Death_INN папка chrome---> https://disk.yandex.ru/d/i68fMODcqxeeCQ
	Всего записей: 224 \| Зарегистр. 25-11-2023 \| Отправлено: 14:06 17-12-2023

55Vlad

Newbie

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

Уважаемые знатоки, помогите увеличить размер шрифта в панели закладок (можно и в панели вкладок, и в адресной строке) в Firefox 120 PortableApps.

Вопрос решен. Если интересно-сброшу файл userChrome.css

Всего записей: 11 | Зарегистр. 29-02-2020 | Отправлено: 14:18 17-12-2023 | Исправлено: 55Vlad, 14:28 17-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 62 63 64 65

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