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

xrun1 · №5526

LegosX
https://forum.mozilla-russia.org/viewtopic.php?pid=758911#p758911
Подставляешь свою в base64, как в примере или, например, так
var defaultFavicon = ".\image\globe.png";

Вит · №5527

xrun1
А как заменить этот палец на звездочку например? Спасибо

xrun1 · №5528

Вит
Если есть иконка, на любом онлайн-сервисе перекодировать в base64 (например, https://www.askapache.com/online-tools/base64-image-converter/ или https://icoconvert.com/) и заменить значение в var defaultFavicon. У меня такое

Выделить код

Код:

var defaultFavicon = "data:image/png;base64,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";

Можно не перекодировать, а просто подставить свою иконку, как указал выше
var defaultFavicon = ".\image\globe.png"; // типа лежит в папке image
Иконки можно утащить
https://findicons.com/
https://www.iconsearch.ru/
http://www.iconarchive.com/

Отредактировано xrun1 (27-01-2019 20:16:01)

Вит · №5529

xrun1
Что-то не получается подставить свою иконку. Положил в папку image иконку png 16x16, вставил var defaultFavicon = ".\image\globe.png"; и опять тот же Глобус. Что я делаю не так?
А в редакторе, по вашей ссылке-получилось

Отредактировано Вит (27-01-2019 20:54:50)

xrun1 · №5530

Вит
Да, у меня тоже не получается подставить иконку. Тогда только конвертировать в base64, так работает.

LegosX · №5531

Вот спасибо! Всем низкий поклон! А то уж думал отказываться от фаерфокса! Столько сил и мучений потратил а надо было сразу спросить на помогающем форуме!
Подсунул в omni.ja -chrome-toolkit-skin-classic-mozappps-places-defaultFavicon.svg свой defaultFavicon.svg. Свой файл 16*16 состряпал в кореле который уже был на пк. Сперва переименовал omni.ja в omni.ja.rar, экстракт в папку, подсунул свой svg, обратно в архив, переименовал всё как было, вернул в папку мозилы, запустил и сразу краш - ни как не идёт. Потом решил без перераспаковок, прямо в окне winrar удалил defaultFavicon.svg и подсунул свой. И всё заработало!

Отредактировано LegosX (27-01-2019 22:01:53)

LegosX · №5532

теперь можно какой угодно фавикон дефолтный установить!

ссылка на фавикон в виде буквы e http://file.sampo.ru/8vt5z2/

drage2 · №5533

LegosX
В winrar не обязательно.Просто ассоциировать ja , как winrar, и svg тоже не обязательно . Любую иконку png можно, просто изменить png на svg и закидывай куда надо.

Neytrino · №5534

Родился ещё один маленький вопросик:
Индикаттор приватного режима...

Иконку ему я поменял, а вот как бы загнать его в левуй верхний угол фокса..?

Выделить код

Код:

.private-browsing-indicator
    {
    background-image: url("./svg/privatebrowsing.svg") !important;
    }

Отредактировано Neytrino (28-01-2019 16:45:02)

drage2 · №5535

Neytrino
.private-browsing-indicator
{
background-image: url("./svg/privatebrowsing.svg") !important;
margin-left: -x?em !important;
margin-right: x?em !important;
}

Neytrino · №5536

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

Vitaliy V. · №5537

Neytrino

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

Выделить код

Код:

:root[privatebrowsingmode="temporary"] .private-browsing-indicator {
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl'><binding id='privatebrowsing'><implementation><constructor><![CDATA[ this.setAttribute('ordinal', '0'); ]]></constructor></implementation></binding></bindings>#privatebrowsing") !important;
}

для

65+ можно только CSS

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

Выделить код

Код:

.private-browsing-indicator {
    -moz-box-ordinal-group: 0 !important;
}

Отредактировано Vitaliy V. (29-01-2019 01:53:45)

Neytrino · №5538

Vitaliy V., спасибо огромное ещё раз - просто шикарно!

drage2 · №5539

Vitaliy V.
Здесь никак? Там класс один обе панели убираются , а надо только "место для перетаскивания" убрать

https://forum.mozilla-russia.org/viewto … 74#p766374

Отредактировано drage2 (29-01-2019 13:04:08)

Vitaliy V. · №5540

drage2 пишет

Здесь никак? Там класс один обе панели убираются

ну ты даёшь, там id трудно не заметить..

Выделить код

Код:

#customization-extra-drag-space-checkbox {
    display: none !important;
}

1fesFFFF · №5541

Здравствуйте.
На FF 64 был стиль "multi rows", когда вкладки в несколько строк.

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

/* #PanelUI-quit #PanelUI-customize #PanelUI-help */
#PanelUI-footer #PanelUI-footer-inner {direction:rtl !important;}

