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

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

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

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

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho
Цитата:
Утолщенные ("bold") иконки в правом верхнем

У себя добавил:
Код:
:root:not([uidensity="touch"]) :is(.titlebar-button, #minimize-button, #restore-button, #close-button) {
    margin: 0 !important;
    padding: 0px 12px !important;
}
  .titlebar-buttonbox-container .titlebar-button {
    border-radius: 4px !important;
  }

Всего записей: 1500 | Зарегистр. 12-10-2002 | Отправлено: 16:17 23-09-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, а инструменты разраба (Ctrl+Shift+Alt+I) будешь иконизировать?

Всего записей: 3547 | Зарегистр. 24-10-2002 | Отправлено: 18:03 23-09-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Троббер в старом стиле
Код:
/* userChrome.css */
.tab-throbber[busy]::before {
    background-image: url("chrome://global/skin/icons/loading.png") !important;    /* before v129 */
/*    background-image: url("chrome://global/skin/icons/loading.svg") !important;    /* after v129 */
    animation: unset !important;
}
.tab-throbber[busy]:not([progress])::before {
    filter: grayscale(30%) !important;
}

Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 18:23 23-09-2024 | Исправлено: gutasiho, 18:24 23-09-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
а инструменты разраба (Ctrl+Shift+Alt+I) будешь иконизировать?

Даже не думал об этом, вероятно нет.
 
Добавлено:
Как к прозрачности контекстного меню добавить размытость?

По аналогии с этим меню:
Пробовал этот параметр backdrop-filter: blur(10px); к сожалению не получилось.

Всего записей: 1500 | Зарегистр. 12-10-2002 | Отправлено: 21:43 23-09-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Есть ли настройка для того что-бы при переключении с тёмных обоев на светлые текст всегда оставался светлым?
Так как тема всегда тёмная и обои тоже тёмные.

Всего записей: 1500 | Зарегистр. 12-10-2002 | Отправлено: 17:47 25-09-2024 | Исправлено: grom17, 17:50 25-09-2024
Death_INN

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

Цитата:
Есть ли настройка

ui.systemUsesDarkTheme = 1
 

Цитата:
backdrop-filter

до ума так и не доведен

Всего записей: 3547 | Зарегистр. 24-10-2002 | Отправлено: 20:07 25-09-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
ui.systemUsesDarkTheme = 1
Такая настройка есть.

Цитата:
до ума так и не доведен
К сожалению нет. Иначе бы не спрашивал.
 
 
 
Добавлено:
Если просто жестко установить белый цвет с помощью !important то должно быть так:.

Код:
@-moz-document url(about:newtab), url(about:home) {
    :root {
      --newtab-contextual-text-primary-color: white !important;
    }
}

Всего записей: 1500 | Зарегистр. 12-10-2002 | Отправлено: 21:17 25-09-2024
deannik

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если отключить в параметрах «Заголовки окон и границы окон» то пропадает рамка вверху окна. Слева, справа, внизу нормально. Также вверху отсутствует тень, независимо есть рамка или нет (на видео видно). Это нормально или можно стелем исправить? (ffwin.mp4)

Всего записей: 575 | Зарегистр. 04-08-2013 | Отправлено: 23:58 25-09-2024
Death_INN

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

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

Всего записей: 3547 | Зарегистр. 24-10-2002 | Отправлено: 14:31 26-09-2024 | Исправлено: Death_INN, 14:56 26-09-2024
Frank_Sinatra



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Всем привет!
ФФ 115 ESR портабл. Хочу пересобрать профиль и заодно обновиться со 115.7 до 115.13. И вот некоторые стили не хотят работать в новой сборке, хотя прекрасно работают в старой.
Конкретно в userChrome.css не работает вот это:

Код:
/*Желтый фон активных вкладок*/
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]:-moz-lwtheme {
   background: yellow !important;
}
 
.tabbrowser-tab:is([selected], [multiselected]):-moz-lwtheme {
   color: black !important;
}
 
/*Компактные меню*/
:root {
    --arrowpanel-menuitem-padding: 1px 8px !important;
}
menupopup > menuitem, menupopup > menu {
    padding-block: 1px !important;
}

 
А в userContent.css не пашет вот это:

Код:
/* Цвет посещенной ссылки */
:visited, :visited * {
/*    color: -moz-visitedhyperlinktext !important;    /* назначать цвет в "Manage Colors..." Firefox */
    color: #FF0000 !important;                        /* красный: #FF0040 */
}

toolkit.legacyUserProfileCustomizations.stylesheets - true
 
Что я не так делаю, парни?

