Полезная информация

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№455117-08-2018 11:43:19

leshiy_odessa
Участник
 
Группа: Members
Зарегистрирован: 13-02-2009
Сообщений: 288
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

rgdru пишет

ссылка протухла.
Vitaliy V. или если у кого-то сохранилась, перезалейте.

https://github.com/VitaliyVstyle/VitaliyVstyle.github.io/tree/master/stylesff/toolbars

Отсутствует

 

№455217-08-2018 20:36:17

Solomon597
Участник
 
Группа: Members
Зарегистрирован: 14-08-2018
Сообщений: 5
UA: Firefox 56.0

Re: Настройка внешнего вида Firefox в userChrome.css

rgdru пишет

Вот здесь https://forum.mozilla-russia.org/viewtopic.php?pid=756580#p756580 Vitaliy V. выкладовал
Вертикальнаю панель + Доп. и Ниж. панели. ссылка протухла.
Vitaliy V. или если у кого-то сохранилась, перезалейте.

Поддерживаю, до 57 использовал Vertical Toolbar, справа панельку делал, это очень удобно, кто успел скачать - поделитесь.
Ой, поделились уже, спасибо!

Отредактировано Solomon597 (17-08-2018 20:41:32)

Отсутствует

 

№455320-08-2018 14:50:08

MrDvD
Участник
 
Группа: Members
Зарегистрирован: 16-08-2018
Сообщений: 6
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

Здравствуйте.
Возможно ли ставить на один пункт в контекстном меню разные иконки в зависимости от некоторых условий, к примеру, от названия пункта?
Захотел настроить интерфейс [firefox], но толком ничего не знаю:/

Отсутствует

 

№455421-08-2018 13:42:06

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 312
UA: Firefox 57.0

Re: Настройка внешнего вида Firefox в userChrome.css

MrDvD пишет

Возможно ли ставить на один пункт в контекстном меню разные иконки в зависимости от некоторых условий, к примеру, от названия пункта?

Вопрос сформулирован не совсем понятно ;) Можно определённому пункту контекстного меню назначить свою иконку. Пример для пункта Сохранить изображение как...

Выделить код

Код:

#context-saveimage {
    list-style-image:url("./icons/image-save.png") !important;
}

Css-селекторы для большинства пунктов описаны здесь - https://old.reddit.com/r/firefox/commen … text_menu/

Отсутствует

 

№455521-08-2018 15:38:10

MrDvD
Участник
 
Группа: Members
Зарегистрирован: 16-08-2018
Сообщений: 6
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

Вопрос сформулирован не совсем понятно

Хорошо, постараюсь более подробно объяснить.

Я хочу поставить для пункта "Убрать звук во вкладке" иконку, однако всё не так просто...

скрытый текст
Ссылка на фотографии https://bit.ly/2N7YGIW

На 1 фотографии (ссылка выше) видно, что всё нормально. Однако если посмотреть на 2 фотографию, то можно увидеть, что иконка, которая так и говорит "Выключить звук", стоит на пункте "Восстановить звук во вкладке".
Так вот, я хочу поставить другую иконку, которая будет соответствовать пункту, но не знаю как. (Собственно поэтому я и пришёл сюда:))

Кстати, сам код для создания иконки я брал из этой темы: https://forum.mozilla-russia.org/viewtopic.php?id=54393. Чем он отличается от вашего (кроме того, что он больше)? Я его немного подкорректировал, он выглядит на данный момент так:

скрытый текст

Выделить код

Код:

#context_toggleMuteTab {
  -moz-appearance: none !important;
  background: url(file:///"Путь до иконки") 6px 2px no-repeat !important;
    min-height: 22px !important;
}
#context_toggleMuteTab:hover {
  background-color: rgb(145, 201, 247) !important;
}

Отсутствует

 

№455621-08-2018 17:47:25

sn260591
Участник
 
Группа: Members
Зарегистрирован: 26-09-2015
Сообщений: 89
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

MrDvD

Выделить код

Код:

#context_toggleMuteTab[label="Убрать звук во вкладке"]

Отсутствует

 

№455721-08-2018 19:02:34

MrDvD
Участник
 
Группа: Members
Зарегистрирован: 16-08-2018
Сообщений: 6
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

sn260591, cпасибо!:beer:

На данный момент мой код для пункта "Убрать звук во вкладке" выглядит так:

скрытый текст

Выделить код

Код:

#context_toggleMuteTab[label="Убрать звук во вкладке"] {
  -moz-appearance: none !important;
  background: url(file:///Путь до иконки OffSound) 6px 2px no-repeat !important;
    min-height: 22px !important;
}
#context_toggleMuteTab[label="Восстановить звук во вкладке"] {
  -moz-appearance: none !important;
  background: url(file:///Путь до иконки OnSound) 6px 2px no-repeat !important;
    min-height: 22px !important;
}
#context_toggleMuteTab:hover {
  background-color: rgb(145, 201, 247) !important;
}

