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

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

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

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
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера
Всего записей: 7394 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
deannik

Full Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
...может что глушит?

Так и есть, глушит в самом начале userChrome эта строчка

Код:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

Она вообще для чего? Осталась после старого стиля. До этого вроде не мешала поэтому не обращал внимания.

Цитата:
а цвет почему не пробовал поменять...

Его обязательно менять или должно работать с вашим вариантом, потому как если поменять ActiveBorder на #707070, InactiveBorder на #AAAAAA то появляется рамка и тень (скриншот)

Код:
:root[tabsintitlebar] {
  &[sizemode="normal"] #navigator-toolbox {
    border-top: 0.5px solid #707070;
    &:-moz-window-inactive {
      border-top-color: #AAAAAA;
    }
  }
}

Интересно, что на чистом FF вверху окна также нет рамки и тени. Так задумано или снова у меня косяк?
Всего записей: 559 | Зарегистр. 04-08-2013 | Отправлено: 12:18 03-10-2024 | Исправлено: deannik, 12:24 03-10-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
попробуй явно задать высоту
Да, это работает.
Немного смещается панелька URL адреса, покопаюсь у себя, может с настройками что не так.
Главное работает. Спасибо!

Код:
#nav-bar {
  height: 30px !important;
}

 
Добавлено:
Всю картину портила эта штука:
Всего записей: 1467 | Зарегистр. 12-10-2002 | Отправлено: 13:02 03-10-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, про @namespace можешь инфу в инете найти. Особой надобности задания дефолтного пространства имен в UserChrome.css не требуется. Обсуждаемый стиль не пашет, т.к. root относится к пространству имен html, а у тебя дефолтное xul. Если @namespace захочешь оставить, то стилизация будет такой

Код:
*|*:root[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
  border-top: 0.5px solid #707070;
  &:-moz-window-inactive {
    border-top-color: #AAAAAA;
  }
}

Либо добавляем пространство имен html
@namespace html url("http://www.w3.org/1999/xhtml");
и тогда вместо *|*:root
пишем html|*:root
Цвет какой нравится, такой и оставь
 

Цитата:
Интересно, что на чистом FF вверху окна также нет рамки и тени. Так задумано или снова у меня косяк?

Разве много людй отключает в системе заголовки и границы окон? По умолчанию в FF отключен системный заголовок. Можешь его включить через кастомную панель и если понравится, то и стилизация не понадобится
Всего записей: 3489 | Зарегистр. 24-10-2002 | Отправлено: 13:19 03-10-2024
kc_duke

Junior Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Ребят, помогите разобраться. Сегодня обновился FF до 128.3.0esr(был 115.15.0esr) и вылезло вот это:
   
Перекрывает наполовину вкладки. Причем на закрепленные вкладки оно не влияет. Как будто какая-то невидимая панель поверх.
 
Добавлено:
Нашел что влияет, но не понял почему:

Код:
#tabbrowser-tabs {
max-height: 20px !important;
min-height: 20px !important; }

 
Методом научного тыка заменил на это и получилось как было примерно:

Код:
#tabbrowser-tabs {
max-height: 35px !important;
min-height: 20px !important; }
Всего записей: 70 | Зарегистр. 15-11-2006 | Отправлено: 14:19 03-10-2024 | Исправлено: kc_duke, 16:56 03-10-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 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

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