Para alterar a aparência do botão de menu do Firefox, estaremos editando o arquivo userChrome.css. Este arquivo permite que você altere a aparência de qualquer parte do Firefox, bem como sua funcionalidade.
https://webdesigns.ms11.net/chromeditp.html
Clique no botão Adicionar ao Firefox na página.
NOTA: Tenha muito cuidado com o que você permite ao instalar extensões e outros softwares. Se você não tem certeza sobre o produto ou não confia na empresa, não instale. Testamos o ChromEdit Plus e descobrimos que ele é seguro e confiável.
OBSERVAÇÃO: você pode alterar a duração da contagem regressiva no botão Instalar, mas não recomendamos desativá-la.
Existem três guias por padrão na janela do ChromEdit Plus. Nós estaremos editando o arquivo userChrome.css, que está na primeira aba. Se a guia estiver vazia, copie e cole o seguinte texto na guia userChrome.css e clique em Salvar. Isso fornece um arquivo userChrome.css padrão.
@namespace url(“https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”); #appmenu-button { background: #orange !important; } #appmenu-button dropmarker:before { content: “Firefox” !important; color: #FFFFFF !important; } #appmenu-button.button-text { display: none !important; }
Você pode já ter um arquivo userChrome.css e, nesse caso, já haverá texto na guia userChrome.css. Copie todo o texto acima, exceto a primeira linha, a linha @namespace, e cole-a na guia em algum lugar após a linha @namespace. Se você quiser manter o que você já tem, você pode colar o texto acima no final do arquivo.
IMPORTANTE: Certifique-se de que todas as aspas no userChrome.css NÃO sejam aspas inteligentes, incluindo aquelas na linha @namespace. Eles devem ser citações diretas e diretas. Se algum deles for inteligente, o arquivo não afetará a aparência do Firefox.
Clique em Reiniciar para reiniciar o Firefox usando o arquivo userChrome.css novo ou revisado.
Para alterar a cor do plano de fundo, altere o texto “# orange” na linha “background” na seção “# appmenu-button” para uma cor diferente, usando o código de cores hexadecimais ou o código de cores HTML. Por exemplo, escolhemos um azul escuro com o código de cor hexadecimal de # 2C4362.
NOTA: Para descobrir o código de cores hexagonais para uma cor desejada, consulte nossos artigos sobre como obter códigos de cores hexadecimais de cores RGB decimais, selecionar cores em qualquer lugar da tela e obter códigos de cores em vários formatos.
Para alterar o texto no botão, altere o texto “Firefox” na linha “conteúdo” na seção “# appmenu-button dropmarker: before” para o texto desejado, como “How-To Geek“. Adicionamos um espaço após o texto para ter mais espaço entre o texto e a seta suspensa no botão.
Você também pode alterar a cor do texto alterando a linha “cor” na mesma seção “# appmenu-button dropmarker: before”. Nós deixamos a cor do texto como branco (#FFFFFF), mas você pode mudá-la para algo como um cinza claro (# F2F2F2), ou algo parecido.
Clique em Salvar e, em seguida, em Reiniciar para que as alterações entrem em vigor.
background-image: url(“file:///C:/Users/Lori/Pictures/htg_background.png”) !important;
Clique em Salvar e Reiniciar novamente.