Mozilla Firefox: стили userChrome.css и скрипты js - [125] :: Программы :: Компьютерный форум Ru.Board
Перейти из форума на сайт.

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

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

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-селекторов элементов интерфейса встроенными средствами браузера
Всего записей: 8387 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Malexius, нет, мои предположения не подтвердились. В конце файла  ты не поставил закрывающую скобку, поэтому все последующие коды работать не будут
Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 12:32 16-03-2025
Malexius

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Darkogramer
В шапке [?] основной темы.
 
Добавлено:
Death_INN
Поставил скобку, перенес код в конец и проблема решилась, спасибо.
Всего записей: 151 | Зарегистр. 06-12-2017 | Отправлено: 12:33 16-03-2025
Darkogramer



Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
А как сделать чтобы приватное окно отрывалось рядом с браузером в панели задач?
 
Раньше так было.
 

 
upd
 
Сейчас вот как приватное окно открывается. На старой версии было по другому.
 
Всего записей: 191 | Зарегистр. 20-03-2015 | Отправлено: 14:10 16-03-2025 | Исправлено: Darkogramer, 08:02 17-03-2025
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
День добрый, коллеги!
Как сделать градиентный цвет на кнопке "Открыть новую вкладку" (Ctrl+T).
Здесь я покрасил в свои цвета для наглядности.

Код:
#tabs-newtab-button, #new-tab-button, #alltabs-button {
    --toolbarbutton-hover-background: rgba(255, 0, 0, .9); /* при наведении */
    --toolbarbutton-active-background: rgba(0, 255, 0, .9); /* при нажатии */
}
 

Это linear-gradient(to bottom,#888888,#444444) почему-то не работает.
ЧЯДНТ.
Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 12:37 18-03-2025
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Код:
background-image: linear-gradient(to right, #c926ff , #4c79ff 70%, transparent) !important;

 
Всего записей: 8387 | Зарегистр. 14-09-2020 | Отправлено: 13:53 18-03-2025
Death_INN

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

Код:
:is(#tabs-newtab-button, #new-tab-button):not([disabled]):hover {
  > .toolbarbutton-icon {
    background-image: linear-gradient(to bottom, red, green);
  }
  &:active > .toolbarbutton-icon {
    background-image: linear-gradient(to bottom, yellow, blue);
  }
}
Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 13:54 18-03-2025
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho, Death_INN Спасибо большое!
 
Ваш вариант: gutasiho

 
Ваш вариант: Death_INN

 
Забрал этот:

Код:
:is(#tabs-newtab-button, #new-tab-button):not([disabled]):hover {
  > .toolbarbutton-icon {
    background-image: linear-gradient(to bottom, red, green);
  }
  &:active > .toolbarbutton-icon {
    background-image: linear-gradient(to bottom, yellow, blue);
  }
}

 
Добавлено:
Думаю что первый вариант тоже рабочий, судя по скрину.
Грешу на мои "косяки" в стилях.
Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 18:59 18-03-2025 | Исправлено: grom17, 19:02 18-03-2025
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Про ширину вкладок
 
// Минимальная ширина вкладок, при которой появятся стрелки прокрутки в случае заполнения пространства панели вкладок
user_pref("browser.tabs.tabMinWidth", 76);
 
Однако, для мя этого мало и выставлено не менее 150. При этом при просмотре аудио (видео) ширина вкладки сужается до 100. Для ся исправил такое поведение стилем

Код:
#tabbrowser-tabs[orient="horizontal"] .tabbrowser-tab:is([muted], [soundplaying], [activemedia-blocked]):not([pinned]) {
  --tab-min-width: unset !important;
}

grom17, я от балды цвета дал. to bottom можно не указывать, ибо дефолт
Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 21:12 18-03-2025
Darkogramer



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

Код:
user_pref("browser.startup.page", 3);
user_pref("browser.tabs.tabMaxWidth", 270);
user_pref("browser.tabs.tabMinWidth", 150);


Цитата:
Однако, для мя этого мало и выставлено не менее 150. При этом при просмотре аудио (видео) ширина вкладки сужается до 100. Для ся исправил такое поведение стилем

А как сделать чтобы вкладка НЕ сужалась при просмотре видео? Если честно это бесит, до обновления всё норм было.
Всего записей: 191 | Зарегистр. 20-03-2015 | Отправлено: 21:34 18-03-2025 | Исправлено: Darkogramer, 21:37 18-03-2025
Death_INN

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

Цитата:
А как сделать чтобы вкладка НЕ сужалась при просмотре видео?

Я же код давал, он и исправляет
Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 22:51 18-03-2025
Darkogramer



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

Цитата:
Я же код давал, он и исправляет

Ваш код просто добавить к этому?

Код:
#tabbrowser-tabs[orient="horizontal"] .tabbrowser-tab:is([muted], [soundplaying], [activemedia-blocked]):not([pinned]) {
  --tab-min-width: unset !important;
}  

