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

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
nicol51
Можно предположить, что у вас включена сторонняя тема оформления. Включите системную тему для проверки. Но у меня и со сторонней темой это работает норм. Чтобы другие пользователи поняли, о чем речь, правильно называть не курсор, а подсветка под курсором, или подсветка при наведении.

Всего записей: 8886 | Зарегистр. 14-09-2020 | Отправлено: 11:15 26-02-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
nicol51, не курсор, а цвет фона при наведении. На первом скрине явно этот цвет не умолчальный, а значит влияют стили. Папку chrome выложи для ознакомления. Может будет проще подправить существующий стиль, чем пытаться перекрыть этот стиль другим стилем

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 11:19 26-02-2024
nicol51

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN  
Лучше я поставлю другой вопрос. Как изменить цвет фона контекстных меню? Нужно чтобы было как у гамбургера.

Всего записей: 814 | Зарегистр. 30-03-2008 | Отправлено: 12:11 26-02-2024 | Исправлено: nicol51, 12:57 26-02-2024
Death_INN

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

Код:
menupopup {
  --panel-background: var(--arrowpanel-background) !important;
}
menu, menuitem {
  &:where([_moz-menuactive]:not([disabled="true"])) {
    background-color: var(--button-hover-bgcolor) !important;
  }
}

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 13:38 26-02-2024
Starback



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DeZz 14:38 26-02-2024 UTC+3
Цитата:
Нужно, чтобы кнопка закрытия вкладки отображалась только на текущей - а на остальных нет

Нужный стиль можете здесь найти:
 
https://github.com/Aris-t2/CustomCSSforFx/tree/master/current/css/tabs

Всего записей: 1156 | Зарегистр. 17-09-2010 | Отправлено: 15:43 26-02-2024
grom17



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

Цитата:
Еще существует вариант, делающий то же самое с гамбургером.
Не могли бы вы поделиться?
 
У меня так:
Код:
:root:not([uidensity="touch"]) {
   --arrowpanel-menuitem-padding: 4px 8px !important;
   --arrowpanel-border-radius: 16px !important;
   --panel-separator-margin: 4px 9px !important;arrowpanel-menuitem-border-radius
}

Почему-то ещё регулирует и SEARCH панель.

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DeZz, а когда все же должна отображаться кнопка закрытия неактивной вкладки? 1 - при наведении и клике 2 - только при клике 3 - всегда при наведении и клике
 
grom17, переопределение значений переменных в руте почти всегда затрагивает большую часть элементов, а не тех, каких предполагалось

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



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

Код:
/* userContent.css */
a {
  color: maroon;
  text-decoration: none;
  display: inline-block;
  transition: transform 0.2s ease;
}
a:hover {
  transform: scale(1.2);
}

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
1. нужно убрать нижнюю полоску, а также надпись под ней "открыть все во вкладках"
   
 
2. как сделать меню "гамбургера" слегка прозрачным?

Всего записей: 1368 | Зарегистр. 23-01-2006 | Отправлено: 16:32 27-02-2024 | Исправлено: DeZz, 16:32 27-02-2024
kokoss19

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

Цитата:
1. нужно убрать нижнюю полоску, а также надпись под ней "открыть все во вкладках"  


Код:
menuitem[label="Открыть всё во вкладках"],
menupopup menuseparator.bookmarks-actions-menuseparator {
    display: none;
}


----------
Win7 / FF115

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 18:35 27-02-2024 | Исправлено: kokoss19, 18:40 27-02-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Помогите.  
1. Убрать полоску под адресной строкой.
2. Уменьшить высоту в меню "Загрузки (Ctrl+J)"

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

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

Цитата:
Увеличение ссылки при наведении
Нехилый такой bug detected
 

Всего записей: 8886 | Зарегистр. 14-09-2020 | Отправлено: 20:01 27-02-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Так регулируйте  transform: scale(1.2); Там куча вариантов.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 20:44 27-02-2024 | Исправлено: grom17, 20:45 27-02-2024
pangasiys



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

как отодвинуть текст от иконок вправо а то текст наезжает на иконки, это когда правой кнопккой мышкой на ссылку щёлкаешь
 

Всего записей: 7029 | Зарегистр. 05-06-2012 | Отправлено: 21:50 27-02-2024
grom17



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

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



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
Пуддинг
такая длинная портянка! уверен что есть что-то другое в 10 раз короче ))))
 
 
 
Добавлено:
....что именно в этой портянке относится к моему вопросу?

Всего записей: 7029 | Зарегистр. 05-06-2012 | Отправлено: 22:31 27-02-2024
grom17



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

Цитата:
относится к моему вопросу

3-4 страницы назад обсуждалось.
 
Добавлено:
Я эту "портянку" немного сам укоротил. Попробуйте.

Код:
@-moz-document url-prefix("chrome:"), url-prefix("about:") {
/* меню --> */
:root {
    --v-menupopup-item-min-height: 24px;
    --v-menupopup-item-padding-inline: 8px;
    --v-menupopup-text-inline-start: 4px;
    --v-menupopup-icon-fill-opacity: .9;
    --v-arrowpanel-color: var(--menu-color, var(--arrowpanel-color, FieldText));
    --v-arrowpanel-background: var(--menu-background-color, var(--arrowpanel-background, Field));
    --v-arrowpanel-border-color: var(--menu-border-color, var(--arrowpanel-border-color, ThreeDShadow));
    --v-panel-separator-color: var(--menu-border-color, var(--panel-separator-color, ThreeDShadow));
    --v-arrowpanel-dimmed: var(--menuitem-hover-background-color, var(--arrowpanel-dimmed, color-mix(in srgb, currentColor 20%, transparent)));
    --v-arrowpanel-dimmed-further: var(--menuitem-hover-background-color, var(--arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent)));
}
#:is(menupopup, panel)[type="arrow"] {
  --panel-border-radius: 18 !important;
}
 
menupopup :is(menu,menuitem,menucaption) {
    appearance: none !important;
    min-height: var(--v-menupopup-item-min-height) !important;
    padding: 0px var(--v-menupopup-item-padding-inline) !important;
}
menupopup .menu-text {
    appearance: none !important;
    padding-inline-start: var(--v-menupopup-text-inline-start) !important;
    margin-inline-start: 18px !important;
}
menupopup .menu-iconic-left > .menu-iconic-icon,
menupopup .menu-right > image {
    width: 16px !important;
    height: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
}
:where(:not(#ContentSelectDropdown)) > menupopup :is(menu,menuitem,menucaption) {
    color: #CCCCCC !important;
}
/* <-- меню end */
}

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

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

Цитата:
Я эту "портянку" немного сам укоротил.

Нормально так укоротили:


----------
Win7 / FF115

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 23:39 27-02-2024
grom17



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

Цитата:
Нормально так укоротили:

Ну-у не знаю... У меня как на скрине выше.

Цитата:
переопределение значений переменных в руте почти всегда затрагивает большую часть элементов, а не тех, каких предполагалось
Как сказал товарищ Death_INN
 

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

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

Цитата:
как сделать меню "гамбургера" слегка прозрачным?


Код:
#appMenu-popup {
  opacity: 0.85;
}

 
pangasiys

Цитата:
как отодвинуть текст от иконок вправо а то текст наезжает на иконки, это когда правой кнопккой мышкой на ссылку щёлкаешь

Зависит от того как стилями реализовано освобождение пространства для иконок. Меню как минимум двух типов: 1 - без выделения места, 2 - с выделением (есть птичечный пункт)

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 00:02 28-02-2024 | Исправлено: Death_INN, 00:13 28-02-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