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

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

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

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

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

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

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

Всего записей: 3089 | Зарегистр. 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 можно удалить, если не нужны закругления углов цветной полосы.

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

Всего записей: 4013 | Зарегистр. 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 может задавать ширину линии, если при положительных значениях линия смещается вверх, не меняя своих размеров?

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

Да.

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

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

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

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



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

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

Всего записей: 4013 | Зарегистр. 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 поставить или цвета менять. Я с градиентами не дружу и в своих стилях не юзаю.

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



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

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

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

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

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

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

Рейтинг.ru