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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155

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

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 | MrOtherGuy/firefox-csshacks (known as MOG) | VicDobrov UCF-скрипты


Просьба публикуемые коды заключать в тэг [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\ v136+: отключить CSP (Content Security Policy - Политика безопасности контента), снижает безопасность!:
Код:
security.browser_xhtml_csp.enabled = false
3\ v139+: если некоторые скрипты JS не работают, можете сделать так, снижает безопасность!:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

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

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



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
подскажите код для стиля, скрыть этот элемент:
http://forum.ru-board.com/topic.cgi?forum=5&topic=51478&start=60#13
 
говорят через штатные средства лисы невозможно его убрать(
 
я не пользуюсь диспетчером вкладок, у меня их немного и эта кнопка как и ее функционал мне ни к чему.

Dart Raiden
благодарю!

----------
Win10 x64 2021 LTSC, FF x64, UBO
список фильтров УБО

Всего записей: 7659 | Зарегистр. 11-03-2004 | Отправлено: 22:56 01-10-2024 | Исправлено: AngelNet, 00:07 02-10-2024
Dart Raiden



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Переключить настройку toolkit.legacyUserProfileCustomizations.stylesheets в true
 
В файл userChrome.css добавить

Код:
#alltabs-button { display: none !important; }

Всего записей: 6317 | Зарегистр. 20-10-2006 | Отправлено: 23:53 01-10-2024 | Исправлено: Dart Raiden, 02:00 09-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
Это работает! Единственное панель нельзя растянуть - сузить мышкой.
 
Совместить ужа и ежа пока никому не удавалось. Вы стилем принудительно выставили ширину панели, о какой мышке теперь можно вести речь?

Всего записей: 8875 | Зарегистр. 14-09-2020 | Отправлено: 07:08 02-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
Совместить ужа и ежа пока никому не удавалось.
Да я не в претензии, мне в принципе и двигать то не обязательно, выставил на раз и всё.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 11:14 02-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Понимаю, что не в претензии, подумал, может, чего не поняли.
 
Добавлено:
Продвинутый народ пишет, что обработчик событий onclick: вскоре не будет существовать, это повлияет на многие пользовательские скрипты, которые перестанут работать.

Всего записей: 8875 | Зарегистр. 14-09-2020 | Отправлено: 12:51 02-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вот ещё такой вопрос: как уменьшить расстояние сверху и снизу навигационной панели на 2-3 пикселя?
Где-то попадался ответ на этот вопрос, поискал - не нашел.

 
gutasiho
Цитата:
Ранее я публиковал css автопоказа боковой панели, там еще есть что-то полезное.
Полистал несколько десятков страниц назад, не нашёл. Может не внимательно смотрел.
Можно продублировать?

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 13:22 02-10-2024 | Исправлено: grom17, 13:23 02-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
Полистал несколько десятков страниц назад, не нашёл.
Если искать в постах конкретного юзера, то есть скрипт для обезъяны, если искать по всей теме, то в "версии для печати".
http://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=140#14  
Автоскрытие сайдбара

Всего записей: 8875 | Зарегистр. 14-09-2020 | Отправлено: 16:38 02-10-2024 | Исправлено: gutasiho, 16:38 02-10-2024
Death_INN

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

Цитата:
как уменьшить расстояние сверху и снизу навигационной панели на 2-3 пикселя?


Код:
#urlbar-container[breakout] {
  min-height: calc( var(--urlbar-container-height) - 4px) !important;
}

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 18:42 02-10-2024
ttettette

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
css адреса частей меню изменяется что ли? после обновления Firefox адрес линии поменялся с child(3) на child(4)
Как правильно удалить пункт меню и линию разделитель из меню в этом случае?
 
Удалил пункт меню  

Код:
#context_openANewTab
 {
    display: none !important;
}

 
После него осталась линия  
 
Удалил линию из меню таким кодом -  

Код:
#tabContextMenu > menuseparator:nth-child(4){
  display: none !important;
}

 
menuseparator:nth-child(4) - получил выбрав "скопировать css селектор" в инструменте, вызываемой Alt Ctrl shift I
 
Сразу и пункт и линию удалить вот так не получается - в чём ошибка?
 

Код:
menupopup#tabContextMenu > menuitem#context_openANewTab + menuseparator {
  display: none !important;
}


Всего записей: 115 | Зарегистр. 07-07-2013 | Отправлено: 19:49 02-10-2024 | Исправлено: ttettette, 19:51 02-10-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ttettette, menuseparator:nth-child(4) - так хреновенько с дочкой, ибо номер может меняться. Лучше с типом делать, тогда будет именно к сепаратору относится.
Одним стилем пункт и линию в данном случае не удалить. Ошибки нет. Последний твой код относится только к сепаратору
Лучше так