Код:
user_pref("browser.startup.page", 3);
user_pref("browser.tabs.tabMaxWidth", 270);
user_pref("browser.tabs.tabMinWidth", 150);  
Всего записей: 191 | Зарегистр. 20-03-2015 | Отправлено: 01:01 19-03-2025 | Исправлено: Darkogramer, 01:04 19-03-2025
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Darkogramer, код для userChrome.css
Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 01:32 19-03-2025
Darkogramer



Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, спасибо. А почему такое поведение вкладки при просмотре видео не наблюдалось в старых версии браузера?
Всего записей: 191 | Зарегистр. 20-03-2015 | Отправлено: 10:08 19-03-2025
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Darkogramer, потому что в новой версии, если "browser.tabs.tabMinWidth" оставить по дефолту, то эффект будет обратный, т.е. вкладка при просмотре видео будет растягиваться до 100px. Логично предположить, что в данном случае с применением моего кода ничего растягиваться не будет.
Итог: мой код уместен, если browser.tabs.tabMinWidth > 100
Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 13:19 19-03-2025 | Исправлено: Death_INN, 13:42 19-03-2025
Maxim_um

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В продолжение этой [?] решённой проблемы прошу продублировать кое что ещё.
Есть расширение FVD Speed Dial, настроено так:
Подробнее... [?]
Появляется в виде первого таба с указанным адресом приложения:
moz-extension://d3fd3245-adea-4e1d-9fce-2eaf377e9339/newtab.html
При большом количестве открытых табов, чтобы получить доступ к этому первому табу, нужно пролистать всю их ленту. Можно конечно в настройках при открытии нового таба поставить вместо открытия пустой страницы запуск копии вкладки FVD Speed Dial, но мне хотелось бы следующее:
иметь сразу две вкладки FVD Speed Dial, которые невозможно было бы закрыть или переместить, и которые располагались бы по краям ленты из табов, а остальные табы, открытые в этот момент, особенно если их количество такое, что они не помещаются между этими двумя крайними табами FVD Speed Dial, свободно перемещались бы между этими крайними стабильными табами при прокручивании (как барабан с цифрами кодового замка относительно его корпуса).
Надеюсь, что обратился, куда нужно, иначе скажите, куда обратиться или как решить эту проблему.
Всего записей: 1515 | Зарегистр. 11-11-2008 | Отправлено: 23:47 22-03-2025 | Исправлено: Maxim_um, 23:48 22-03-2025
Death_INN

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

Цитата:
При большом количестве открытых табов, чтобы получить доступ к этому первому табу, нужно пролистать всю их ленту

Ctrl + 1
или нажать на домик. если его нет, то вывести с кастомной панели
Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 00:35 23-03-2025
Maxim_um

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, пошёл альтернативным путём.
В настройках браузера поставил вместо открытия пустой страницы при открытии нового таба - запуск FVD Speed Dial.
В самом FVD Speed Dial включил режим открытия дилов по клику - в текущей вкладке (по средней кнопке мыши открывается в новой), в нём же дополнительно включил панель поиск, но там почему-то нет гугла (есть яндекс(?!!), бинг и яху).
Я бы остановился на таком варианте, если бы знал, как добавить в список нужный мне поисковик. Наверное это можно сделать, покопавшись в файла дополнения.
В этом случае можно и штатную поисковую панель отключить.
Всего записей: 1515 | Зарегистр. 11-11-2008 | Отправлено: 01:44 23-03-2025
Darkogramer



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

Цитата:
А как сделать чтобы приватное окно отрывалось рядом с браузером в панели задач?
 
Раньше так было.
 

 
upd
 
Сейчас вот как приватное окно открывается. На старой версии было по другому.
 

С этим кто может помочь? плиз



подъем темы не приветствуется
Всего записей: 191 | Зарегистр. 20-03-2015 | Отправлено: 22:13 23-03-2025 | Исправлено: Maz, 12:53 24-03-2025
Arias

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
после обновления с 89 на 115 версию -
1. перестал функционировать букмарклет - Save URL -

Код:
javascript:(function(){const link=document.createElement("a");link.href=`data:text/url,${encodeURIComponent("[InternetShortcut]\r\nURL="+location.href)}`,link.download=document.title+".url",link.click();}());

В всплывающем окошке для сохранения - после названия страницы, появляется - .url.download
2. Исчезло отображение крестика-закрытия при наведении курсора на вкладку.
Помогите исправить ...
Всего записей: 149 | Зарегистр. 24-09-2008 | Отправлено: 17:24 24-03-2025
Smallette

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

Код:
/* Always show tab close button on hover and never otherwise */
.tabbrowser-tab .tab-close-button{
  display:none;
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button{
  display: flex !important;
  align-items: center;
}
Всего записей: 382 | Зарегистр. 01-11-2006 | Отправлено: 07:42 25-03-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

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