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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128

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

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
1\ Также не забываем про такую строку в 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.
 
2\ Начиная с v139.0, разрешить использование скриптов JS в about:config:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

 
Полезные ссылки
 
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 16:21 12-04-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin
Для исключения конфликта стилей нужно их отключить, а код вставлять в почти пустой userChrome.css. А потом искать конфликтующий стиль.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 14:21 06-09-2023
GCRaistlin



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Комбинация classic_squared_tabs.css и tabs_container_indicator_for_classic_squared_tabs.css дала приемлемый результат. Но как оторвать контейнерную полосу от нижней границы вкладки (сделать зазор), я так и не понял: margin-bottom двигает по вертикали текст внутри вкладки, а не полосу.

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

Всего записей: 4244 | Зарегистр. 18-04-2005 | Отправлено: 14:28 06-09-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin, margin-bottom: 10; не будет работать без указания единицы измерения и без !important. И стиль устарел, хоть и рабочий пока. Я давал margin-block-end. При положительных значениях полоска будет внутри области таба

Всего записей: 3800 | Зарегистр. 24-10-2002 | Отправлено: 14:29 06-09-2023
gutasiho

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

Код:
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
  min-height: 4px !important; /* ширина линии */
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-top-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  order: 2;
  margin-bottom: 4px !important; /* смещение полосы от нижней границы таба (зазор между ними) */
}
Строки с *-radius можно удалить, если не нужны закругления углов цветной полосы.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 14:49 06-09-2023 | Исправлено: gutasiho, 16:15 06-09-2023
GCRaistlin



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

Цитата:
Я давал margin-block-end. При положительных значениях полоска будет внутри области таба

Внутри, но всегда по нижней границе идет.
 
gutasiho
Так работает, но мне теперь хочется скрестить это дело с classic_squared_tabs.css и tabs_container_indicator_for_classic_squared_tabs.css.

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

Всего записей: 4244 | Зарегистр. 18-04-2005 | Отправлено: 15:12 06-09-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin, в tabs_container_indicator_for_classic_squared_tabs.css другой подход, если бы не было order (порядка отображения), так что об этом css можно забыть.
gutasiho, как margin-bottom может задавать ширину линии, если при положительных значениях линия смещается вверх, не меняя своих размеров?

Всего записей: 3800 | Зарегистр. 24-10-2002 | Отправлено: 15:30 06-09-2023 | Исправлено: Death_INN, 15:52 06-09-2023
gutasiho

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

Цитата:
как margin-bottom может задавать ширину линии,
Так ясно же, что очепятка.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 16:12 06-09-2023
GCRaistlin



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Забыть не получается, т. к. код gutasiho в сочетании с classic_squared_tabs.css не работает.
 
Добавлено:
Как в Протоне реализовать browser.tabs.drawInTitlebar = false?

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

Всего записей: 4244 | Зарегистр. 18-04-2005 | Отправлено: 16:39 06-09-2023
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin
А может, нафиг эту полосу контейнера? Просто сделать вкладку в цвет контейнера.

Всего записей: 925 | Зарегистр. 26-12-2009 | Отправлено: 16:52 06-09-2023
gutasiho

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

Цитата:
т. к. код gutasiho в сочетании с classic_squared_tabs.css не работает.  
Сделать допротоновские прямоугольные вкладки (код 4 строки) и забить на
Цитата:
tabs_container_indicator_for_classic_squared_tabs.css


Цитата:
classic_squared_tabs.css

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 16:52 06-09-2023
Death_INN

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

Цитата:
Забыть не получается, т. к. код gutasiho в сочетании с classic_squared_tabs.css не работает.

Специально проверил в десятке - работает. Может ошибка в синтаксисе или проблема в семерке

Всего записей: 3800 | Зарегистр. 24-10-2002 | Отправлено: 17:02 06-09-2023
GCRaistlin



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Я и пытался забить на tabs_container_indicator_for_classic_squared_tabs.css. Но ваш код в сочетании с classic_squared_tabs.css  не работает.
 
xrun1
Попугайский внешний вид браузера нежелателен.
 
Добавлено:
Death_INN
Ошибка в синтаксисе исключена: я просто копипастю код. И у меня не Семерка, а 8.1.

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

Всего записей: 4244 | Зарегистр. 18-04-2005 | Отправлено: 17:02 06-09-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin, желательно всю папку chrome выложить, чтобы точно выяснить в чем проблема.
 
Хотя верно, что код в сочетании с classic_squared_tabs.css  не работает, но classic_squared_tabs.css в сочетании с кодом работать будет.

Всего записей: 3800 | Зарегистр. 24-10-2002 | Отправлено: 17:16 06-09-2023 | Исправлено: Death_INN, 17:32 06-09-2023
GCRaistlin



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
userChrome.css:
Подробнее...

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

Всего записей: 4244 | Зарегистр. 18-04-2005 | Отправлено: 17:31 06-09-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin, как минимум пара возможных причин:
1) отсутствует точка с запятой в конце: padding-bottom: 2px !important
2) не очищен кеш запуска
И что именно не работает. Вообще полоски нет?

Всего записей: 3800 | Зарегистр. 24-10-2002 | Отправлено: 17:44 06-09-2023
GCRaistlin



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
1) добавление не помогло;
2) как его очистить (кеш браузера чистил)?
 

Цитата:
Вообще полоски нет?

Да.

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

Всего записей: 4244 | Зарегистр. 18-04-2005 | Отправлено: 17:54 06-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin
Кэш запуска для активации изменений в стилях не нужен, достаточно перезапуска браузера. Попробуйте "мой" код вставить не в конец файла, а в его начало.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 18:33 06-09-2023
GCRaistlin



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Не помогло.

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

Всего записей: 4244 | Зарегистр. 18-04-2005 | Отправлено: 19:05 06-09-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin, на самом деле classic_squared_tabs.css совместно с кодом работает как бы частично, т.е. только на темной теме, а на светлой нет, что и ввело меня в заблуждение, т.к. у меня темная по умолчанию. Я бы не стал себе ставить такую кучу стилей, но ты, если хочешь, то можешь поиграться с градиентами. Как минимум пара параметров гасит (скрывает) отображение полоски:
 
--classic_squared_tabs_active_tab: linear-gradient(to top,#f9f9fa,#f9f9fa,#f9f9fa);
--classic_squared_tabs_other_tabs: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be);
 
Можешь попробовать inherit поставить или цвета менять. Я с градиентами не дружу и в своих стилях не юзаю.

Всего записей: 3800 | Зарегистр. 24-10-2002 | Отправлено: 19:09 06-09-2023
GCRaistlin



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Это нужно уже доки читать.
 
Насчет этого:

Цитата:
Как в Протоне реализовать browser.tabs.drawInTitlebar = false?

есть варианты?

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

Всего записей: 4244 | Зарегистр. 18-04-2005 | Отправлено: 19:18 06-09-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 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 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru