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

Retif · №3276

villa7, спасибо, всё получилось :beer:

Retif · №3277

А кстати. Как бы узнать названия баров?
Ну вот этот, понятно:

Код:

#ctraddon_extra-bar {
border-top: 2px solid !important;
-moz-border-top-colors: #8d9294 #e6e4e0 !important;
}

Т.е. дополнительный бар аддона Classic theme Restorer.

Еще есть PersonalToolbar (если я правильно понял, это название панели закладок). А мне нужно название главной панели, где кнопки Домой, вперед-назад и т.п. Где они вообще все записаны, где эти названия найти можно?

Отредактировано Retif (14-11-2017 10:05:37)

villa7 · №3278

Retif
#PersonalToolbar - закладки
.titlebar-button - кнопки
#nav-bar - панель
Узнавать этим - https://forum.mozilla-russia.org/viewtopic.php?id=56041

Отредактировано villa7 (14-11-2017 10:10:12)

Retif · №3279

А-а, блин, CustomButtons нужны. А этот аддон перестал работать в 56-й версии фаерфокса. Блин-то. Ну ок, подождем.

Добавлено 14-11-2017 10:22:03
Попробовал так:
.titlebar-button {
border-top: 2px solid !important;
-moz-border-top-colors: #8d9294 #e6e4e0 !important;
}
Правильно?
Не помогло. В общем в чем дело. В Windows 7 все и так работает, само, и полоска эта есть. А в Windows 10 её почему-то нет. Разделитель этот между основной панелью с кнопками (домой и т.п.) и верхним меню (File Edit и т.п.) отсутствует:

З.Ы. И панель с адресом почему-то белая.

Отредактировано Retif (14-11-2017 10:22:03)

villa7 · №3280

Retif
Мало чем могу помочь, потому как сижу на ХР и на 42 [firefox] , потому не знаю что там за темы в Вин 10 и какие селекторы в 56 . Попробуйте так, может прокатит.

Выделить код

Код:

#nav-bar  {
box-shadow: 0px -2px 0px 0px #000 !important;
border-top: 2px solid #000 !important;}

или

Выделить код

Код:

#toolbar-menubar {
box-shadow: 0px 2px 0px 0px #000 !important;
border-bottom: 2px solid #000 !important;}

Отредактировано villa7 (14-11-2017 11:54:35)

Retif · №3281

C #nav-bar получилось, спасибо :beer:

А про белый цвет панели адреса не в курсе, случайно?

villa7 · №3282

Retif

Выделить код

Код:

#nav-bar {background: #f00 !important;}

Retif · №3283

Ну это не nav-bar, это адрес-бар какой-то.

villa7 · №3284

Retif

Выделить код

Код:

#urlbar {background: #f00 !important;}

Coroner · №3285

Retif пишет

А этот аддон перестал работать в 56-й версии фаерфокса. Блин-то. Ну ок, подождем.

Установите портативку, сделайте два файла, измените три настройки (фактически одну), и установите Custom Butons для портативки.
Этот комментарий и следующий.
По крайней мере для настройки стилей 57 Attributes Inspector поможет.

Я себе для обычной версии установил и кнопками пользуюь, хотя часть пришлось переделать или выбросить.

Retif · №3286

villa7 пишет

RetifВыделить кодКод:#nav-bar {background: #f00 !important;}

В общем оказалось, у меня адресная строка сидит в #PersonalBar, все получилось, спасибо.

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

Выделить код

Код:

#ctraddon_extra-bar {
    border-top: 2px solid !important;
    -moz-border-top-colors: #8d9294 #e6e4e0 !important;
}

#PersonalToolbar {
    border-top: 2px solid !important;
    -moz-border-top-colors: #8d9294 #e6e4e0 !important;
    background: #c7c7c7 !important
}

#nav-bar {
    border-top: 2px solid !important;
    -moz-border-top-colors: #8d9294 #e6e4e0 !important;
}

Coroner, спасибо за совет, но я подожду выхода новой версии CustomButtons, срочности нет никакой, вроде.

Отредактировано Retif (14-11-2017 13:21:50)

v4386 · №3287

