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

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

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

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



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DeZz
Мне думается, тут и так тем больше, чем пользователей.
Всего записей: 813 | Зарегистр. 26-12-2009 | Отправлено: 13:31 12-08-2024
grom17



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

Цитата:
иконки для всех менюшек

Спасибо за ссылки, чуть позже попробую, потом отпишусь.
Сейчас этой портянкой пользуюсь.
 
Добавлено:
Ссылки хороши тем что разбиты по "секторам", для Гамбургера, для табов и т.д. Жаль что не полный набор иконок в некоторых меню.
Пока останусь на "портянке".
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 14:02 12-08-2024 | Исправлено: grom17, 14:04 12-08-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, я давал начальный трафарет, самый простой из всех, остается только пункты прописывать и пути к иконкам. Все в одном файле, никаких внешних иконок. И можно вообще селекторы не искать, а делать по лейблу, типа [label^="Open File"]. Будет зависимость от языка, но часто ли ты его меняешь?
И зачем иконки на все пункты, да еще одного цвета? Для часто юзаемых можно задать зеленый, для не часто - синий, для опасных, типа делете - красный, а которыми редко пользуешься - ваще без иконки оставить
Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 15:18 12-08-2024
grom17



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

 

Цитата:
остается только пункты прописывать и пути к иконкам
С моими знаниями я смогу только пути к иконкам прописать, до остального я "не дорос".
Поэтому и "выдёргиваю" то там - то тут. Учусь, но что-то в башку ничё не лезет.
 
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 15:30 12-08-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, рекомендую ознакомиться с мануалом в конце шапки
 
Я вот хочу сделать, чтобы при переключении на активную вкладку или после полной загрузки сайта на активной вкладке рисовались с анимацией на одной линии две горизонтальные палки. Увидел у тебя анимацию при наведении мыши на неактивную вкладку. Понравилось, сделал своим способом
Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 17:08 12-08-2024 | Исправлено: Death_INN, 18:44 12-08-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
активной вкладке рисовались с анимацией на одной линии две горизонтальные палки

Не совсем понял, это как?
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 15:03 13-08-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, проще показать, чем объяснить
Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 17:27 13-08-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
проще показать, чем объяснить
По мне так слишком... Ну а так круто конечно!
 
Добавлено:
Немного "доработал" меню настроек и боковое меню с правой стороны.
Все стили "стырены" из разных мест, ну я их для себя и "подкрутил".
Если что-то "криво" - я не виноват!
user.js
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 20:44 13-08-2024 | Исправлено: grom17, 18:34 14-08-2024
xrun1



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Пилить и пилить.
Анимация в адресной строке, на мой взгляд, непрактична.
Всего записей: 813 | Зарегистр. 26-12-2009 | Отправлено: 01:47 14-08-2024
351878



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

Цитата:
А напрасно, т.к. Firefox пока самый вменяемый и настраиваемый под юзера браузер.

да я общем та и не сомневаюсь. я ж просто олд с ватерфокса с ним и сравниваю.
а способом воспользовался. норм. данке шун.
Всего записей: 1175 | Зарегистр. 28-03-2016 | Отправлено: 11:22 14-08-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Подскажите пожалуйста, как на домашней странице у плиток сделать так, что-бы на них цвет текста был всегда белый.
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 17:43 14-08-2024
Death_INN

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

Цитата:
Немного "доработал" меню настроек и боковое меню с правой стороны

Во многих файлах нет отвязки от лептона, так что никто не увидит работу стилей такими, какими видишь ты, пока не установят лептонский пакет с его user.js
Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 18:01 14-08-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
пока не установят лептонский пакет с его user.js

Спасибо, чёт сразу не подумал. Доукомплектовал.
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 18:35 14-08-2024
Death_INN

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

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

Уточни. Цвет меняется с белого на серо-бармалиновый при каких-то условиях? Тема в сабже какая стоит?
Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 21:10 14-08-2024
grom17



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


Я использую только тёмную тему и тёмные обои на домашней странице. Когда переключаюсь в настройках с светлых обоев на тёмные (заменил светлые на свои "тёмные") текста на плитках почти не видно.
Хотелось бы что-бы текст всегда был #FFFFFF, только у меня не получается. И в стилях такого параметра не нашел. По умолчанию (с чистым профилем) так-же переключается.
Моё предположение что где-то в about:config "запрятана" эта настройка.
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 22:43 14-08-2024 | Исправлено: grom17, 22:51 14-08-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, я глянул твой content_user_setting.css Это просто шибздец. Параметры 1) userContent.newTab.animate 2) userContent.newTab.searchbar 3) userContent.page.field_border какие имеют значения? О них ты не упомянул в user.js, а скоко еще других от лептона. Я же не буду его комплект ставить.
Сравни строку 17 и 85. Стили почти дублируются, может стоит убрать лишнее? И подумай почему стили не выполняются с 85 по 93 строку. Подсказка: чуть ранее не хватает закрытой фигурной скобки } Хотя будут выполняться, если userContent.newTab.searchbar=true, т.к. непонятно где кончается область действия настройки
Внутри некоторых {...} последний стиль без точки с запятой. Это плохая практика.
Вот когда все исправишь и выложишь для ознакомления, можно будет сделать текст всегда белым, если он сам по себе не станет белым после всех исправлений. Системную тему в сабже, как понимаю, не юзаешь?
Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 23:27 14-08-2024 | Исправлено: Death_INN, 23:43 14-08-2024
grom17



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

Цитата:
Сравни строку 17 и 85. Стили почти дублируются
Спасибо, устранил.

Цитата:
стили не выполняются с 85 по 93 строку. Подсказка: чуть ранее не хватает закрытой фигурной скобки } Хотя будут выполняться, если userContent.newTab.searchbar=true
Стиль выполняется, видимо потому что параметр userContent.newTab.searchbar=true. Кстати он взят не помню то ли с этого форума, то ли с "соседнего" и мной не менялся.
upd: Здесь - https://forum.mozilla-russia.org/viewtopic.php?pid=792137#p792137

Цитата:
Системную тему в сабже, как понимаю, не юзаешь?
Нет, системную не использую, только тёмную.

Цитата:
Внутри некоторых {...} последний стиль без точки с запятой. Это плохая практика.
Да, я понимаю, но пока детально не разбирался. Но обязательно разберусь.
 
Спасибо всем и в частности вам, за помощь которую я получаю на данном форуме. Это помогает мне получать больше знаний в этом не лёгком деле.
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 10:39 15-08-2024 | Исправлено: grom17, 12:06 15-08-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если я не запутался, то в v115esr есть пункт конт. меню "открыть графику в новой вкладке", а в v129 нет. Скрипт создает такой пункт. Для добавить иконку ID = context-viewimage Код
Всего записей: 7303 | Зарегистр. 14-09-2020 | Отправлено: 10:54 15-08-2024 | Исправлено: gutasiho, 10:55 15-08-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho
Цитата:
Если я не запутался, то в v115esr есть пункт конт. меню "открыть графику в новой вкладке", а в v129 нет.

Если я правильно понял, то вроде всё на месте.
FF129.0.1
Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 11:15 15-08-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, а ты заметил, что когда кликаешь по полю поиска на домашней странице, то высота поиска уменьшается на 2 пикселя. Особенно заметно, если чередуешь клик по полю и в не поля. Давит на глаза. Разрабы нивелируют это добавлением теней, но можно было бы устранить такой "дефект" правильным заданием цвета для бордера вне фокуса
Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 12:27 15-08-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

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