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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№705107-12-2019 15:50:25

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 71.0

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

Vitaliy V.
Не подскажите, что с окном в 71 ? Верха не видно, а главное, как нажму на "И" - инструменты , так вверх улетает пикселя на 3
kzr37ius.png

Отсутствует

 

№705207-12-2019 17:30:09

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

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

IAmSelf пишет

После обновления на 73 версию ... Если не ошибаюсь, вот этот код отвечает за такую панель:

Он старый, обновите user_chrome_files + перезапуск ПКМ встроенной кнопкой.
Попробуйте на чистом профиле без др. стилей. Вот если проблема не решится тогда обращайтесь.
А вообще зачем вам 73 или это опечатка? А с этим разобрались https://forum.mozilla-russia.org/viewto … 15#p773015 ?
Или так и используете два архива чего делать не нужно и не правильно

solombala пишет

Не подскажите, что с окном в 71 ?

Да ничего такого по дефолту нет, а что в твой сборке мне не ведомо.
Стили скорей всего кривые на последних страницах их тут много было...

Отредактировано Vitaliy V. (07-12-2019 17:31:49)

Отсутствует

 

№705307-12-2019 18:39:16

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 71.0

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

Vitaliy V.
Обновил ваш user_chrome_files от 2019.11.27: всё подправил, всё работает, спасибо! Но SpecialWidget - Разделитель в Персонализации опять не хочет появляться. Причём, Auto Hide Sidebar работает, SpecialWidget - Растягивающийся интервал в Персонализации есть, а Разделителя -  нет. Вроде, в custom_style_user.css всё раскомментировал. А в custom_script_win.js не пойму, что нужно раскомментировать, чтобы весь SpecialWidget заработал. В Настройках все Стили и Скрипты подключены. Firefox 71.

И ещё, возможно ли в FF 71 сделать так, чтоб Адресная строка не расширялась, когда она активна?

Отредактировано v4386 (07-12-2019 19:04:43)

Отсутствует

 

№705407-12-2019 19:11:36

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

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

v4386 пишет

что нужно раскомментировать, чтобы SpecialWidget заработал

// this.specialwidgets.constructor(); // <-- Special Widgets
// this.autohidesidebar.constructor(); // <-- Auto Hide Sidebar
убрать вначале //   и перезапуск ПКМ как всегда после редактирования...
полагаю у вас и Auto Hide Sidebar не раскомментирован только стиль работал

v4386 пишет

И ещё, возможно ли в FF 71 сделать так, чтоб Адресная строка не расширялась, когда она активна?

это megabar что ли? а что со стилем https://forum.mozilla-russia.org/viewto … 86#p774586
для 71+ ?

Отредактировано Vitaliy V. (07-12-2019 19:11:52)

Отсутствует

 

№705507-12-2019 19:40:22

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 71.0

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

Vitaliy V. пишет

// this.specialwidgets.constructor(); // <-- Special Widgets
// this.autohidesidebar.constructor(); // <-- Auto Hide Sidebar
убрать вначале //   и перезапуск ПКМ как всегда после редактирования...
полагаю у вас и Auto Hide Sidebar не раскомментирован только стиль работал

Фу-ты, чёрт! Я эти значения раскомментировал, но перезапуск делал ЛКМ вместо ПКМ, поэтому они и не появлялись.

Vitaliy V. пишет

это megabar что ли? а что со стилем https://forum.mozilla-russia.org/viewto … 86#p774586
для 71+ ?

Да, это megabar, с вашим стилем закругления краёв Адресной строки, но Выпадающая панель по умолчанию FF 71, без вашего стиля, на который вы ссылаетесь. Так как, если применять  ваш стиль Выпадающей панели с включённым megabar, то нижние края Выпадающей панели получаются прямоугольными.

Отсутствует

 

№705607-12-2019 20:14:01

serega-stavr
Участник
 
Группа: Members
Зарегистрирован: 04-12-2019
Сообщений: 9
UA: Firefox 71.0

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

при расположении вкладок в 2 строки и более строки (адресная строка над вкладками) вторая  строка накладывается на страницу и перекрывает ее, скрин
если адресную строку перенести под вкладки то все нормально, но хочется классического расположения
использую стили от Aris-t2, как то можно сделать чтобы вкладки на страницу не накладывались?

Отсутствует

 

№705707-12-2019 20:44:14

GENNADICH
Участник
 
Группа: Members
Зарегистрирован: 20-05-2011
Сообщений: 55
UA: Firefox 71.0

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

sandro79
Спасибо, да Aris-a - будем разбираться.

Отсутствует

 

№705807-12-2019 20:57:38

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 68.0

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

serega-stavr
Рекомендованное автором для многострочной панели вкладок, как я понял, использование стиля /css/tabs/tabs_below_navigation_toolbar_fx65_v2.css ну и конечно /css/tabs/tabs_multiple_lines_fx71.css или следующий за ним стиль. Скачан последний новый комплект. Описанной вами проблемы не наблюдается.

скрытый текст
57574a4d40af.png

GENNADICH :beer:

Отсутствует

 

№705907-12-2019 21:30:37

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

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

v4386 пишет

закругления краёв Адресной строки

Попробуйте с таким кодом закругления

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

Выделить код

Код:

#urlbar, #searchbar, .searchbar-textbox {
    border-radius: 1000px !important;
    overflow: hidden !important;
}

#urlbar.megabar, #urlbar.megabar > #urlbar-background {
    border-radius: calc(var(--urlbar-height) / 2) !important;
}

#urlbar.megabar > .urlbarView {
    border-bottom-left-radius: calc(var(--urlbar-height) / 2) !important;
    border-bottom-right-radius: calc(var(--urlbar-height) / 2) !important;
}

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

Отсутствует

 

№706007-12-2019 23:10:13

serega-stavr
Участник
 
Группа: Members
Зарегистрирован: 04-12-2019
Сообщений: 9
UA: Firefox 71.0

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

sandro79 пишет

serega-stavr
Рекомендованное автором для многострочной панели вкладок, как я понял, использование стиля /css/tabs/tabs_below_navigation_toolbar_fx65_v2.css ну и конечно /css/tabs/tabs_multiple_lines_fx71.css или следующий за ним стиль. Скачан последний новый комплект. Описанной вами проблемы не наблюдается.


GENNADICH :beer:

спасибо, заработало
думал что для 71-й версии строго соотв. стиль надо включать

Отсутствует

 

№706108-12-2019 02:31:35

IAmSelf
Участник
 
Группа: Members
Зарегистрирован: 03-02-2010
Сообщений: 28
UA: Firefox 71.0

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

Vitaliy V. пишет
IAmSelf пишет

После обновления на 73 версию ... Если не ошибаюсь, вот этот код отвечает за такую панель:

Он старый, обновите user_chrome_files + перезапуск ПКМ встроенной кнопкой.
Попробуйте на чистом профиле без др. стилей. Вот если проблема не решится тогда обращайтесь.
А вообще зачем вам 73 или это опечатка? А с этим разобрались https://forum.mozilla-russia.org/viewto … 15#p773015 ?
Или так и используете два архива чего делать не нужно и не правильно

Да, конечно же описался - я про версию 71...:)
С этим разобрался - нижнюю панель дополнений получил, используя user_chrome_files.zip, проблему с курсором решил его обновлением, заголовок страницы на нижней панели - с использованием подсказки от _zt.
Спасибо всем, помогающим таким как я - не разбирающимся в CSS и JS, но желающим удобства работы с неплохим, в общем-то, браузером.
:beer::beer::beer:

*****UPD*****

А все-таки, если добавить заголовок на нижнюю панел, пользуясь методом _zt, то вновь "проявляется" эффект несрабатывания кнопки на ней, пока курсор не будет на кнопке "в полный рост"...

Отредактировано IAmSelf (08-12-2019 02:38:06)


Брел, брел, брел...

Отсутствует

 

№706208-12-2019 09:38:27

rbl_rbl
Участник
 
Группа: Members
Зарегистрирован: 22-04-2016
Сообщений: 34
UA: Firefox 71.0

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

sandro79
Спасибо за сборку.

Ребта, я добросовестно прочитал последние 5 страниц и возникло 2 вопроса:
1. Почему все помешались на вкладках которые под адресной строкой, есть вариант стиля где вкладки над адресной строкой?
2. Есть где-то место, где выыкладывают готовые стили, которые можно скачать и оставить понравившейся?

Отсутствует

 

№706308-12-2019 09:43:21

sibirnik
Участник
 
Группа: Members
Зарегистрирован: 11-08-2016
Сообщений: 63
UA: Firefox 68.0

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

rbl_rbl пишет

Почему все помешались на вкладках которые под адресной строкой,

Просто так намного удобнее, чаще обращение идёт к вкладкам, чем к остальному...Хотя уж каждого свой вкус и цвет...

Отсутствует

 

№706408-12-2019 10:06:36

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 68.0

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

rbl_rbl пишет

1. Почему все помешались на вкладках которые под адресной строкой, есть вариант стиля где вкладки над адресной строкой?

