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

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

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

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

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

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

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

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

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

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

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
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 панель.

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

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

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



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

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

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



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

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

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



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

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

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

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

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



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

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



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

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

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



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

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



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

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
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 */
}

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

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

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

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


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

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



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

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

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

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

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

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

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


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

 
pangasiys

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

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

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

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