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

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

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

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



Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть код (userChrome.css)

Цитата:
/*размер всплывающих окошек у расширений*/    
.cui-widget-panel:not(#appMenu-popup) {
  transform: scale(0.90);
  transform-origin: top right;
}

работает в esr 115 не работает в 125. Может кто глянет из знающих.
Всего записей: 255 | Зарегистр. 28-10-2016 | Отправлено: 16:25 13-05-2024 | Исправлено: erhesrhe, 17:04 13-05-2024
idefikar

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

Код:
#customizationui-widget-panel {
    &:is([animate="false"], [animate="open"]) {
        transform: scale(0.90) !important;
        transform-origin: top right !important;
    }
}

хотя, так тоже работает

Код:
#customizationui-widget-panel {
    transform: scale(0.90) !important;
    transform-origin: top right !important;
}

а если в меню расширений тоже нужно, то добавить первой строкой

Код:
#unified-extensions-panel,

но, скорее всего, вы где то перед этим кодом скобку не закрыли, так как .cui-widget-panel тоже все еще работает.
 
Новые данные ) добавьте к своему коду  !important; и все заработает.
Всего записей: 213 | Зарегистр. 04-08-2022 | Отправлено: 17:48 13-05-2024 | Исправлено: idefikar, 18:25 13-05-2024
erhesrhe



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

Цитата:
#customizationui-widget-panel {
    transform: scale(0.90) !important;
    transform-origin: top right !important;
}

 
А с первым вариантом всплывашка на мгновение уежает вниз на сантиметр-полтора.
 

Цитата:
скорее всего, вы где то перед этим кодом скобку не закрыли, так как .cui-widget-panel тоже все еще работает

Копировал из esr 115 без изминений, не знаю в чем трабла. Нуда ладно работает Ваш второй вариант. Ещё раз Спасибо!
-------------------------------------------------------------
idefikar

Цитата:
Дело в  !important;

Да, c  !important;  старый код заработал

Цитата:
/*размер всплывающих окошек у расширений*/    
.cui-widget-panel:not(#appMenu-popup) {
  transform: scale(0.90) !important;
  transform-origin: top right !important;
}  
Всего записей: 255 | Зарегистр. 28-10-2016 | Отправлено: 18:22 13-05-2024 | Исправлено: erhesrhe, 03:46 14-05-2024
idefikar

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
erhesrhe
Я обновил пост. Дело в  !important; Можете старым кодом пользоваться.
Всего записей: 213 | Зарегистр. 04-08-2022 | Отправлено: 18:26 13-05-2024 | Исправлено: idefikar, 18:28 13-05-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Подскажите, как убрать эту полосу под URL и SEARCH панелями?
Всего записей: 1452 | Зарегистр. 12-10-2002 | Отправлено: 00:15 14-05-2024 | Исправлено: grom17, 10:56 14-05-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, по умолчанию панель вкладок выше панели навигации, по этому без доп. инфы никто не ответит на этот вопрос
Всего записей: 3436 | Зарегистр. 24-10-2002 | Отправлено: 18:19 14-05-2024
grom17



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

Благодарю за участие! Если нужна доп. информация, говорите, я в этих делах не силён.
Запостил ещё на одном дружественном форуме.
 
Добавлено:
Портит всю картину этот скрипт
...если его не применять, то всё норм.
 
Если изменить в:
  --tab_below_navigation_toolbar_bottom_padding: calc( var(--tab-min-height_tnot) + 12px ); /* Интервал между панелью закладок и URL-bar */
значение + 12px на + 7px то зазор исчезает.
Благодарю за помощь!
Всего записей: 1452 | Зарегистр. 12-10-2002 | Отправлено: 19:56 14-05-2024 | Исправлено: grom17, 13:50 15-05-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, по умолчанию высота вкладок 36px. Обычно, кто хочет уменьшить высоту, врубает компактный режим.
Всего записей: 3436 | Зарегистр. 24-10-2002 | Отправлено: 22:21 14-05-2024
grom17



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

Цитата:
по умолчанию высота вкладок 36px

Да, спасибо, я в курсе, исправил конечно у себя, поторопился выложить.
Всего записей: 1452 | Зарегистр. 12-10-2002 | Отправлено: 13:50 15-05-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, если высота вкладок в обычном режиме 36px, то какой смысл стилями переопределять это значение на тоже самое? Наверняка, это ломает опционный компактный режим.
 
Для меня вот какой вопрос интересен. Как стилями уменьшить высоту вкладок в компактном режиме с 29px до 25px без !important?
Всего записей: 3436 | Зарегистр. 24-10-2002 | Отправлено: 15:25 15-05-2024
xrun1



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

