Resposta do Fórum - Separadores debaixo da barra do "URL" (Caminho)

Este artigo não é mais mantido, portanto o seu conteúdo pode estar desatualizado.

O estilo ou aparência do pode ser modificado, criando uma pasta chrome dentro da pasta de perfil do Firefox e depois colocando dentro um ficheiro userChrome.css, que inclui regras de estilo personalizadas. As regras que colocar no ficheiro userChrome.css irão substituir os estilos predefinidos no Firefox.

Nota: as regras de estilo personalizadas poderão não funcionar sempre devido a outros fatores (tal como incompatibilidade com outras regras de estilo personalizadas) além do controle da comunidade da Mozilla. A sua regra de estilo personalizada também pode deixar de funcionar sempre que for lançada uma nova versão do Firefox.

Veja como modificar o Firefox para que os separadores sejam exibidas debaixo da barra de endereço (URL) em vez de no topo:

Se a pasta do seu perfil do Firefox já tem um pasta "chrome" com userChrome.css, copie o código apropriado para a sua versão do Firefox para o seu ficheiro userChrome.css. Depois de guardar as suas alterações e fechar o ficheiro, deveria ativar a sua barra de título do no seu Firefox ou a barra de menu no Windows.

No Firefox 64 e inferior:aqui e copie as regras de CSS sobre o exemplo "Mover a Barra do Separador Por Debaixo das Outras Barra de Ferramentas" aqui para o seu ficheiro userChrome.css. (As regras de CSS que copiou incluem outras sugestões como comentários.)

No Firefox 69 e superior: no Firefox 69 e superior desative userChrome.css e userContent.css por predefinição e deve verificar uma preferência no Editor de Configuração para Firefox. Para mais detalhe, consulte esta página

Alternativamente, pode copiar o código seguinte:

Este código funcionou no Firefox 64 e interior.

@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}

Este código funciona no Firefox 65 e superior.

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

/* TABS: bottom - Firefox 65 and newer */

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
  -moz-box-ordinal-group: 10 !important;
}

#TabsToolbar {
  -moz-box-ordinal-group: 1000 !important;
  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; /*adjust*/
}

/* Firefox 65-73 */
*|*:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"])
 #toolbar-menubar[autohide="true"] ~ #TabsToolbar{
  bottom: var(--tab-min-height) !important;
  padding-top: calc(var(--tab-min-height) - 20px) !important; /*adjust*/
}

/* TABS: height */
*|*:root {
  --tab-toolbar-navbar-overlap: 0px !important;
  --tab-min-height: 25px !important; /*adjust or omit to use density*/
}

*|*:root #tabbrowser-tabs {
  --tab-min-width: 80px !important; /*adjust or omit to use default*/
}

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

/* indicators - hide  */
.private-browsing-indicator {display: none !important;}
.accessibility-indicator    {display: none !important;}

/* window controls hide*/
#TabsToolbar #window-controls {display: none !important;}

/* caption buttons - hide */
*|*:root[tabsintitlebar]:not([inFullscreen="true"])
 #toolbar-menubar[autohide="true"] ~ #TabsToolbar
 .titlebar-buttonbox-container {display: none !important;}

Se ainda não possui um ficheiro userChrome.css, siga estas instruções:
(Consulte esta página de ajuda e o nosso vídeo dos membros da comunidade que começa às 8:45, para mais informação.)

  1. Abra a sua pasta do perfil ativa: digite about:support na barra de endereço do Firefox, e na secção "Informações básicas da aplicação" ao lado de "Pasta do perfil", clique em Abrir pasta (Windows) Abrir Diretoria (Linux) ou Mostrar no Finder (Mac).
    • No Mac, será aberta uma pasta que contém a sua pasta de perfil. Abra a pasta do perfil selecionado (esta terá o nome, tal como xxxxxxxx.default para o perfil predefinido).
  2. Crie uma nova pasta nomeada chrome dentro da pasta do perfil.
    • Crie um atalho da área de trabalho para a pasta chrome, se o desejar, para um acesso futuro mais fácil.
  3. Transfira e guarde este ficheiro e depois mova-o para essa pasta "chrome":
  4. Renomeie o ficheiro de "userChrome-tabs_on_bottom.css" ou o ficheiro userChrome-tabs_on_bottom_Fx70.css que transferiu para userChrome.css
    • No Windows: se .css está em falta no nome do ficheiro transferido, então renomeie o ficheiro userChrome (veja a nota abaixo).
  5. Reinicie o Firefox, que irá descobrir o novo ficheiro userChrome e aplica as regras.

Dica: ative a sua barra de título, ou a barra de menu no Windows, depois de ter efetuado estas alterações.


Nota para os utilizadores do Windows:
No Windows, as extensões do nome do ficheiro estão ocultas por predefinição. Se o ficheiro que transferiu foi guardado como "userChrome-tabs_on_bottom" sem a extensão .css, isso significa que o Windows está a ocultar as extensões do nome do ficheiro. Nesse caso, deve renomear o ficheiro userChrome para que não acabe como um nome de ficheiro "userChrome.css.css" que não irá funcionar. Para definir o Windows para mostrar as extensões do nome do ficheiro, consulte Como mostrar as 'Extensões de Ficheiro' no Windows 10/8/7 em thewindowsclub.com e estes artigos em fileinfo.com para Windows 8 e o Windows 10.

Estas pessoas fantásticas ajudaram a escrever este artigo:

Illustration of hands

Participar

Cresça e partilhe a sua experiência com outras pessoas. Responda a perguntas e melhore a nossa base de conhecimentos.

Saber mais