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

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

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

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



Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
не понял про какую рамку ты? заскринь её - а
Всего записей: 6696 | Зарегистр. 05-06-2012 | Отправлено: 03:36 06-10-2023
rubel



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Вот интересно, у всех, кто сейчас юзает   скрипт google-translate.js - переводчик, в адресной строке на любом
сайте появилась иконка Перевод из буфера ?
   
Всего записей: 1442 | Зарегистр. 12-07-2004 | Отправлено: 05:55 06-10-2023
Lagris

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

Цитата:
у всех, кто сейчас юзает   скрипт google-translate.js - переводчик, в адресной строке на любом
сайте появилась иконка Перевод из буфера ?  

Появилась, но, почему-то, не раздражает. Может, иконка симпатичная...
Всего записей: 1264 | Зарегистр. 26-08-2007 | Отправлено: 06:29 06-10-2023
Death_INN

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

Цитата:
не понял про какую рамку ты?

Ты скрин давал уже не раз. При клике на черное поле.
 
rubel

Цитата:
в адресной строке на любом
сайте появилась иконка Перевод из буфера

Да, я ее удалил из кода или можно скрыть, наверное, стилем
Всего записей: 3562 | Зарегистр. 24-10-2002 | Отправлено: 08:10 06-10-2023
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Да, я ее удалил из кода
Дайте, плиз, фрагмент кода, который нужно удалить.
Всего записей: 7757 | Зарегистр. 14-09-2020 | Отправлено: 09:11 06-10-2023
rubel



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

Death_INN (08:10 06-10-2023)
Цитата:
Да, я ее удалил из кода или можно скрыть, наверное, стилем

Стилем я её скрыл:

Код:
#pageAction-urlbar-TranslateBufer1
{ display:none !important; }  

А где поправить код?
 
Всего записей: 1442 | Зарегистр. 12-07-2004 | Отправлено: 09:12 06-10-2023
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Чтобы не целиться в кнопку с мулиметровой точностью, заменить кнопку на кнопку
   