Цитата:
уменьшить высоту вкладок в компактном режиме с 29px до 25px без !important?

Было на днях не в профильной теме. Без !important не проверял.
Ссылка и двумя постами выше другой стиль.
Всего записей: 814 | Зарегистр. 26-12-2009 | Отправлено: 22:07 15-05-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, у него в стилях много лишнего, как и у Ариса. Попытка охватить всё и вся. В результате бахыт-компот в каскаде.
Сначала я попробовал переопределить --tab-min-height в классе tab-background, но не сработало. Понял почему и решил сделать так

Код:
:root[uidensity="compact"] #navigator-toolbox {
  --tab-min-height: 25px;
}

Всего записей: 3436 | Зарегистр. 24-10-2002 | Отправлено: 23:36 15-05-2024
grom17



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

Цитата:
в стилях много лишнего, как и у Ариса. Попытка охватить всё и вся. В результате бахыт-компот в каскаде

Согласен 100%. Сейчас исправляю и вижу кучу косяков. И спасибо вам за помощь и за критику тоже, всё правильно сказали.
Всего записей: 1452 | Зарегистр. 12-10-2002 | Отправлено: 09:25 16-05-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Поделитесь пожалуйста наиболее полным стилем icons_in_menu, пробовал несколько вариантов, то там-то тут не хватает иконок.
http://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=960#13 здесь тоже не хватает значков.
Пробовал сам добавлять, ничего не получается. Маловато знаний.
Всего записей: 1452 | Зарегистр. 12-10-2002 | Отправлено: 12:55 16-05-2024 | Исправлено: grom17, 16:30 16-05-2024
erhesrhe



Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, сделал себе для ширины вкладки, по Вашему методу без !important; и оно работает. Пробовал на FF126
Посмотрите правильно ли, ибо в этом я не шарю

Код:
/*ширина вкладки для компактного режима*/
:root[uidensity="compact"] #navigator-toolbox {
  --tab-max-width: 210px;  
}
Всего записей: 255 | Зарегистр. 28-10-2016 | Отправлено: 20:42 16-05-2024 | Исправлено: erhesrhe, 21:08 16-05-2024
xrun1



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Попробуйте.
Скрыто 2 пункта, без иконок, не пользуюсь. Можете сами прикрутить, если надо. И да, без претензий: какие хочу иконки, те и использую.
P.S. Что касается background_menu.css. Их у меня несколько штук, проверил на чистом профиле. Этот чистый, откуда и когда брал не помню. Вроде, работает правильно.
Всего записей: 814 | Зарегистр. 26-12-2009 | Отправлено: 20:58 16-05-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
erhesrhe, 210px? Наверное 21px. Но я приводил код, который не будет уменьшать высоту вкладок ниже 25px, т.к. упирается в высоту дочерних элементов.
 
grom17

Цитата:
Поделитесь пожалуйста наиболее полным стилем icons_in_menu

У меня такого нет. Ставлю иконки только на те пункты, которыми пользуюсь, а таких менее половины от общего кол-ва. icons_in_menu + background_menu не юзаю - слишком много лишнего. Когда-то делал свои стили для иконок в одном css файле без всяких внешних картинок. Часть картинок из состава сабжа, а другая в формате data:image.
Всего записей: 3436 | Зарегистр. 24-10-2002 | Отправлено: 21:25 16-05-2024 | Исправлено: Death_INN, 21:55 16-05-2024
xrun1



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Это про ширину у erhesrhe.
Всего записей: 814 | Зарегистр. 26-12-2009 | Отправлено: 21:56 16-05-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, в упор не увидел. Что-то я не припомню переменной --tab-max-width. Раньше была или в новой версии появилась? А если созданная юзером, то для нее !important не нужен
Всего записей: 3436 | Зарегистр. 24-10-2002 | Отправлено: 22:23 16-05-2024
erhesrhe



Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, у меня был код в esr 115 для высоты и ширины вкладок (уже удалил его), но он не работает в 126.  
Оттуда и брал переменную --tab-max-width.
 
Вот так у меня сейчас

Код:
/*высота-ширина вкладки для компактного режима*/
:root[uidensity="compact"] #navigator-toolbox {
  --tab-min-height: 26px;
  --tab-max-width: 210px;  
}
 
Самое то для меня. Death_INN, Спасибо за код.
Всего записей: 255 | Зарегистр. 28-10-2016 | Отправлено: 23:01 16-05-2024 | Исправлено: erhesrhe, 12:42 17-05-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

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