Всего записей: 953 | Зарегистр. 02-08-2005 | Отправлено: 19:03 26-09-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Frank_Sinatra
Код:
layout.css.visited_links_enabled = true

Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 07:56 27-09-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
У меня такой стиль для посещённых ссылок, но если тапнуть на этой же странице мышкой, то цвет выделенной ссылки возвращается в первоначальный.
Раньше такого не было, ссылка оставалась подсвеченной, я не понимаю почему так происходит.
Может есть у кого мысли по этому поводу?
 
Добавлено:
Death_INN

Цитата:
Цитата:
backdrop-filter
до ума так и не доведен

На одном из "буржуйских" форумов говорят что это невозможно, от слова -совсем.

Всего записей: 1500 | Зарегистр. 12-10-2002 | Отправлено: 00:09 28-09-2024 | Исправлено: grom17, 19:35 28-09-2024
Death_INN

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

Цитата:
ссылка оставалась подсвеченной

ага, с таким чудо стилем)))
color: color: -moz-visitedhyperlinktext !important;;

Цитата:
На одном из "буржуйских" форумов говорят что это невозможно, от слова -совсем

может ограничение в движке

Всего записей: 3547 | Зарегистр. 24-10-2002 | Отправлено: 02:06 28-09-2024 | Исправлено: Death_INN, 02:08 28-09-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
ага, с таким чудо стилем)))
color: color: -moz-visitedhyperlinktext !important;;
Спасибо за замечание, видимо в попыхах копи-пастил.
Но, даже закоментировав строку: color: -moz-visitedhyperlinktext !important; или совсем удалив, стиль работает с тем-же дефектом о котором я писал выше.
А если поправить строку, убрав ошибочные значения, то все ссылки которые я посещал вчера, неделю или месяц тому назад, подсвечиваются как посещённые.

Всего записей: 1500 | Зарегистр. 12-10-2002 | Отправлено: 19:19 28-09-2024 | Исправлено: grom17, 19:42 28-09-2024
Death_INN

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

Цитата:
А если поправить строку, убрав ошибочные значения, то все ссылки которые я посещал вчера, неделю или месяц тому назад, подсвечиваются как посещённые

Это к стилям не относится. Чисти историю

Всего записей: 3547 | Зарегистр. 24-10-2002 | Отправлено: 20:30 28-09-2024
grom17



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

Цитата:
Это к стилям не относится. Чисти историю






Нарушение п. 2.10. главы VIII Соглашения по использованию

Всего записей: 1500 | Зарегистр. 12-10-2002 | Отправлено: 21:44 28-09-2024 | Исправлено: Maz, 10:30 29-09-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Привет друзья! Тут у меня незадача такая, никак не могу понять почему включая эту опцию, перестаёт открываться sidepanel.
Снимаю галочку, панель открывается как обычно, но уже не того размера который я установил для себя.

По сему у меня такой вопрос: Как сделать что-бы sidepanel открывалась с включенной опцией "Удалять историю при закрытии Firefox"
И как установить ширину боковой панели как мне нужно, а не как считает Firefox?
 
И "до кучи" ещё вопрос: как убрать "лупу" с плитки?

Всего записей: 1500 | Зарегистр. 12-10-2002 | Отправлено: 15:34 01-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
По первому вопросу у меня работает норм, проверьте в чистом профиле. По второму вопросу:
Код:
/* userChrome.css */
/* sidebar_size.css */
#sidebar-box {
        width: 480px !important;        /* ширина заголовка боковой панели */
    }
 
#sidebar {
        box-shadow: none !important;
        border-radius: 0 !important;
        border: none !important;
        position: absolute !important;
        width: 480px !important;        /* ширина боковой панели */
    }
Ранее я публиковал css автопоказа боковой панели, там еще есть что-то полезное.

Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 16:35 01-10-2024
Death_INN

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

Цитата:
перестаёт открываться sidepanel

Может речь об этом

Всего записей: 3547 | Зарегистр. 24-10-2002 | Отправлено: 16:40 01-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho
Цитата:
По первому вопросу у меня работает норм, проверьте в чистом профиле.
Проверил, тоже самое. Если у вас работает, то что-то у меня не так. Позже детальнее проверю.

Цитата:
По второму вопросу:
Это работает! Единственное панель нельзя растянуть - сузить мышкой.

Цитата:
Ранее я публиковал css автопоказа боковой панели, там еще есть что-то полезное.
Обязательно посмотрю. Спасибо!
 
Death_INN
Цитата:
Может речь об этом
Это сработало! Панель не изчезает. Спасибо!
 

Всего записей: 1500 | Зарегистр. 12-10-2002 | Отправлено: 21:43 01-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

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