比较修订

Resposta comum de como mover as abas para baixo da barra de ferramentas.

O estilo e a aparência do Firefox podem ser [https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Tutorial/Modifying_the_Default_Skin modificados], criando uma pasta de nome '''chrome''' dentro da [[Profiles - Where Firefox stores your bookmarks, passwords and other user data|pasta do seu perfil do Firefox]] e colocando ali um arquivo de nome '''userChrome.css''', que inclui regras de estilo personalizadas. As regras presentes no arquivo userChrome.css substituem o estilo padrão no Firefox. '''''Nota:''' Regras de estilo personalizadas podem não funcionar sempre, devido a outros fatores (como incompatibilidade com outras regras de estilo personalizadas) que estão além do controle da comunidade Mozilla. Suas regras de estilo personalizadas também podem deixar de funcionar em novas versões do Firefox. Veja como modificar o Firefox para que as abas sejam exibidas abaixo da barra de endereços (URL), em vez de ficar acima dela: '''Caso a pasta do seu perfil do Firefox já tenha uma pasta de nome chrome contendo um arquivo userChrome.css''', copie o código apropriado à sua [[Find what version of Firefox you are using| versão do Firefox]] para dentro do seu arquivo userChrome.css. Após salvar suas alterações e fechar o arquivo, você deve [[Customize Firefox controls, buttons and toolbars|desativar a barra de título do Firefox]], ou barra de menu no Windows.<br> '''No Firefox 64 e anteriores:''' Visite a página https://www.userchrome.org/what-is-userchrome-css.html e copie a regra CSS do exemplo "Move the Tab Bar Below the Other Toolbars" [https://www.userchrome.org/what-is-userchrome-css.html#movetabbar here] para seu arquivo userChrome.css. (As regras CSS deste exemplo incluem outras sugestões com comentários.) ''' No Firefox 69 em diante:''' A partir do Firefox 69, por padrão fica desativado o userChrome.css e o userContent.css, sendo necessário alterar uma preferência no [[Configuration Editor for Firefox]]. Consulte mais detalhes [https://www.userchrome.org/firefox-changes-userchrome-css.html nesta página]. Como alternativa, você pode copiar o seguinte código: '''Este código funciona no Firefox 64 e anteriores.''' <pre><nowiki>@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} </nowiki></pre> '''Este código funciona no Firefox 65 em diante.''' <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* TABS: below nav-bar - Firefox 65 and newer - fixed 89+ */ /* ROOT -variables */ *|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important; /*override density*/ --tab-min-width: 80px !important; /*override default*/ --tab-bottom-adjust: 0px; /*65-73; menubar,titlebar hidden*/ } /* TABS: below nav-bar */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) { -moz-box-ordinal-group: 10 !important; } #TabsToolbar { -moz-box-ordinal-group: 1000 !important; } /* TABS: position */ #TabsToolbar { display: block !important; position: absolute !important; bottom: 0 !important; width: 100vw !important; } #tabbrowser-tabs { width: 100vw !important; } /* navigator-toolbox: PADDING */ *|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox { padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*ADJUST*/ position: relative !important; } /* Firefox 65-73 - menubar,titlebar hidden */ *|*:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar{ bottom: var(--tab-bottom-adjust) !important; } /* TABS: HEIGHT */ #tabbrowser-tabs, #tabbrowser-arrowscrollbox, #tabbrowser-tabs .tabbrowser-tab { min-height: var(--tab-min-height) !important; max-height: var(--tab-min-height) !important; } /* TABS: APPEARANCE */ #TabsToolbar { height: var(--tab-min-height) !important; margin-bottom: 1px !important; box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /*OPTIONAL*/ 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 in full screen - hide*/ #TabsToolbar #window-controls {display: none !important;} /* caption buttons on tab bar - hide */ *|*:root[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {display: none !important;} </nowiki></pre> ---- '''Se você ainda não tem um arquivo userChrome.css, siga essas instruções:<br> (Mais informações nesta [https://www.userchrome.org/how-create-userchrome-css.html página de ajuda] e neste [https://vimeo.com/242513527 vídeo de um membro da nossa comuniodade, a partir de 8:45]<!-- for localizers: these are English language pages -->). #Abra a pasta do seu perfil ativo atual assim: Digite '''about:support''' na barra de endereços do Firefox. Na seção "Informações básicas sobre o aplicativo", ao lado de {for win,mac}"Pasta do perfil"{/for}{for linux}"Diretório do perfil"{/for}, clique em '''Abrir pasta''' (Windows), '''Abrir diretório''' (Linux) ou '''Mostrar no Finder''' (Mac). #*'''No Mac''', é aberta uma pasta que contém a pasta do seu perfil. Abra a pasta selecionada do perfil (o nome é algo como ''xxxxxxxx.default'' para um perfil padrão). #Crie uma nova pasta com nome '''chrome''' dentro da pasta de perfil. #*Se quiser depois ter acesso mais fácil, crie um atalho na área de trabalho para essa pasta '''chrome'''. #Baixe e salve este arquivo, depois mova para essa pasta chrome: #*'''No Firefox 68 a 71 (Windows e Linux):'''<br>[https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx68-71_WindowsLinux.css] #*'''No Firefox 68 a 71 (MacOS):'''<br>[https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx68-71_MacOS.css] # Renomeie o arquivo baixado ("userChrome-tabs_on_bottom.css" ou "userChrome-tabs_on_bottom_Fx70.css") para '''userChrome.css''' #*'''No Windows:''' Se não aparecer o sufixo .css no nome do arquivo baixado, em vez de renomear o arquivo para '''userChrome.css''', renomeie para '''userChrome'''<!-- https://support.mozilla.org/en-US/questions/1189654#answer-1038747 --> (leia a nota abaixo). #Reinicie o Firefox, que descobrirá o novo arquivo userChrome e aplicará as regras. ---- '''Dica:''' [[Customize Firefox controls, buttons and toolbars|Ative a barra de título]], ou a barra de menu no Windows, após fazer essas alterações. ---- '''Nota para usuários do Windows:'''<br>No Windows, por padrão a extensão do nome dos arquivos não é exibida. Se o arquivo que você baixou aparecer como "userChrome-tabs_on_bottom", sem a extensão .css, quer dizer que o Windows está ocultando a extensão do nome dos arquivos. Neste caso, você deve renomear o arquivo para '''userChrome''', assim não acabará com um arquivo de nome "userChrome.css.css" que não funcionaria. Para configurar o Windows para exibir a extensão do nome dos arquivos, <!-- for localizers: these are English language pages --> consulte [https://www.thewindowsclub.com/show-file-extensions-in-windows How to show File Extensions in Windows 10/8/7] no site thewindowsclub''.''com e os artigos para [https://fileinfo.com/help/windows_8_show_or_hide_file_extensions Windows 8] e [https://fileinfo.com/help/windows_10_show_file_extensions Windows 10] no site fileinfo''.''com.