Код:
#tabContextMenu > #context_openANewTab {
  display: none;
  + menuseparator {
    display: none;
  }
}


Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 20:37 02-10-2024 | Исправлено: Death_INN, 20:38 02-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho Вот видел же я этот пост на восьмой странице, но почему то не обратил на него внимание.
 
Death_INN
Код:
#urlbar-container[breakout] {
  min-height: calc( var(--urlbar-container-height) - 4px) !important;
}

Почему то у меня не сработал.

Код:
:root[tabsintitlebar] {
  --toolbox-non-lwt-bgcolor: rgb(34, 33, 40) !important; /* цвет фона активного окна */
  --toolbox-non-lwt-bgcolor-inactive: rgb(60, 59, 72) !important; /* цвет фона неактивного окна */
}  
 
/* #nav-bar { background-color: rgb(60, 59, 72) !important; }  *//* цвет активной панели инструментов */
#nav-bar:-moz-window-inactive { background-color: rgb(97, 0, 0) !important; } /* цвет не активной панели инструментов */

Я заметил что в этом коде закомментировав строку (выделена жирным), расстояние сверху и снизу навигационной панели уменьшается на 1px,
визуально это воспринимается немного лучше, но тогда невозможно установить цвет активной панели инструментов.
Этот код выкладывал кто-то из вас, нижние две строки я взял из другого кода и сдаётся мне что всю "малину" портят именно эти две строчки.
Может есть у кого идеи что бы исправить ситуацию?

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 21:18 02-10-2024 | Исправлено: grom17, 21:21 02-10-2024
Death_INN

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

Цитата:
Почему то у меня не сработал

Сочувствую. Проверять код нужно, как будто он единственный и делать выводы
 

Цитата:
Я заметил что в этом коде закомментировав строку (выделена жирным), расстояние сверху и снизу навигационной панели уменьшается на 1px

Ну если на одном элементе куча стилей, то ничего удивительного. Скриншоты бы увидеть

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 21:45 02-10-2024 | Исправлено: Death_INN, 21:46 02-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Проверять код нужно, как будто он единственный и делать выводы
Ну собственно я так и делал. В чистый userChrome вписал ваш код.
 

 
С закомментированной строкой.


Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 22:05 02-10-2024 | Исправлено: grom17, 22:06 02-10-2024
Death_INN

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

Цитата:
В чистый userChrome вписал ваш код

А можно этот чистый в студию?

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 23:08 02-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Убрать лупу с плитки на домашней странице.

Код:
@-moz-document url("about:home"), url("about:newtab") {
  .top-site-icon.search-topsite {
    display: none !important;
  }
}

 
Добавлено:
Death_INN
Цитата:
А можно этот чистый в студию?

Так файл  userChrome который лежит в папке chrome, а в нём прописан только ваш код.
И всё больше нигде и ничего.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 23:10 02-10-2024
ttettette

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Ваш код убрал пункт меню, но оставил линию-сепаратор.
Может она особенная какая-то.

Всего записей: 115 | Зарегистр. 07-07-2013 | Отправлено: 05:10 03-10-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Я пока не ставил еще FF131
grom17, попробуй явно задать высоту

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

 
ttettette, я не в курсе, что там могло вклиниться между пунктом и сепаратором (сабжем или стилями), а если так?

Код:
#tabContextMenu > :is(#context_openANewTab, menuseparator:nth-of-type(1)) {
  display: none;
}

Не сработает, то можно и с !important попробовать (вдруг что перебивает) и (или) единицу на двойку сменить

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 07:55 03-10-2024 | Исправлено: Death_INN, 08:20 03-10-2024
ttettette

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Так сработало сразу, спасибо!

Всего записей: 115 | Зарегистр. 07-07-2013 | Отправлено: 08:39 03-10-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Код:
#personal-toolbar-empty {
  visibility: hidden;
}  

Стиль для этого работает. Спасибо.

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

Спасибо, для этого не работает. Извиняюсь, если неверно пояснил. Вот: tc — рамка и тень видны, chr — рамка и тень видны, ff — сверху рамка и тень отсутствует.

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 09:33 03-10-2024 | Исправлено: deannik, 09:37 03-10-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, а цвет почему не пробовал поменять, может что глушит? Тень у меня есть. Если бы сразу отвечал, то я бы не забыл в какой версии сабжа смотреть, какая тема, какие у тебя стили
ActiveBorder на #707070
InactiveBorder на #AAAAAA

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 10:40 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 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 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155

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