Отсутствует

 

№455822-08-2018 15:10:19

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1160
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

MrDvD
Можно просто раскрасить стандартную иконку https://forum.mozilla-russia.org/viewtopic.php?pid=723866#p723866
У меня так

скрытый текст

Выделить код

Код:

.tabbrowser-tab .tab-icon-sound {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill") !important;
    fill: Green !important;
}

.tabbrowser-tab[selected="true"] .tab-icon-sound {
    fill: DarkGreen !important;
}

.tabbrowser-tab .tab-icon-sound:hover, .tabbrowser-tab .tab-icon-sound[muted="true"]:hover {
    fill: DarkRed !important;
}

.tabbrowser-tab .tab-icon-sound[muted="true"] {
    fill: Red !important;
}


А если используете vertical_top_bottom_bar от Vitaly https://github.com/VitaliyVstyle/VitaliyVstyle.github.io/blob/master/stylesff/toolbars/
то можно сделать свою кнопку для панели, добавив в файл toolbars.xml
скрытый текст

Выделить код

Код:

try {
                    let id = "add-sound-realtek-app";
                    if (this._getWidget(id)) {
                        CustomizableUI.createWidget({
                            id: id,
                            label: "Звук текущей вкладки",
                            tooltiptext: "Вкл/Откл звук текущей вкладки",
                            onCommand: function(event) {
                                  window.gBrowser.selectedTab.toggleMuteAudio();
                            }
                        });
                    }
                } catch(e) {}


а в userChrome.css из этого архива

Выделить код

Код:

#add-sound-realtek-app {
    list-style-image: url("./svg/sound_realtek_x16.png") !important;
}

и свою иконку положить по соответствующему пути. Я привёл свой пример.
https://i.imgur.com/KBQbeqw.png

Отсутствует

 

№455923-08-2018 12:44:37

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3141
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

Контекстное меню Thunderbird. Сверху вниз в теле письма.

скрытый текст

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#mailContext-selectall, /* Выделить всё*/
#mailContext-sep-clipboard, /* menuseparator*/
#mailContext-replySender, /* Ответить отправителю*/
#mailContext-replyAll, /* Ответить всем*/
#mailContext-replyList, /* Ответить в рассылку*/
#mailContext-forward, /* Переслать*/
#mailContext-forwardAsMenu, /* Переслать как*/
#mailContext-editAsNew, /* Редактировать как новое сообщение*/
#mailContext-sep-reply, /* menuseparator*/
#mailContext-tags, /* Присвоить метку*/
#mailContext-mark, /* Отметить*/
#mailContext-sep-afterMarkMenu, /* menuseparator*/
#mailContext-archive, /* Архивировать*/
#mailContext-moveMenu, /* Переместить в папку*/
#mailContext-copyMenu, /* Копировать в папку*/
#mailContext-moveToFolderAgain, /* Повторить перемещение в «Входящие»*/
#mailContext-delete, /* Удалить сообщение*/
#paneContext-afterMove, /* menuseparator*/
#mailContext-ignoreThread, /* Пропустить обсуждение*/
#mailContext-ignoreSubthread, /* Пропустить ветку обсуждения*/
#mailContext-watchThread, /* Отслеживать обсуждение*/
#mailContext-afterWatchThread, /* menuseparator*/
#mailContext-saveAs, /* Сохранить как…*/
#mailContext-printpreview, /* Предварительный просмотр*/
#mailContext-print, /* Распечатать…*/


#mailContext-openNewWindow, /* Открыть в новом окне*/
#mailContext-openConversation, /* Открыть в разговоре*/
#mailContext-sep-open2 /* menuseparator*/

{display: none !important;
}

Отсутствует

 

№456024-08-2018 14:03:03

dragodim
Участник
 
Группа: Members
Зарегистрирован: 10-01-2014
Сообщений: 2
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

Добрый день!
Подскажите, пожалуйста, что нужно изменить в userChrome.css чтобы уменьшить расстояние между иконками закладок на видимой панели закладок?
У меня только иконки без названий. Их много и они не все помещаются по всей ширине панели. Сейчас между иконками промежуток где то 1мм.

Отредактировано dragodim (24-08-2018 14:05:56)

Отсутствует

 

№456125-08-2018 09:17:06

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 228
UA: Firefox 62.0

Re: Настройка внешнего вида Firefox в userChrome.css

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

__________.jpg

#context_reloadTab+menuseparator{display:none!important}
#context_toggleMuteTab+menuseparator{display:none!important}
не помогли

Отсутствует

 

№456225-08-2018 13:12:43

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

momo2000
+  убери. Проще все убрать
#tabContextMenu menuseparator{display:none!important}