Так по умолчанию вкладки и так над адресной строкой, поэтому использование большинства стилей так и оставит вкладки над адресной строкой. А в общем стили тут и на https://github.com/Aris-t2/CustomCSSforFx/ , может, еще где.

Отсутствует

 

№706508-12-2019 10:52:12

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1644
UA: Firefox 68.0

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

IAmSelf
Смотрите. Там есть строка /*background: #1B2128 !important;*/, уберите в ней временно  /* и */, после этого вы увидите какое поле стиль использует. Отрегулируйте его так, чтобы ничего не перекрывало, в этих строках
    left: 400px !important; /* поле контента */
    right: 242px !important; /* поле контента */
а потом можете назад закомментировать строку "background", т.е. вернуть /* и */.

Отредактировано _zt (08-12-2019 10:55:35)

Отсутствует

 

№706608-12-2019 12:21:55

IAmSelf
Участник
 
Группа: Members
Зарегистрирован: 03-02-2010
Сообщений: 28
UA: Firefox 71.0

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

_zt пишет

IAmSelf
Смотрите. Там есть строка /*background: #1B2128 !important;*/, уберите в ней временно  /* и */, после этого вы увидите какое поле стиль использует. Отрегулируйте его так, чтобы ничего не перекрывало, в этих строках
    left: 400px !important; /* поле контента */
    right: 242px !important; /* поле контента */
а потом можете назад закомментировать строку "background", т.е. вернуть /* и */.

Все, разобрался! Спасибо еще раз!
Тяжело разбираться, когда в этом не шаришь...:blush:
В общем, если кому надо, вот мой my_userChrome.css:

скрытый текст
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url-prefix("chrome://browser/content/browser.x") {

/*********************Заголовок страницы где указано*********************/
/***https://forum.mozilla-russia.org/viewtopic.php?pid=775433#p775433***/

#main-window::after {
    position: fixed !important;
    content: attr(title) !important;
    /*top: 7px !important; /* отступ сверху */
    /* или */
    bottom: 7px !important; /* отступ снизу */
    left: 30px !important; /* поле контента, начало (отступ от левого края окна FF) */
    right: 800px !important; /* поле контента (окончание, отступ от правого края окна FF) */
    padding-inline-start: 10px !important; /* отступ текста в начале поля контента */
    padding-inline-end: 10px !important; /* отступ текста в конце поля контента */
    text-align: left !important;/**/
    font-size: 12px !important;/**/
    /*font-weight: bold !important;/**/
    color: #000000 !important;/**/
    /*color: #FFFFFF !important;/**/
    /*opacity: 0.8 !important;/**/
    /*background: #000000 !important;/**/
    /*text-shadow: 2px 2px 3px black !important;/**/
}
/****************************************************************************/


Подключается через добавление в userChrome.css вот такого кода:
скрытый текст
/************************************************************************************************/
/************************************************************************************************/
/* Create a new file "my_userChrome.css" and add own/custom code to it. *************************/
@import "./my_userChrome.css"; /**/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/

(Взято из Custom CSS for Firefox 60+)


Брел, брел, брел...

Отсутствует

 

№706708-12-2019 12:26:06

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

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

IAmSelf пишет

если добавить заголовок на нижнюю панел

В 72 этот код не будет работать из-за отсутствия атрибута title на #main-window
пробуйте так

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.x") {
*|*:root:not(:-moz-any([customizing="true"],[inFullscreen],[chromehidden~="toolbar"])) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    position: fixed !important;
    content: attr(label) !important;
    display: block !important;
    bottom: 2px !important; /* отступ снизу */
    left: 0px !important;
    right: 0px !important;
    padding-inline-start: 30px !important; /* отступ в начале */
    padding-inline-end: 30px !important; /* отступ в конце */
    font-size: inherit !important;
    font-weight: bold !important;
    text-align: center !important;
    white-space: nowrap !important;
    line-height: 1.3em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

*|*:root:not(:-moz-any([customizing="true"],[inFullscreen],[chromehidden~="toolbar"])):-moz-lwtheme #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    color: var(--toolbar-color, inherit) !important;
    text-shadow: inherit !important;
}
}

Отредактировано Vitaliy V. (08-12-2019 13:00:02)

Отсутствует

 

№706808-12-2019 12:34:00

m_nikolay
Участник
 
Группа: Members
Зарегистрирован: 01-02-2019
Сообщений: 81
UA: Firefox 68.0

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