Поиск по img.setAttribute('style', заменить код на этот
Код:
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAIAAABL1vtsAAAACXBIWXMAAArEAAAKxAFmbYLUAAABc0lEQVQ4y2P84mzGQBlgYaAYoBjBrKn79/plgnrQlCGM4Jwwj0lC6kdjKX5TmDV1Oeq7/7149r0gCcUIZk1dJgkpBgYGjvruXyvm/96wErt+fWOOylYGBgYmCSm4WxjhwQkxHsL+vW39r0Uz0f3s6M6eVsDAyMjAwIDsWEbkGGHW1OWoaGFgZ8c0BaH///8fHbV/L56BSzGiRSqztj5HWROaKcj6f86e+GffDmQtjJjpAs2Uf48f4NGP3Qg0U6AAh36cRkBNqWhmYGWDcH/OmoBVP77UySgmwcDCCucyyciTlsCRw4/hz28GVjZWr0AGBgbMmMZuBFr4/3/5nKOskYGdA5cp6GGBNf6YtfUhpmBNdShGsFjas+dVYI0/ZFN+zZ/2e+cmLEYgEjiO+MNlCtQI5Azyc1L7n2MHsQYzk4o6Z8tECBtuCjQ4/16//O/FM4KZ/d+dm99r8jlbJv69eRXdFSQVOUwq6v/u3CScOuladgIAhMrZgyTDTBwAAAAASUVORK5CYII=
В начале блока заменить два числа 16 на 22, т.к. размер иконки 22x22px.
 
Добавлено:
Со времен Custom Buttons помнится, код можно исправить, чтобы окно перевода закрывалось при клике мимо него.
 
Добавлено:
После строки if(w)w.closeWin(); вставить код
Код:
   // Закрывать окно перевода кликом мимо окна
   gBrowser.addEventListener("click", function c() {
      this.removeEventListener("click", c );
      try { doc.getElementById(wId).closeWin() } catch(e) {};
   }, true );
Всего записей: 7757 | Зарегистр. 14-09-2020 | Отправлено: 09:57 06-10-2023
Death_INN

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

Цитата:
Как добавить отображение userContent.css в Инструментах разработчика? Советы из интернета перепробовал

По умолчанию все отображается
 

Цитата:
Запустить браузер, открыть страницу, выделить текст, ПКМ, в конт. меню три пункта переводчика

Не подтверждаю. Два
 

Цитата:
Дайте, плиз, фрагмент кода, который нужно удалить

/* Item.setAttribute("Id", "TranslateBufer"); */
 
/* (id => {...})("TranslateBufer1"); */
 
Всего записей: 3562 | Зарегистр. 24-10-2002 | Отправлено: 11:20 06-10-2023
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
С кодом получилось, спасибо
Цитата:
По умолчанию все отображается
У меня не отображается, во всех интернетах читаю, что не отображается, для отображения сделать то-то и пр.
Цитата:
Не подтверждаю. Два
Таки три, пруф под присягой Видать, какой-то кусок кода лишний, но при пруфе я ничего не менял.
 
Всего записей: 7757 | Зарегистр. 14-09-2020 | Отправлено: 12:02 06-10-2023 | Исправлено: gutasiho, 12:03 06-10-2023
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Правильно или нет, но убрал из контекстного меню фантомный пункт "Перевести страницу", удалив весь раздел //Контекстное меню для перевода страниц , строк 40 кода. И удалил весь раздел //--------Перевести страницу с Google, 9 строчек.
Всего записей: 7757 | Зарегистр. 14-09-2020 | Отправлено: 14:24 06-10-2023 | Исправлено: gutasiho, 08:19 07-10-2023
pangasiys



Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Ты скрин давал уже не раз. При клике на черное поле.  
ты чего-то попутал всё таки, при клике на черноту у меня ниче нету
 
Добавлено:
.......и вообще насчет двух пунктов про буфер я не понимаю нахрена они нужны, удалил оба
Всего записей: 6696 | Зарегистр. 05-06-2012 | Отправлено: 14:35 06-10-2023
Death_INN

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

Цитата:
У меня не отображается, во всех интернетах читаю, что не отображается, для отображения сделать то-то и пр

А если на конкретном примере стиля? Файл(ы) контент стилей не отображаются в правилах или редакторе стилей инструментов разраба?
Всего записей: 3562 | Зарегистр. 24-10-2002 | Отправлено: 15:28 06-10-2023
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Файл(ы) контент стилей не отображаются в правилах или редакторе стилей инструментов разраба?

   
Так понимаю, раз файл не отображается, то и его правила не отобразятся. Там виден usercontext, а не userContent.
pangasiys
Цитата:
и вообще насчет двух пунктов про буфер я не понимаю нахрена они нужны, удалил оба
Скопировал в блокноте или PDF, и перевел из буфера. Я отнюдь не агитирую, мне она тоже не нужна.
Всего записей: 7757 | Зарегистр. 14-09-2020 | Отправлено: 15:41 06-10-2023 | Исправлено: gutasiho, 15:43 06-10-2023
Death_INN

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

Цитата:
Так понимаю, раз файл не отображается, то и его правила не отобразятся. Там виден usercontext, а не userContent

UserContent.css не отображается в редакторе, потому что нет юзерских контентных правил для выбранного блока в инспекторе
Всего записей: 3562 | Зарегистр. 24-10-2002 | Отправлено: 16:04 06-10-2023
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Точно, помогло, спасибо.
Всего записей: 7757 | Зарегистр. 14-09-2020 | Отправлено: 16:44 06-10-2023
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Требуется помощь в нетривиальной задаче - обойтись без выпадающего меню, на верхней картинке - так выглядит сейчас, на нижней - как хотелось бы получить.
   
 
Проверьте, в коде переводчика одно вхождение client=t не заменено на client=gtx видимо, по недосмотру. Как известно с давних пор, это повышает качество перевода. Заменил, работает.
Всего записей: 7757 | Зарегистр. 14-09-2020 | Отправлено: 07:32 07-10-2023
rubel



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Dumby, приспособил скрипт attributesInspector.js для альтернативных загрузчиков.
Смотреть здесь, правда сейчас https://forum.mozilla-russia.org/ не открывается.
Всего записей: 1442 | Зарегистр. 12-07-2004 | Отправлено: 08:52 07-10-2023 | Исправлено: rubel, 08:52 07-10-2023
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, переделай по аналогии с буфером. Даже не знаю, правильно или нет.

Код:
// Контекстное меню для перевода текста-------------------------------------------
    (function () {
        if ( document.getElementById("TranslateSelected") ) return;
        var contextMenu = document.getElementById("contentAreaContextMenu");
        var Item = document.createXULElement("menuitem");
        Item.setAttribute("id", "TranslateSelected");
        Item.setAttribute("label", "Translate Selected");
        Item.setAttribute("class", "menuitem-iconic");
        Item.setAttribute("image", mainicon);
        Item.addEventListener("command", function(){ujs_google_translate()}, false);
 
        contextMenu.insertBefore(Item, document.getElementById("context-viewpartialsource-selection") );
        addDestructor(function() { contextMenu.removeChild( Item ) });
 
        addEventListener("popupshowing", function() {
            Item.hidden = !gContextMenu.isTextSelected;
        }, false, contextMenu );
    })();

Всего записей: 3562 | Зарегистр. 24-10-2002 | Отправлено: 10:22 07-10-2023
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Заменяю вашим блоком одноименный блок, от // Контекстное меню для перевода текста и до конца файла, конт. меню пропадает совсем.
 
Добавлено:

Цитата:
переделай по аналогии с буфером
Соображаю так, что выше делал неправильно, а нужно было блок "перевод из буфера" заменить вашим кодом.
Всего записей: 7757 | Зарегистр. 14-09-2020 | Отправлено: 11:20 07-10-2023
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, почему до конца? В самом конце должно быть }); Это от init(() => {
Всего записей: 3562 | Зарегистр. 24-10-2002 | Отправлено: 11:36 07-10-2023
Открыть новую тему     Написать ответ в эту тему

Страницы: 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

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