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

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

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

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

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
спасибо, но хотелось бы, как говорится, получить максимальный эффект минимальными средствами, погружаться в скрипты не хотелось бы.
 
А кто нибудь вытаскивал код вставки иконок в меню из Lepton'a? Уж очень они у него хороши, но все остальное не нужно, а код там - на 28 000 строк...
Всего записей: 327 | Зарегистр. 01-11-2006 | Отправлено: 14:24 20-02-2024
MAX63ru



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

Цитата:
А кто нибудь вытаскивал код вставки иконок в меню из Lepton'a? Уж очень они у него хороши, но все остальное не нужно, а код там - на 28 000 строк...

Кстати, у него вчера обновление вышло v8.6.0.
Всего записей: 8860 | Зарегистр. 14-04-2012 | Отправлено: 14:37 20-02-2024
gutasiho

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

Цитата:
иконок в меню из Lepton'a? Уж очень они у него хороши,
О вкусах спорить не стоит, а как по мне, так эти иконки полное уе.
Всего записей: 7730 | Зарегистр. 14-09-2020 | Отправлено: 15:25 20-02-2024
tjart

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette
Ctrl+H - вид - по последнему посещению.
Был код, где можно было добавить в закладки, при наведении отображается последние закрытые вкладки. По типу букмарклетов. Только где видел, не припомню. Сам использую первый вариант.
Всего записей: 6 | Зарегистр. 16-02-2024 | Отправлено: 15:29 20-02-2024
Death_INN

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

Цитата:
А кто нибудь вытаскивал код вставки иконок в меню из Lepton'a? Уж очень они у него хороши

Разве сложно взять у него понравившуюся иконку и добавить в свой стиль? К тому же большинство его иконок имеется в составе сабжа. Меня устраивает такое контекстное меню, на примере пункта панели закладок
Всего записей: 3550 | Зарегистр. 24-10-2002 | Отправлено: 15:37 20-02-2024
gutasiho

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

Цитата:
иконок в меню из Lepton'a? Уж очень они у него хороши,
И криво созданы, поэтому их превью не отображаются в проводнике Windows. Решается удалением из svg маленькой части кода, публиковал в теме. До - после
   
Цветные иконки по мне.
Всего записей: 7730 | Зарегистр. 14-09-2020 | Отправлено: 15:57 20-02-2024
kokoss19

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

----------
Win7 / FF115
Всего записей: 2118 | Зарегистр. 16-07-2018 | Отправлено: 17:35 20-02-2024
tjart

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Кто такой Lepton?
Всего записей: 6 | Зарегистр. 16-02-2024 | Отправлено: 19:58 20-02-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Поделитесь пожалуйста настройками URL-bar & SEARCH-bar такими как:
Высота - ширина.
Цвет фона.
Цвет бордюра и его толщина.
Цвет текста, его размеры и название.
Интервалы и размеры значков (можно их цвета).
Редактирование значков (убрать - добавить лупу, плюсик, замочик и т.д.
Буду весьма благодарен за информацию. Спасибо!
Всего записей: 1514 | Зарегистр. 12-10-2002 | Отправлено: 00:15 21-02-2024
kokoss19

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

Цитата:
Поделитесь пожалуйста настройками URL-bar & SEARCH-bar такими как:
Высота  

user_pref("browser.uidensity", 1);

----------
Win7 / FF115
Всего записей: 2118 | Зарегистр. 16-07-2018 | Отправлено: 08:43 21-02-2024
Smallette

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
где то в коде не хватает пуддинга, пункты меню налетают на иконки.
Всего записей: 327 | Зарегистр. 01-11-2006 | Отправлено: 11:03 21-02-2024
kokoss19

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

Цитата:
не хватает пуддинга

Пуддинг
 
Add, лучше так -> icons_in_menu +

----------
Win7 / FF115
Всего записей: 2118 | Зарегистр. 16-07-2018 | Отправлено: 11:26 21-02-2024 | Исправлено: kokoss19, 19:29 21-02-2024
xrun1



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
Сколько пользователей, столько и background_menu.css. У меня их в заначке видимо-невидимо (6).
Чтобы не привязываться к папке svg попробуй так.
Всего записей: 830 | Зарегистр. 26-12-2009 | Отправлено: 14:08 21-02-2024
Smallette

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
отличный пуддинг спасибо
 
Все сдаюсь ((
Поставил вот это дополнение https://addons.mozilla.org/en-US/firefox/addon/undoclosetabbutton/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search
 
Оно в контекстном меню вкладки создает свой пункт, но с темной иконкой и получается темное на темном. При чем внутри дополнения есть и светлая иконка, но похоже переключение не доработано.
Как ее заменить на белую? Или вообще убрать?
Вот так не работает:

Код:
#_4853d046-c5a3-436b-bc36-220fd935ee1d_-menuitem-_RootMenu>.menu-iconic>.menu-iconic-left>image.menu-iconic-icon {
    list-style-image: url(moz-extension://7f9fd5ee-aa3a-41f6-99d2-23f56742f81f/icons/undoclosetab-light.svg) !important;
}
Всего записей: 327 | Зарегистр. 01-11-2006 | Отправлено: 14:11 21-02-2024
grom17



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

Цитата:
user_pref("browser.uidensity", 1);

 
Пуддинг
Не нашел где углы регулируются.
Меняю значения border-radius: и ничего не меняется.
Всего записей: 1514 | Зарегистр. 12-10-2002 | Отправлено: 14:30 21-02-2024 | Исправлено: grom17, 14:31 21-02-2024
kokoss19

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

Цитата:
Не нашел где углы регулируются.
Меняю значения border-radius: и ничего не меняется.


Код:
:is(menupopup, panel)[type="arrow"] {
  --panel-border-radius: 0 !important;
}


----------
Win7 / FF115
Всего записей: 2118 | Зарегистр. 16-07-2018 | Отправлено: 18:35 21-02-2024
Smallette

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

Код:
#spell-check-enabled {
        /* checkbox */
        background-image: url("../icons/text-proofing-tools.svg");
      }

 
когда пункт меню является чек боксом. Если ему присвоить иконку по вышеуказанному методу, то при переключении положения получается фигня.
Как это правильно делается?
Всего записей: 327 | Зарегистр. 01-11-2006 | Отправлено: 19:20 21-02-2024 | Исправлено: Smallette, 19:20 21-02-2024
kokoss19

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

Цитата:
Чтобы не привязываться к папке svg попробуй так.

У себя  немного изменил этот кусок кода
так


----------
Win7 / FF115
Всего записей: 2118 | Зарегистр. 16-07-2018 | Отправлено: 19:41 21-02-2024 | Исправлено: kokoss19, 19:44 21-02-2024
xrun1



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
У нас это меню почти одинаковое, 2-3 незначительных различия. Цвет? Дело вкуса.
И ещё обсуждали правку margin: 0 !important;. Тут 2 ссылки-ответы, с чего началось (моя) на предыдущей странице.
Всего записей: 830 | Зарегистр. 26-12-2009 | Отправлено: 03:05 22-02-2024
Smallette

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Сделал меню с иконками, слепил из разных источников, в том числе и из Lepton'a.
https://www.upload.ee/files/16308335/chrome.zip.html
 
Помогите пожалуйста вот с этим Mozilla Firefox - стили userChrome.css и скрипты js
последняя "неправильная" иконка осталась
Всего записей: 327 | Зарегистр. 01-11-2006 | Отправлено: 15:25 22-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

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