Vitaliy V.
Здравствуйте!
Давно не был в теме, все ваши работы использую, всё работало, но вот вчера дёрнуло меня обновить user_chrome_files. Результат обновления - перестал работать скроллбар. Посмотрел файл custom_style_agent, он пустой. Попробовал найти информацию, используя поиск; через полчаса безрезультатного ковыряния темы, решил вас побеспокоить своим вопросом. Как с новыми вашими файлами установить скроллбар? Подскажите, пожалуйста, если будет время и желание. Спасибо, всего наилучшего!:)

Отсутствует

 

№706908-12-2019 12:43:22

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

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

m_nikolay
Отсюда https://github.com/VitaliyVstyle/Vitali … full_theme
замените custom_style_agent.css и добавьте css_agent.css
в настройках должен подключен custom_style_agent.css

Отсутствует

 

№707008-12-2019 12:47:54

IAmSelf
Участник
 
Группа: Members
Зарегистрирован: 03-02-2010
Сообщений: 28
UA: Firefox 71.0

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

Vitaliy V. пишет
IAmSelf пишет

если добавить заголовок на нижнюю панел

В 72 этот код не будет работать из-за отсутствия атрибута title на #main-window
пробуйте так

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.x") {
*|*:root:not(:-moz-any([customizing="true"],[inFullscreen],[chromehidden~="toolbar"])) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    position: fixed !important;
    content: attr(label) !important;
    display: block !important;
    bottom: 2px !important; /* отступ снизу */
    left: 0px !important;
    right: 0px !important;
    padding-inline-start: 30px !important; /* отступ в начале */
    padding-inline-end: 30px !important; /* отступ в конце */
    font-size: inherit !important;
    font-weight: bold !important;
    text-align: center !important;
    white-space: nowrap !important;
    line-height: 1.3em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

*|*:root:not(:-moz-any([customizing="true"],[inFullscreen],[chromehidden~="toolbar"])) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]:-moz-lwtheme::before {
    color: var(--toolbar-color, inherit) !important;
    text-shadow: inherit !important;
}
}

Спасибо! Тоже работает!
Так же сделал из этого кода свой my_userChrome.css...


Брел, брел, брел...

Отсутствует

 

№707108-12-2019 12:54:19

tagnupip
Участник
 
Группа: Members
Зарегистрирован: 05-12-2018
Сообщений: 56
UA: Firefox 71.0

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

Vitaliy V.
можно код под 71.0, смена цвета выделения адресной строки?
этот код не рабочий

Выделить код

Код:

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: #7a7a7a  !important;
}

Отредактировано tagnupip (08-12-2019 12:58:21)

Отсутствует

 

№707208-12-2019 13:09:14

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

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

tagnupip пишет

смена цвета выделения адресной строки?

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

Выделить код

Код:

:-moz-any(#urlbar,#searchbar,*|*.findbar-textbox) *|input::-moz-selection,
*|input.findbar-textbox::-moz-selection {
    background-color: grey !important;
    color: white !important;
}


не только адресной...

Отредактировано Vitaliy V. (08-12-2019 13:10:02)

Отсутствует

 

№707308-12-2019 14:23:20

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 68.0

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

В чем причина неимпорта кода, когда он помещен в дочернюю папку Chrome/my_css/? Сам импортируемый код рабочий. Аналогично с любыми кодами.
@import "./my_css/icons_in_menu.css";

Отредактировано shadow_user (08-12-2019 14:51:10)

Отсутствует

 

№707408-12-2019 14:59:36

m_nikolay
Участник
 
Группа: Members
Зарегистрирован: 01-02-2019
Сообщений: 81
UA: Firefox 68.0

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

Vitaliy V.
Душевно признателен! Всяческого вам добра!:)

Отсутствует

 

№707508-12-2019 15:00:25

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 68.0

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

shadow_user пишет

В чем причина неимпорта кода, когда он помещен в дочернюю папку Chrome/my_css/? Аналогично с любыми кодами.
@import "./my_css/icons_in_menu.css";

У меня получилось сделать так, скачать архив chrome. Я положил icons_in_menu.css в my_css и изменил пути к иконкам в icons_in_menu.css в my_css, т.е. иконки в my_css переместил. Причина в путях. Правда может не совсем правильно понял вас, но работает. Но у меня было изначально подключено так @import "./css/icons/icons_in_menu.css";, но потом отключил, вроде как можно и без иконок обойтись, так лишний груз. По-моему не черта я не понял и то что предложил совсем не то. Извиняюсь, кажется поторопился.
Тут ещё немного есть по теме.

Отредактировано sandro79 (08-12-2019 15:19:28)

Отсутствует

 

Board footer

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