Отсутствует

 

№456325-08-2018 14:53:15

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3141
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

momo2000
#tabContextMenu > menuseparator:nth-child(3)
№4436

Отредактировано oleg.sgh (25-08-2018 14:55:03)

Отсутствует

 

№456425-08-2018 15:28:58

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 228
UA: Firefox 62.0

Re: Настройка внешнего вида Firefox в userChrome.css

drage2
oleg.sgh
:beer:

Отсутствует

 

№456527-08-2018 17:42:14

ez7pac
Участник
 
Группа: Members
Откуда: Кубань
Зарегистрирован: 27-12-2015
Сообщений: 198
UA: Firefox 60.0

Re: Настройка внешнего вида Firefox в userChrome.css

Ребят, можно шрифт названия вкладок увеличить? И значки не мешало бы, но хотя бы шрифт...

скрытый текст
FF.1535380886.jpg

Отсутствует

 

№456627-08-2018 19:14:08

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3141
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

ez7pac

Выделить код

Код:

/* размер шрифта вкладок */
.tab-text {font-size: 22px !important;
}

Отсутствует

 

№456727-08-2018 21:38:45

ez7pac
Участник
 
Группа: Members
Откуда: Кубань
Зарегистрирован: 27-12-2015
Сообщений: 198
UA: Firefox 60.0

Re: Настройка внешнего вида Firefox в userChrome.css

oleg.sgh, спасибо большое! Отлично, то, что доктор прописал!

Отсутствует

 

№456827-08-2018 23:42:51

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1160
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

Кто-нибудь пробовал сделать кнопку для панелей Виталия "Менеджер паролей" (Настройуи --> Приватность и Защита --> Сохранённые логины...)?

Выделить код

Код:

onCommand: function(event) {
                                gContextMenu.openPasswordManager();
                            }

не работает.:(

Отсутствует

 

№456928-08-2018 00:23:21

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

xrun1
/*CODE*/
var host = content.document.domain.replace(/^www./g,'');
window.openDialog("chrome://passwordmgr/content/passwordManager.xul", "SignonViewerDialog", '', {filterString: host});

Отсутствует

 

№457028-08-2018 01:52:50

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1160
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

drage2
Должно быть так?

скрытый текст

Выделить код

Код:

try {
                    let id = "имя-для-кнопки";
                    if (this._getWidget(id)) {
                        CustomizableUI.createWidget({
                            id: id,
                            label: "Менеджер паролей",
                            tooltiptext: "Сохранённые логины",
                            onCommand: function(event) {
                                 var host = content.document.domain.replace(/^www./g,'');
                                 window.openDialog("chrome://passwordmgr/content/passwordManager.xul", "SignonViewerDialog", '', {filterString: host});
                            }
                        });
                    }
                } catch(e) {}


Не сработало...

Отсутствует

 

№457128-08-2018 07:17:10

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2129
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

xrun1 пишет

Должно быть так?

Нет не так, и уж точно никакое не должно́. Пробуй как-нибудь,
но возню с протоколоми и хостом оставим заинтересованным.

скрытый текст

Выделить код

Код:

CustomizableUI.createWidget({
    id: "add-open-passwordmanager",
    label: "Менеджер паролей",
    tooltiptext: "Сохранённые логины",
    onCommand(e) {
        var host;
        try {var {host} = e.view.gBrowser.currentURI;} catch(ex) {}
        e.target.LoginHelper.openPasswordManager(e.view, host);
    },
    onCreated(btn) {
        btn.setAttribute("image", "data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////////////////////////////////////////////////////////////////////////////////////////9eDAP/XgwD/14MA/9eDAP/XgwD/14MA/9eDAP/XgwD/14MA/9eDAP/XgwD/14MA/9eDAP/XgwD////////////XgwD/14MA/9eDAP/XgwD/14MA/9eDAP/XgwD/14MA/9eDAP/XgwD/14MA/9eDAP/XgwD/14MA////////////14MA/9eDAP//////////////////////14MA////////////14MA/9eDAP/XgwD/14MA/9eDAP///////////9eDAP/XgwD//////////////////////9eDAP/XgwD////////////XgwD/14MA/9eDAP/XgwD////////////XgwD/14MA////////////14MA/9eDAP/XgwD/14MA/9eDAP///////////9eDAP/XgwD/14MA////////////14MA/9eDAP///////////9eDAP/XgwD/14MA/9eDAP/XgwD/14MA////////////14MA/9eDAP///////////9eDAP/XgwD////////////XgwD/14MA/9eDAP/XgwD//////////////////////9eDAP/XgwD////////////XgwD/14MA////////////14MA/9eDAP/XgwD//////////////////////9eDAP/XgwD/14MA////////////14MA/9eDAP///////////9eDAP/XgwD/14MA////////////14MA/9eDAP/XgwD/14MA/9eDAP///////////9eDAP/XgwD////////////XgwD/14MA/9eDAP/XgwD////////////XgwD/14MA/9eDAP/XgwD////////////XgwD/14MA////////////14MA/9eDAP/XgwD/14MA/9eDAP///////////9eDAP/XgwD/14MA////////////14MA/9eDAP///////////9eDAP/XgwD/14MA/9eDAP/XgwD/14MA///////XgwD/14MA/9eDAP///////////9eDAP/XgwD/14MA/9eDAP/XgwD/14MA/9eDAP/XgwD/14MA/9eDAP/XgwD/14MA/9eDAP/XgwD////////////XgwD/14MA/9eDAP/XgwD/14MA/9eDAP/XgwD/14MA/9eDAP/XgwD/14MA/9eDAP/XgwD/14MA////////////////////////////////////////////////////////////////////////////////////////////AACsQQAArEEAAKxBAACsQQAArEEAAKxBAACsQQAArEEAAKxBAACsQQAArEEAAKxBAACsQQAArEEAAKxBAACsQQ==");
        var win = btn.ownerGlobal;
        win.XPCOMUtils.defineLazyGetter(btn, "LoginHelper", () => win.LoginHelper ||
            win.ChromeUtils.import("resource://gre/modules/LoginHelper.jsm", null).LoginHelper
        );
    }
});

Отсутствует

 

№457228-08-2018 11:45:00

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 319
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

xrun1.
Приветствую.
Вот тут есть рабочая кнопка для Менеджера паролей.

Тыц
Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.


Упомянутой Вами панелью от Виталия не пользуюсь, а вот обычной кнопкой для навбара (через этот скрипт), очень даже)).
Может пригодится...

