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

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в 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 | Цитировать | Сообщить модератору
Death_INN Я вспомнил, 28.02.2024 г. мы уже обсуждали этот вопрос, спасибо!
Всего записей: 1500 | Зарегистр. 12-10-2002 | Отправлено: 21:15 26-10-2024 | Исправлено: grom17, 13:04 01-11-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Скрипт метит непрочитанные вкладки, вроде как зело удобен. Код
Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 19:47 31-10-2024 | Исправлено: gutasiho, 19:48 31-10-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, в коде юзается setUnloadMap, а эта функция в составе UCF
Всего записей: 3547 | Зарегистр. 24-10-2002 | Отправлено: 08:59 02-11-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Мои познания в этом мизерны, но работает с активацией Aris-t2.
Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 10:14 02-11-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, работает, но с ошибкой в консоли. Как вариант. Код
Всего записей: 3547 | Зарегистр. 24-10-2002 | Отправлено: 17:16 02-11-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
ОК, попробую.
Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 19:19 02-11-2024
sam_yura



Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Всех приветствую!
Возник вопрос, после обновления или по другим причинам, пропала иконка в гамбург-меню: More tools.
В userCrome.css за неё отвечала такая запись:

Код:
#appMenu-more-button2 {
  list-style-image: url(chrome://browser/skin/ion.svg);
}

Может кто и знает как вернуть её на место?
 
Сам задал, сам решил. Поменял адрес на иконку: chrome://global/skin/icons/developer.svg
 
Вопрос снят с повестки
Всего записей: 80 | Зарегистр. 19-10-2006 | Отправлено: 14:16 04-11-2024 | Исправлено: sam_yura, 14:49 04-11-2024
Farby

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Из-за Bug 1913704 выпилили ion.svg
можно url(chrome://browser/skin/ion.svg) заменить на


----------
Жизнь иногда такое выкидывает, что хочется подобрать...
Всего записей: 783 | Зарегистр. 22-10-2002 | Отправлено: 15:19 04-11-2024
nicol51

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, как можно вернуть старые иконки управлением звука на вкладке?
Всего записей: 811 | Зарегистр. 30-03-2008 | Отправлено: 11:02 06-11-2024 | Исправлено: nicol51, 11:03 06-11-2024
grom17



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

Код:
/*Значок вкладки «Аудио» */
.tab-icon-overlay[soundplaying] {
  /*fill: #058B00 !important;/* var(--green-70) */
  border: none !important;
  background-color: transparent !important;
}
.tab-icon-overlay[muted] {
  fill: #D70022 !important;/* var(--red-60) */
  border: none !important;
}
.tab-icon-overlay[activemedia-blocked] {
  fill: #FFE900 !important;/* var(--yellow-50) */
  border: none !important;
}

 
Добавлено:
Как вернуть старый значок звука на вкладке?  
https://www.reddit.com/r/FirefoxCSS/comments/1gfjh5y/how_to_get_back_the_old_sound_icon_on_the_tab/
Всего записей: 1500 | Зарегистр. 12-10-2002 | Отправлено: 12:24 06-11-2024
nicol51

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Спасибо за ссылку. Вернул как было.
Всего записей: 811 | Зарегистр. 30-03-2008 | Отправлено: 13:07 06-11-2024
Smallette

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Решил попробовать вертикальные вкладки и почему то при их использовании не работает счетчик вкладок вот с этим кодом:

Код:
/*  Alltabs button with tab counter */
#TabsToolbar-customization-target {
    counter-reset: tabCount
}
.tabbrowser-tab {
    counter-increment: tabCount
}
#alltabs-button>.toolbarbutton-badge-stack>.toolbarbutton-icon {
    list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Cpath transform='translate(49,-60)' d='m-29 78.888-7.0703-7.0703 0.70703-0.70703 6.3633 6.3633 6.3633-6.3633 0.70703 0.70703-6.3633 6.3633z' fill='rgb(225, 225, 225)' style='paint-order:stroke fill markers'/%3E%3C/svg%3E");
    overflow: hidden !important;
    padding: 0 !important;
    border: 0 !important;
    width: 40px !important;
    height: calc(100% + 1px) !important;
    margin: 0 -2px 0 0 !important;
    transform: translate(20%, 15%);
    padding: 0 3px
}
#alltabs-button>.toolbarbutton-badge-stack {
    position: relative !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: calc(100% + 1px) !important;
    width: 56px !important;
    margin: 0-2px 0 0 !important
}
#alltabs-button>.toolbarbutton-badge-stack::before {
    content: counter(tabCount);
    filter: contrast(500%)grayscale(100%);
    color: currentColor !important;
    position: absolute;
    bottom: 25%;
    left: 50%;
    transform: translate(-50%, -30%);
    padding: 0 3px
}

очень подозреваю что нужно что то поменять в первых двух блоках, но не знаю что...
Подскажите, пожалуйста.
Спасибо.
Всего записей: 319 | Зарегистр. 01-11-2006 | Отправлено: 09:06 07-11-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette, счетчик должен быть создан на элементе, который включает в себя как элемент, где счетчик будет увеличиваться, так и элемент, на котором будет вывод значения счетчика. Для вертикальных табов скорее всего треба счетчик реверсного типа.
Всего записей: 3547 | Зарегистр. 24-10-2002 | Отправлено: 14:19 07-11-2024
Smallette

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
спасибо, но я ничего не понял из сказанного, так далеко мои познания CSS не простираются...
Всего записей: 319 | Зарегистр. 01-11-2006 | Отправлено: 14:25 07-11-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette, удали первые два правила до #alltabs-button и вместо них добавь этот Код
Всего записей: 3547 | Зарегистр. 24-10-2002 | Отправлено: 15:23 07-11-2024 | Исправлено: Death_INN, 15:25 07-11-2024
Smallette

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
как вы это делаете?! работает, спасибо.
Всего записей: 319 | Зарегистр. 01-11-2006 | Отправлено: 16:02 07-11-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
del
Всего записей: 1500 | Зарегистр. 12-10-2002 | Отправлено: 20:01 07-11-2024 | Исправлено: grom17, 21:35 07-11-2024
doud



Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Уважаемые Гуру! В старых версиях был такой код для удаления синих рамок и замены их на свой цвет:
:root:-moz-lwtheme {
--focus-outline-color: threedshadow !important;
}
Однако с 128FF он уже  не работает.Есть ли замена?
Всего записей: 101 | Зарегистр. 20-08-2006 | Отправлено: 20:31 10-11-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
doud :root[lwtheme]
Всего записей: 3547 | Зарегистр. 24-10-2002 | Отправлено: 20:41 10-11-2024
doud



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



Все благодарности, пожалуйста, старайтесь отправлять в ПМ пользователю, который Вам помог
Всего записей: 101 | Зарегистр. 20-08-2006 | Отправлено: 20:54 10-11-2024 | Исправлено: Maz, 21:12 10-11-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