Перенесение вкладок вниз

Эта статья больше не поддерживается, поэтому её содержание может устареть.

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

Примечание: Правила пользовательского стиля не всегда могут работать из-за других факторов (например, совместимости с другими правилами пользовательского стиля), находящихся не во власти сообщества Mozilla. Ваше правило пользовательского стиля может также перестать работать каждый раз после выхода нового релиза Firefox.</div>

Вот как изменить Firefox, чтобы вкладки отображались ниже адресной строки (URL), а не вверху:

Если в папке профиля Firefox уже есть папка chrome, содержащая userChrome.css, скопируйте соответствующий код для вашей версии Firefox в ваш файл userChrome.css. После сохранения изменений и закрытия файла вы должны включить панель заголовков Firefox или строку меню в Windows.

''В Firefox 64 и более младших: Перейдите на https://www.userchrome.org/what-is-userchrome-css.html и скопируйте CSS-правила, которые находятся здесь под примером "Перемещение панели вкладок ниже других панелей инструментов", в ваш файл userChrome.css.

В Firefox 69 и выше: В Firefox 69 и выше userChrome.css и userContent.css отключены по умолчанию, и вам необходимо проверить параметр в Редакторе настроек Firefox. Для получения дополнительной информации прочитайте эту страницу.

В качестве альтернативы вы можете скопировать следующий код:

Этот код работал в Firefox 64 и ниже.

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

/* TABS on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

Этот код работает в Firefox 65 и выше.

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

/* ВКЛАДКИ: панель навигации внизу — Firefox 65 и выше — исправлено 89+ */

/* ROOT -переменные */
*|*:root {
--tab-toolbar-navbar-overlap: 0px !important;

--tab-min-height: 25px !important; /*переопределение плотности*/
--tab-min-width: 80px !important; /*переопределение умолчания*/

--tab-bottom-adjust: 0px; /*65-73; панель меню,скрытие заголовка*/
}

/* ВКЛАДКИ: панель навигации внизу */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
 -moz-box-ordinal-group: 10 !important;
}

#TabsToolbar {
 -moz-box-ordinal-group: 1000 !important;
}

/* ВКЛАДКИ: позиция */
#TabsToolbar {
  display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}

#tabbrowser-tabs {
width: 100vw !important;
}

/* панель инструментов навигатора: ЗАПОЛНЕНИЕ */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
 padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*ПОДГОНКА*/
  position: relative !important;
}

/* Firefox 65-73 - панель меню,скрытие заголовка*/
*|*:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"])
#toolbar-menubar[autohide="true"] ~ #TabsToolbar{
bottom: var(--tab-bottom-adjust) !important;
}

/* ВКЛАДКИ: ВЫСОТА */
#tabbrowser-tabs,
#tabbrowser-arrowscrollbox,
#tabbrowser-tabs .tabbrowser-tab {
min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* ВКЛАДКИ: ВНЕШНИЙ ВИД */
#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /*ОПЦИОНАЛЬНО*/
background-color: var(--toolbar-bgcolor) !important;
color: var(--toolbar-color) !important;
}
	
/* индикаторы — скрыть  */
.private-browsing-indicator {display: none !important;}
.accessibility-indicator    {display: none !important;}

/* управление окном в полноэкранном режиме — скрыть*/
#TabsToolbar #window-controls {display: none !important;}

/* кнопки с надписями на панели вкладок — скрыть */
*|*:root[tabsintitlebar]:not([inFullscreen="true"])
 #toolbar-menubar[autohide="true"] ~ #TabsToolbar
 .titlebar-buttonbox-container {display: none !important;}

Если у вас ещё нет файла userChrome.css, следуйте этим инструкциям::
(Подробную информацию вы найдете на этой странице помощи и в видео участника нашего сообщества (начинается с 8:45).)

  1. Откройте папку вашего текущего активного профиля: Введите в адресной строке Firefox about:support и в разделе "Сведения о приложении", рядом с "Папка профиля", щёлкните Открыть папку (Windows), Открыть папку (Linux) или Открыть в Finder (Mac).
    • На Mac откроется папка, которая содержит ваш профиль. Откройте папку выбранного профиля (он будет иметь имя, похожее на xxxxxxxx.default для профиля по умолчанию).
  2. Создайте новую папку с названием chrome внутри папки профиля.
  3. Если захотите, можете создать ярлык на рабочем столе для папки chrome для быстрого доступа к ней в будущем.
  4. Загрузите и сохраните этот файл, затем переместите его в эту папку:
  1. Переименуйте файл "userChrome-tabs_on_bottom.css" или userChrome-tabs_on_bottom_Fx70.css, который вы загрузили, в userChrome.css
    • На Windows: Если .css у имени загруженного файла отсутствовал, переименуйте вместо этого файл в userChrome (see the note below).
  2. Перезапустите Firefox, который откроет новый файл userChrome и применит правила.

Совет: Включите панель заголовков или панель меню в Windows после внесения этих изменений.


Примечание для пользователей Windows:'
На Windows расширения файлов по умолчанию скрыты. Если загруженный вами файл был сохранён как "userChrome-tabs_on_bottom" без расширения .css, это означает, что Windows скрывает расширения имён файлов. В этом случае вы должны переименовать файл userChrome для того, чтобы не получился файл с именем "userChrome.css.css", что не сработает. Чтобы настроить Windows на отображение расширений имён файлов, прочитайте Как показать расширение файлов в Windows 10/8/7 на сайте thewindowsclub.com и эти статьи с сайта fileinfo.com для Windows 8 и Windows 10.

Эти прекрасные люди помогли написать эту статью:

Illustration of hands

Станьте волонтёром

Растите и делитесь опытом с другими. Отвечайте на вопросы и улучшайте нашу базу знаний.

Подробнее