Отредактировано Acid Crash (28-08-2018 15:07:49)

Отсутствует

 

№457328-08-2018 14:43:05

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 60.0

Re: Настройка внешнего вида Firefox в userChrome.css

xrun1
добавлю "возню" с базовым доменом

скрытый текст

Выделить код

Код:

try {
                    let id = "add-open-passwordmanager";
                    if (this._getWidget(id)) {
                        CustomizableUI.createWidget({
                            id: id,
                            label: "Менеджер паролей",
                            tooltiptext: "Открыть менеджер паролей",
                            onCreated: function(node) {
                                Object.defineProperty(node, "lazyGetters", {
                                    value: {
                                        get LoginHelper() {
                                            delete this.LoginHelper;
                                            var win = node.ownerDocument.defaultView;
                                            if ("LoginHelper" in win)
                                                return this.LoginHelper = win.LoginHelper;
                                            if (("ChromeUtils" in win) && ("import" in win.ChromeUtils))
                                                return this.LoginHelper = win.ChromeUtils.import("resource://gre/modules/LoginHelper.jsm", {}).LoginHelper;
                                            return this.LoginHelper = Components.utils.import("resource://gre/modules/LoginHelper.jsm", {}).LoginHelper;
                                        }
                                    },
                                    writable: true,
                                    configurable: true,
                                    enumerable: false
                                });
                            },
                            onCommand: function(event) {
                                var win = event.target.ownerDocument.defaultView;
                                var uri = win.gBrowser.currentURI;
                                var eTLDService = Components.classes["@mozilla.org/network/effective-tld-service;1"].getService(Components.interfaces.nsIEffectiveTLDService);
                                var eTLD;
                                try {
                                    eTLD = eTLDService.getBaseDomain(uri);
                                } catch (e) {
                                    eTLD = uri.asciiHost;
                                }
                                event.target.lazyGetters.LoginHelper.openPasswordManager(win, eTLD);
                            }
                        });
                    }
                } catch(e) {}


и иконка в userChrome.css (или можно добавить атрибут image как у Dumby в код выше)
скрытый текст

Выделить код

Код:

#add-open-passwordmanager {
    list-style-image: url("иконка") !important;
}

Отсутствует

 

№457428-08-2018 15:19:03

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1160
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

Dumby
Vitaliy V.
Спасибо, работают оба варианта.
Acid Crash
Я не заню, как прикручивать эти кнопки. А необходимый минимум себе сделал с панелями от Vitaliy V.

скрытый текст
Того, что было у меня с CB не вернёшь (отвалился после обновления 59 на 60 и ни с какими конфигами и разными версиями CB [firefox] не работает; даже скачанная отсюда портабельная 60 после пары перезапусков заблокировала CB). :(

Отсутствует

 

№457529-08-2018 08:59:04

ser8nik
Участник
 
Группа: Members
Зарегистрирован: 15-02-2011
Сообщений: 134
UA: Firefox 61.0

Re: Настройка внешнего вида Firefox в userChrome.css

Можно ли как-нибудь убрать эту белую линию с панели вкладок?
545a72123961.png

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]