Подскажите, как в FF57 с помощью userChrome.css сделать так, чтоб кнопки стали разноцветными?

villa7 · №3288

v4386
Не знаю как в 57, раньше так можно было раскрасить кнопки.

Выделить код

Код:

#downloads-button > .toolbarbutton-icon {background: #f00 !important;}
#add-ons-button > .toolbarbutton-icon {background: #0f0 !important; }
#home-button > .toolbarbutton-icon {background: #ff0 !important; }

v4386 · №3289

villa7 пишет

v4386Не знаю как в 57, раньше так можно было раскрасить кнопки.Выделить кодКод:#downloads-button > .toolbarbutton-icon {background: #f00 !important;}
#add-ons-button > .toolbarbutton-icon {background: #0f0 !important; }
#home-button > .toolbarbutton-icon {background: #ff0 !important; }

Да. Маленько не то. Хотелось бы, чтоб фон кнопки был прозрачен (как по умолчанию), а вот значок кнопки окрашен.

Acid Crash · №3290

v4386 пишет

Да. Маленько не то. Хотелось бы, чтоб фон кнопки был прозрачен (как по умолчанию), а вот значок кнопки окрашен.

Приветствую.
Наследник CTR позволяет это сделать.
CustomCSSforFx

Если более конкретнее, то вот файл, в котором описана логика закраски иконок.
icons_colorized

Отредактировано Acid Crash (17-11-2017 11:57:09)

velovich · №3291

а можно ли в 57 версии как-то получить две вертикальных панели. одну слева, другую справа. чтобы например слева были закладки, справа аддон tree style tab

TEKTON · №3292

Приветствую.
Как можно продублировать кнопку обновления страницы которая в адресной строке,
в панель вкладок (справа плюсик "открыть новую вкладку" и рядом сделать )

С помощью Dom инспектора просканил кнопку
Вот параметры.

Выделить код

Код:

id="urlbar-reload-button" 
class="chromeclass-toolbar-additional"
command="Browser:ReloadOrDuplicate"
onclick="checkForMiddleClick(this, event);"
tooltiptext="Обновить текущую страницу"
oncommand="BrowserReloadOrDuplicate(event)"

А вот как это всё прописать в userChrome.css забуксовал

unter_officer · №3293

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

villa7 · №3294

TEKTON
Создаёте кнопку с таким Код: BrowserReloadOrDuplicate(event) и вытаскиваете на любое место.

Добавлено 17-11-2017 14:52:15
unter_officer
Не знаю точно как в 57, попробуйте так

Выделить код

Код:

.tabbrowser-tab[selected=true] {
border: none !important; 
box-shadow: none !important;}

Отредактировано villa7 (17-11-2017 14:52:15)

v4386 · №3295

Acid Crash пишет

Если более конкретнее, то вот файл, в котором описана логика закраски иконок.
icons_colorized

Спасибо за подсказку! Разобрался.

unter_officer · №3296

villa7
Не уверен насколько это правильно, однако мне помогло это:

Выделить код

Код:

.tab-line { display: none !important; }

Но всё-равно спасибо.

qawas · №3297

Камрады, как увеличить значки в адресном контейнере (звездочка, многоточие, стрелочка)
или как они называются ?

AspireM3400 · №3298

Ребята подскажите пожалуйста как мне изменить стандартный вид панели закладок в обновленном FF57, на более компактный. Значки нужно совсем убрать чтоб не занимали место. А название ссылок и папок чтобы были разного цвета. Ну и если можно шрифт мельче сделать, чтоб было компактно и похоже на прежний вид как в FF56.

TEKTON · №3299

villa7 пишет

TEKTONСоздаёте кнопку с таким Код: BrowserReloadOrDuplicate(event) и вытаскиваете на любое место.

Создал.
Кнопка появилась.
Перетащил на панельку куда надо.
Но при клике ничего не происходит.
Пробовал вводить значения command и oncommand, но толку ноль.

Надо наверно ещё что то прописать ?

Отредактировано TEKTON (18-11-2017 12:21:41)

villa7 · №3300

TEKTON
Ну тогда не знаю. Это команда браузера, а не от фонаря.

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

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