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

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

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

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

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

Silver Member

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

userChrome.css
Делает вкладки прямоугольными, прижатыми к адресной строке, с контейнерной полосой внутри.

Недостатки:

Цвет фона верхнего меню, стрелок прокрутки tabbar и вкладок, для которых установлено автообновление и которые при предпоследнем автообновлении показали ошибку ("Server not found", например), а при последнем - исправились и с тех пор не активировались, - стандартный. Хотелось бы, чтобы был тот же, что для остальных вкладок, - серый.
Контейнерная полоса прижата к нижнему краю вкладки. Хотелось бы, чтобы между ним и полосой было 1-2 пикселя пространства. Эту тему уже поднимал выше, но тогда так ничего и не получилось.
Над припиненными контейнерными вкладками показывается контейнерная полоса.

Как устранить?
FF 115.10.0, Win81 x64.

----------
Magically yours
Raistlin

Всего записей: 4035 | Зарегистр. 18-04-2005 | Отправлено: 14:36 05-05-2024 | Исправлено: GCRaistlin, 22:03 06-05-2024

Death_INN

Silver Member

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

GCRaistlin
1) Понятия не имею как этот бирюзовый цвет задается. У меня нет win 8.1
2) Обсуждалось, но ты зачем-то забабахал этот код. Удали или закомменти

Код:

/*
.tabbrowser-tab[usercontextid] .tab-content {
border-bottom: 2px solid var(--identity-icon-color) !important;
}
*/

А этот добавь

Код:

.tab-background > .tab-context-line {
margin-block-end: 1px !important;
order: 1;
}

Всего записей: 3117 | Зарегистр. 24-10-2002 | Отправлено: 21:52 06-05-2024

Silver Member

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

Death_INN

Цитата:

Удали или закомменти
...
А этот добавь

Так вообще контейнерной полосы нет.

----------
Magically yours
Raistlin

Всего записей: 4035 | Зарегистр. 18-04-2005 | Отправлено: 22:01 06-05-2024

Death_INN Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору GCRaistlin, а это расширение установлено?
	Всего записей: 3117 \| Зарегистр. 24-10-2002 \| Отправлено: 22:07 06-05-2024

Silver Member

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

Death_INN
Да.

----------
Magically yours
Raistlin

Всего записей: 4035 | Зарегистр. 18-04-2005 | Отправлено: 22:12 06-05-2024

Death_INN Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору GCRaistlin, я проверял на FF115.6.0 + win 10
	Всего записей: 3117 \| Зарегистр. 24-10-2002 \| Отправлено: 22:30 06-05-2024

Death_INN

Silver Member

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

GCRaistlin, глянул получше. Трабла наблюдается, если в винде светлая тема, а в сабже системная. Проще всего переключиться на светлую тему в сабже, а если не устроит, то можно переназначить часть рутовых переменных с линейными градиентами, затранспарив ту часть пространства, которая перекрывает линию контейнера.
Для этого в начало секции default themes tab colors добавить код