.tabbrowser-tab:not([pinned]) {min-width:35px;max-width:35px;}
.tabbrowser-tab,.tab-background {height:var(--tab-min-height);}
.tab-stack {width: 100%;}
#tabbrowser-tabs .scrollbox-innerbox {display: flex;flex-wrap: wrap;}
#tabbrowser-tabs .arrowscrollbox-scrollbox {overflow: visible;display: block;}
#titlebar,#titlebar-buttonbox{height:var(--tab-min-height) !important;}
#titlebar{margin-bottom:calc(var(--tab-min-height)*-1) !important;}
#main-window[sizemode="maximized"] #titlebar{margin-bottom:calc(6px + var(--tab-min-height)*-1) !important;}
#main-window[sizemode="maximized"] #TabsToolbar{margin-left:var(--tab-min-height);}
#titlebar:active{margin-bottom:0 !important;}
#titlebar:active #titlebar-content{margin-bottom:var(--tab-min-height) !important;}
#tabbrowser-tabs .scrollbutton-up,.tabbrowser-tabs .scrollbutton-down,#alltabs-button,.tabbrowser-tab:not([fadein]){display: none;}

Можете починить, чтобы работало на [firefox]

65 ?

drage2 · №5542

Vitaliy V.

Я сто раз так и делал, но теперь заработало....Надо отдохнуть, что-то я часто "тупого включать" начал...
А, это как? "По умолчанию"
Не то , там где тема дефолтная . в xul не нашел , скриптом иконка задается

Отредактировано drage2 (29-01-2019 17:56:17)

Garalf · №5543

Vitaliy V.
В FF65 перестала работать смена расположения панелей, т. е. панель вкладок не опускается под панель навигации.

#TabsToolbar {-moz-box-ordinal-group:3 !important; }
#PersonalToolbar {-moz-box-ordinal-group:2 !important; }
#nav-bar {-moz-box-ordinal-group:1 !important; }

Как это поправить?

Отредактировано Garalf (29-01-2019 18:26:43)

Acid Crash · №5544

Garalf пишет

Vitaliy V.
В FF65 перестала работать смена расположения панелей, т. е. панель вкладок не опускается под панель навигации.
#TabsToolbar {-moz-box-ordinal-group:3 !important; }
#PersonalToolbar {-moz-box-ordinal-group:2 !important; }
#nav-bar {-moz-box-ordinal-group:1 !important; }
Как это поправить?

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

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

Тут чуть больше описано

Отредактировано Acid Crash (30-01-2019 00:39:54)

Garalf · №5545

Acid Crash
Спасибо. Попробовал, вроде работает)
Небольщие косяки правда присутствуют (как раз вторая ссылка на такой косяк указывает). Думаю, автор исправит

Отредактировано Garalf (30-01-2019 08:37:48)

GENNADICH · №5546

Garalf
Да, то же такой косяк появился - будем подождать.

Acid Crash
Спасибо!

shurff · №5547

Acid Crash пишет

#TabsToolbar {-moz-box-ordinal-group:3 !important; }
#PersonalToolbar {-moz-box-ordinal-group:2 !important; }
#nav-bar {-moz-box-ordinal-group:1 !important; }

CSS понимаю мало. Ранее файл userChrome скачал с этого форума в котором были три строки из цитаты выше. Пожалуйста если кого не затруднит, напишите опять эти строки для файла userChrome, чтоб вкладки переехали под адресную строку.

drage2 · №5548

Как убрать "правка" и "масштаб" и их сепараторы тоже. Это не работает

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

Выделить код

Код:

#appMenu-zoom-controls,
#appMenu-edit-controls (
  display: none !important;
)

Отредактировано drage2 (30-01-2019 12:31:25)

Timon · №5549

Добрый день.
В 64 фоксе при светлой и темной темах, заголовок окна с табами не окрашивался в системный цвет. В 65 стал...
Как сделать так как было в 64 фоксе?
Спасибо.

Acid Crash · №5550

shurff пишет

Acid Crash пишет
#TabsToolbar {-moz-box-ordinal-group:3 !important; }
#PersonalToolbar {-moz-box-ordinal-group:2 !important; }
#nav-bar {-moz-box-ordinal-group:1 !important; }
CSS понимаю мало. Ранее файл userChrome скачал с этого форума в котором были три строки из цитаты выше. Пожалуйста если кого не затруднит, напишите опять эти строки для файла userChrome, чтоб вкладки переехали под адресную строку.

Можно по разному.
Проще всего вот так.
Сначала копируем в userChrome.css код из первого файла, потом из второго (убрав строку (6): @import "./tabs_below_navigation_toolbar.css"

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

Сам это не использую, но должно сработать.

drage2 пишет

Как убрать "правка" и "масштаб" и их сепараторы тоже.

Выделить код

Код:

#appMenu-zoom-controls, #appMenu-edit-controls, #appMenuRestoreLastSession + toolbarseparator, #appMenu-zoom-controls + toolbarseparator {display: none !important;}

Отредактировано Acid Crash (30-01-2019 12:43:43)

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

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

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

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

Код:

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

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

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

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

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

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

Код:

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

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

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

Код:

Код:

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

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

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

Код:

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

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

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

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

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

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

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

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

Код:

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

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

Код:

Board footer