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

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

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

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-селекторов элементов интерфейса встроенными средствами браузера

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



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

Всего записей: 1024 | Зарегистр. 26-12-2009 | Отправлено: 03:13 31-05-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
В 139, 140 в панели закладок хорошо работает, практически безукоризненно, стиль, который активируется с правами агента, вы ж его, вроде, и выкладывали. Суммарно требуется упомянутый стиль, одна команда из стиля Aris + скрипт, дающий права агента. По памяти, вроде так. Это не только для панели закладок, но и для контента.

Всего записей: 9026 | Зарегистр. 14-09-2020 | Отправлено: 09:17 31-05-2025
Lagris

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
cracklover
В userContent.css:

Код:
.icon.icon-pin-small {
display: none !important;
}


Всего записей: 1403 | Зарегистр. 26-08-2007 | Отправлено: 17:19 31-05-2025
cracklover



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

Цитата:
cracklover
В userContent.css:
 
Код:
.icon.icon-pin-small {
display: none !important;
}
 
 

 
 
Спасибо, то что нужно!

----------
Когда-то я вёл авторскую музыкальную передачу на радио. Можно послушать!

Всего записей: 6687 | Зарегистр. 04-10-2004 | Отправлено: 17:52 31-05-2025
xrun1



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

Код:
link[href$="arrowscrollbox.css"] ~ scrollbox {
  margin-block: 0 !important;
  padding-block: 0 !important;
}

Всего записей: 1024 | Зарегистр. 26-12-2009 | Отправлено: 20:42 31-05-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Стиль который скрывает боковую панель в полноэкранном режиме, но и в обычном тоже скрывает.
Как сделать что-бы в обычном режиме панель не скрывалась, сохранив функционал?
side_panel_auto_hide

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 21:11 31-05-2025
stiffmaster85



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

Всего записей: 210 | Зарегистр. 13-11-2007 | Отправлено: 01:39 01-06-2025 | Исправлено: stiffmaster85, 02:04 01-06-2025
grom17



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

Цитата:
Стиль который скрывает боковую панель

Вопрос решен. Помогли на одном из форумов.
side_panel_auto_hide

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 14:39 02-06-2025
grom17



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

Код:
/* Active tabs */
.tab-background[selected]  {
    border: 2px solid rgba(255,0,0,.85) !important;
}
/* Inactive tabs */
.tab-background:not([selected]) {
    border: 2px solid rgba(255,255,0,.85) !important;
}

 
Добавлено:
2px - толщина бордюра.
.85 - прозрачность.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 21:41 02-06-2025 | Исправлено: grom17, 21:46 02-06-2025
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день.
Как на новой странице вокруг витжета погоды все сделать прозрачным, чтобы был только текст погоды и три точки справа.
Заранее спасибо.

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 14:40 04-06-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette,
Цитата:
Как на новой странице вокруг витжета погоды все сделать прозрачным

Не помню откуда, но попробуй "поиграть" с этим:
weather

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 17:09 04-06-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вертикальный тулбар с выездом (ico + текст) или без (ico)
 

Всего записей: 9026 | Зарегистр. 14-09-2020 | Отправлено: 10:19 08-06-2025 | Исправлено: gutasiho, 10:29 08-06-2025
73



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
FF 139.0.1 x64 Win10 22H2
YouTube при наведении курсора на название ролика всплывает текст:
   
Можно ли увеличить размер шрифта всплывающего текста?

Всего записей: 1560 | Зарегистр. 18-08-2012 | Отправлено: 18:16 09-06-2025
Death_INN

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

Код:
tooltip#remoteBrowserTooltip[label] {
  font-size: 16px;
}

Всего записей: 4009 | Зарегистр. 24-10-2002 | Отправлено: 22:03 09-06-2025 | Исправлено: Death_INN, 22:03 09-06-2025
73



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Благодарю за подсказку, теперь стало нормально.

Всего записей: 1560 | Зарегистр. 18-08-2012 | Отправлено: 06:43 10-06-2025
ttettette

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

Всего записей: 118 | Зарегистр. 07-07-2013 | Отправлено: 18:31 11-06-2025 | Исправлено: ttettette, 18:47 11-06-2025
351878



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
буду признателен если кто нибудь напишет css для ютуба
очень хочется чтоб панелька с фильтрами поиска была sticky.

Всего записей: 1316 | Зарегистр. 28-03-2016 | Отправлено: 13:50 16-06-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
351878 sticky будет скролиться с папой, так что делай fixed для id элемента filter-button с удобным для себя расположением

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

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как то так. Значения свои.

Код:
/* Кнопки сортировки видео и кнопка фильтров */
#chips-wrapper, #filter-menu {
  position: fixed !important;
  top: 60px !important;
  left: 400px !important;
  z-index: 9999 !important;
  }
#chips-wrapper,
#chips-wrapper.ytd-feed-filter-chip-bar-renderer {
  background: transparent !important;
  }
#chip-shape-container * {
  border-radius: 0 !important;
  height: 22px !important;
  }
#filter-menu {
  background: rgba(36,37,37,1) !important;
  }

Кнопку фильтров не получается над сайдбаром сделать, а то можно было бы left 10.

Всего записей: 307 | Зарегистр. 04-08-2022 | Отправлено: 12:32 17-06-2025 | Исправлено: idefikar, 12:58 17-06-2025
351878



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

Код:
        #header-container.ytd-section-list-renderer {
            position: fixed;
            top: 60px;
            z-index: 999 !important;
        }
        #contents .ytd-section-list-renderer {
            top: 30px !important;
        }
        .ytd-search-sub-menu-renderer {
            background-color: #ddd;
            padding-left: 4px;
        }

idefikar ну в принципе те же яйца)
только я chips-wrapper нигде не узрел. эт хде?

Всего записей: 1316 | Зарегистр. 28-03-2016 | Отправлено: 13:13 17-06-2025
Открыть новую тему     Написать ответ в эту тему

Страницы: 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 156 157 158 159 160 161

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