Код:

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[usercontextid] {
--classic_squared_tabs_active_tab: linear-gradient(to top,transparent 13%,#f9f9fa 13%);
--classic_squared_tabs_other_tabs: linear-gradient(to top,transparent 13%,#aeaba5 13%,#c1beb7,#c9c6be);
--classic_squared_tabs_hovered_tabs: linear-gradient(to top,transparent 13%,#cac7c1 13%,#d5d2cc,#e8e6e2);
--classic_squared_tabs_unloaded_tabs: linear-gradient(to top,transparent 13%,#aeaba5 13%,#c1beb7,#c9c6be);
}

Всего записей: 3117 | Зарегистр. 24-10-2002 | Отправлено: 00:36 07-05-2024 | Исправлено: Death_INN, 00:37 07-05-2024

Silver Member

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

Death_INN
У меня тема "Windows 8.1 [Dark Active Button]", неподписанная, поставленная с помощью UxStyle.
Ваш вариант помог с (3), спасибо. Контейнерная полоса по-прежнему прижата к низу, стала толще (2 пикселя). В контейнерных вкладках значки опущены на 1 пиксель:

----------
Magically yours
Raistlin

Всего записей: 4035 | Зарегистр. 18-04-2005 | Отправлено: 03:33 07-05-2024 | Исправлено: GCRaistlin, 04:38 07-05-2024

Death_INN Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору GCRaistlin, в коде, что ранее давал, увеличивай на единицу значение margin-block-end
	Всего записей: 3117 \| Зарегистр. 24-10-2002 \| Отправлено: 08:48 07-05-2024

Silver Member

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

Death_INN
Контейнерная полоса приподнялась и снова стала 1 пиксель толщиной. Видно плохо. Также заметил, что, если окно FF не активно, промежуток между контейнерной полосой и низом вкладки меняет цвет:

Хотелось бы:

Сделать значок и текст вкладок центрированными по вертикали. Сейчас у неконтейнерных вкладок они опущены на 1 пиксель, у контейнерных - на 2.
Сделать контейнерную полосу толщиной 2 пикселя с сохранением приподнятости над нижнем краем вкладки на 1 пиксель.

Как реализовать?

Раз серым меню и стрелки не сделать, решил вернуть вкладкам стандартный цвет - убрал кусок кода, предваряемый комментарием

Код:

/* remove default tab colors */

и разделы default themes tab colors и lw-themes tab colors. Все правильно сделал?

----------
Magically yours
Raistlin

Всего записей: 4035 | Зарегистр. 18-04-2005 | Отправлено: 12:42 07-05-2024

rubel Advanced Member	Редактировать \| Профиль \| Сообщение \| ICQ \| Цитировать \| Сообщить модератору Farby Поделись, пожалуйста, как ты делаешь цитирование? Вот, например, здесь. оффтоп
	Всего записей: 1427 \| Зарегистр. 12-07-2004 \| Отправлено: 17:03 07-05-2024 \| Исправлено: Maz, 08:55 08-05-2024

gutasiho Gold Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору rubel Вопрос явно не в эту тему, и кстати, за такое цитирование модератор ругает.
	Всего записей: 6599 \| Зарегистр. 14-09-2020 \| Отправлено: 18:17 07-05-2024 \| Исправлено: gutasiho, 18:18 07-05-2024

Egor30 Junior Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору rubel нажми редактировать в его посте и воспроизведи по аналогии действия оффтоп
	Всего записей: 176 \| Зарегистр. 22-11-2007 \| Отправлено: 23:23 07-05-2024 \| Исправлено: Maz, 08:55 08-05-2024

Farby

Advanced Member

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

rubel (17:03 07-05-2024 UTC+3)
Цитата:

цитирование?

всё очень просто, ищите здесь.
PS: Это скрипт Ke жаль что он не заходит больше на форум

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

оффтоп

Всего записей: 773 | Зарегистр. 22-10-2002 | Отправлено: 00:26 08-05-2024 | Исправлено: Maz, 08:55 08-05-2024

Death_INN

Silver Member

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

GCRaistlin

Цитата:

убрал кусок кода

Лучше самому все стили делать без всяких Арисов

2)
А если нет, то другая идея появилась. Градиент Ариса перекрыть своим градиентом, который будет рисовать контейнерную полоску
Если вернуться к твоему изначально выложенному userChrome.css, то нужно из него удалить последние 14 строчек (т.е. строку с Firefox userChrome.css tweaks и ниже), а в начало секции default themes tab colors добавить код

Код:

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[usercontextid] {
--classic_squared_tabs_active_tab: linear-gradient(to top,#f9f9fa 5%,var(--identity-icon-color) 5% 17%,#f9f9fa 17%);
--classic_squared_tabs_other_tabs: linear-gradient(to top,#aeaba5 5%,var(--identity-icon-color) 5% 17%,#c1beb7 17%,#c9c6be);
--classic_squared_tabs_hovered_tabs: linear-gradient(to top,#cac7c1 5%,var(--identity-icon-color) 5% 17%,#d5d2cc 17%,#e8e6e2);
--classic_squared_tabs_unloaded_tabs: linear-gradient(to top,#aeaba5 5%,var(--identity-icon-color) 5% 17%,#c1beb7 17%,#c9c6be);
}

Всего записей: 3117 | Зарегистр. 24-10-2002 | Отправлено: 00:30 08-05-2024

Silver Member

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

Death_INN
Так контейнерная полоса всегда имеет один и тот же цвет - бирюзовый, не совпадающий с цветом контейнера. Если окно FF перестает быть активным, полоса становится белого цвета.

Добавлено:
Заменил

Код:

.tabbrowser-tab[usercontextid] .tab-content > * {
margin-bottom: -2px !important
}

на

Код:

.tabbrowser-tab[usercontextid] .tab-content > * {
margin-bottom: 1px !important
}

и получил нужный результат: значок и текст в контейнерных и неконтейнерных вкладках - на одной высоте, контейнерная полоса 2 пикселя, не прижата к низу.

Итоговый userChrome.css

----------
Magically yours
Raistlin

Всего записей: 4035 | Зарегистр. 18-04-2005 | Отправлено: 01:41 08-05-2024

rubel

Advanced Member

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

Farby

Цитата:

всё очень просто, ищите здесь.
PS: Это скрипт Ke жаль что он не заходит больше на форум

Я как раз его и использую, Ru-Board Helper 2.7 (11Feb10 06:01:07) .
Но у меня цитирование выглядит иначе, за которое ругается модератор.

Выложи, пожалуйста, свой вариант.

оффтоп

Всего записей: 1427 | Зарегистр. 12-07-2004 | Отправлено: 02:19 08-05-2024 | Исправлено: Maz, 08:56 08-05-2024

Death_INN

Silver Member

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

GCRaistlin, видать есть разница между win81+Dark Active Button theme и win10+Default theme. При удалении из файла стиля разделов default themes tab colors и lw-themes tab colors такое ощущение, что с вкладками почти ничего не делали.
Арис делает стили, пытаясь подогнать их под все операционки, под все версии и темы сабжа. В итоге у юзеров как минимум половина лишнего + нарушение каскада стилей.

Всего записей: 3117 | Зарегистр. 24-10-2002 | Отправлено: 08:41 08-05-2024

gutasiho Gold Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Add "Reload all Tabs" item to tabs context menu
	Всего записей: 6599 \| Зарегистр. 14-09-2020 \| Отправлено: 11:29 08-05-2024

gutasiho Gold Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Скрипт-кнопка "выключить\включить отображение тултипов"
	Всего записей: 6599 \| Зарегистр. 14-09-2020 \| Отправлено: 10:05 12-05-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

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