Firefox com o visual do Windows 7

08/05/2009, às 16:06 — Por Alexandre L. Franco — Em: Deskmod, Dicas e tutoriais Comente!

Atualização 1: Após algumas sugestões do Helito (valeu!), mudei o ícone drop-down para este

e adicionei, para as três versões, estilos sem nenhum ícone nos favoritos.

Eu estava na dúvida se esta minha modificação valia ou não um post no site, até que o Rodrigo me convenceu. Então, como publicada no fórum, repasso-a para vocês aqui com algumas modificações, claro.

O método do Firefox igual ao Vista já é um pouco antigo e mesmo assim ainda é usado por muita gente, inclusive por mim. O que muitos notam a usá-lo no Windows 7 é que ele não combina muito com o Explorer do mesmo, porque este é bem mais claro.

Decidi então fazer uma modificação de estilo baseada nesta, mas começando do zero, usando apenas as orientações das classes do Firefox (.tabbrowser, #PersonalToolbar, etc.) usadas na versão do Vista. O resultado ficou interessante, mesmo que eu ainda seja um zero à esquerda quanto a modificar o CSS do Firefox.

Os arquivos estão em *.css, então para quem quiser fazer a modificação sem complementos só é preciso ou trocar o nome do arquivo para userChrome.css e colocá-lo na pasta %AppData%\Mozilla\Firefox\Profiles\[número do seu perfil]\chrome, ou copiar o código do arquivo para um userChrome.css já existente.

Já para quem não quiser fazer a modificação no arquivo, só é preciso baixar a extensão Stylish. Com ela, você cria um novo estilo e coloca nele o conteúdo de um dos arquivos abaixo.

Versão Aero: Ícones estilo Windows 7 | Todos os ícones | Nenhum ícone

Firefox estilizado com a Versão Aero.

Versão Padrão: Ícones estilo Windows 7 | Todos os ícones | Nenhum ícone

Firefox estilizado com a Versão Padrão.

Versão Padrão azulada: Ícones estilo Windows 7 | Todos os ícones | Nenhum ícone

Firefox estilizado com a Versão Padrão azulada

Lembrando que não é preciso ter Glasser, Windows 7 e nem Windows Vista. Você pode usar a modificação em qualquer SO que suporte o Firefox 3 e talvez até o Firefox 2. No entanto eu só testei nas versões 3.5b4 e a 3.0.10 do mesmo.

Provavelmente vocês iram achar modificações bem parecidas internet afora, como eu mesmo encontrei numa busca ao Userstyles.org. No entanto, todas que eu encontrava careciam de alguns detalhes e um capricho que haviam na modificação estilo Vista e, por isso, decidi fazer o meu mesmo e acabei por compartilhar com todos vocês.

Comentários sobre possíveis erros e sugestões são mais que bem-vindos.

Tags: css, expansão, firefox, stylish, tema, userchrome, visual, windows 7

Quem escreveu?

Alexandre L. Franco. Paulistano, 16 anos, estudante de Ensino Médio e de Edificações, e, mesmo estudando esta área, é fanático por informática, principalmente pela área de Design e a de Jogos desde 1998.
Posts deste autor — Mande um e-mail

Twitter Facebook Delicious FriendFeed Windows Live Imprimir / PDF

Posts relacionados

Neste dia, em outros anos...

Anderson

Legal. Achei maravilhoso. Só que eu uso Internet Explorer :)

Caio Alexandre

Nossa, pensei que só eu usava o Internet Explorer nesse mundo! :lol:

Fábio

Bem vindo ao clube! :-P

Lucas Carvalho

Dos loucos que usam IE! *zoa

Rick

que eu participo!

JuaAo

eu to começando a usar ele um pouquinho...por que o ie 8 no seven é lindo de mais..

sHiNoBi

Tow no clube :D

Lucas Monteiro

Eu já fiz as atualizações, mas o meu IE8 continua dando erro ... outra: eu não uso um navegador por causa da beleza, mas sim pela qualidade e capacidade de ler as piores gambiarras do mundo...

Lucas Monteiro

Caramba, se ainda não largou do Internet Explorer? sai dessa vida!

Até que ele está um pouco melhor na versão 8, mas ainda sim não troco Firefox por nada nesse mundo ... você nem se importa tanto com o Firefox, porque não é você que se mata para deixar o tema do blog totalmente perfeito em todos os navegadores, já que a WordPress.com faz questão de que tudo esteja baaum e bonito.

Everton Cesario

Caramba, se ainda não largou do Firefox? sai dessa vida!

Até que ele está um pouco melhor na versão 3.5, mas ainda sim não troco Opera 10 por nada nesse mundo … você nem se importa tanto com o Opera, porque não é você que se mata para deixar o tema do blog totalmente perfeito em todos os navegadores, já que a WordPress.com faz questão de que tudo esteja baaum e bonito.

Marco Ceschini

Esqueça todos os navegadores antes do Chrome, é leve, seguro e traz um pouco de bom de cada navegador já existente. Depois que experimentei o Chrome, fica difícil voltar ao IE

Uchiha

Muito bom...

Fernando

Eu tbm uso o Internet Explorer!!!! (de vez em quando) :)

Muito boa a dica... já to usando...

aprovado!!

Eduardo

Alguns sites eu uso ele...
mas eu uso mais o Chrome 2 beta, O melhor que ja vi em questão de velocidade.. :D

Diogenes

Por que aqui a barra principal do FF3 não ficou com esse efeito transparente ? Detalhe: O Aero está ligado.

Alexandre Franco

Você está instalou o Glasser?

FLws!

Diogenes

Não. Mesmo no Windows 7 é necessário a instalação ? É que segui o tutorial como esta no post e não parei para ler o link do tutorial antigo.

Matheus Bonela

Sim, é necessária. https://addons.mozilla.org/en-US/firefox/addon/...

JuaAo

está com a parencia do Windows Live Toolbar.
muito bonita,eu queria por no firefox como a M$ é egoista e só fez pro IE...

Helito

Ótimo trabalho! Já estou usando o primeiro (sem os ícones). É o melhor na minha opinião.

Só alguns detalhes que reparei: Ícone de pasta na barra de favoritos não é ocultado e a cor da fonte é diferente do Explorer do Windows 7.

Não faço idéia se tem como mexer nesses detalhes, mas dependendo, que tal uma versão 1.0.1? :P

Alexandre Franco

Eu fiz naquele estilo porque no Explorer do Windows 7 há ícones seletivos, aparecendo geralmente para pastas e alguns programas.

A cor da fonte é a mesma da do Explorer (usei o seletor de cores numa screenshot para achá-la). O que causa certa diferença é o efeito aplicado nas fontes, aquela sombra branca resultante do Aero do Windows, que além disso aí faz o favor de cortar um pixel das letras (não sei se é problema do Firefox, mas no XP as fontes não eram cortadas assim).

Vou ver se faço tal versão, porque não é difícil tirar todos os ícones. Não tirei simplesmente porque achei que a barra dos favoritos ficaria muito crua sem um mísero ícone.

FLws!

Helito

Hum, entendi. É que tipo, o menu "Organize" não tem ícone. E sem querer ser chato, a setinha é maior. :P

Imagem: http://img19.imageshack.us/img19/2687/imgmsn.png

Enfim, independente desses detalhes continuarei usando. Obrigado!

Alexandre Franco

É, acabei por fazer as modificações :) . Não foram difíceis, mas sim cansativas :P . Valeu o resultado, agora está um pouco mais parecido com o Windows 7. A única coisa que eu acho não ser possível mudar via CSS é o estilo do mouseover, que ainda está um pouco diferente do Explorer.

FLws!

Helito

Opa, para mim ficou perfeito. Se melhorar estraga! Valeuzão!

Márcio Gomes

Ótimo mod, mas eu também tenho que confessar que estou usando mais o IE8 do que o Firefox. Mas, vou testar estar esta dica assim que puder. :)

Diogenes

Não. Mesmo no Windows 7 é necessário a instalação ? É que segui o tutorial como esta no post e não parei para ler o link do tutorial antigo.

Alexandre Franco

É preciso sim, o Firefox ainda não tem transparência nativa (e parece que não vai ter mesmo na versão 3.5 final).

FLws!

Seu Madruga

Legal, gostei !

Hugo

Só muda a barra de favoritos mesmo ? pq aqui só ela que foi modificada. E o Glasser não funciona no Firefox 3.5 beta 4.

Alexandre Franco

Muda a barra de favoritos e o fundo da barra de abas.

O Glasser funciona no Firefox 3.5b4 através do complemento Nightly Tester Tools, que permite instalar versões antigas de add-ons em versões novas do FF.

FLws!

Hugo

Mesmo depois de instalar esse addon que vc postou, eu continuo não conseguindo instalar o Glasser aqui no Firefox 3.5 b4. Qual é a mágica pra fazer funcionar ?

Alexandre Franco

Na página onde baixa a extensão, vá em Ver todas as versões, que fica um pouco abaixo do link normal para se baixar. Lá você consegue baixar qualquer versão sem limitação. É só escolher a versão para Firefox 3.5b3 e pronto.

FLws!

Hugo

Valeu cara, agora funcionou.

Alexandre Franco

Muda a barra de favoritos e a barra de abas (só o fundo).

O Glasser funciona no Beta 4 através da extensão Nighly Tester Tools, que permite instalar versões antigas de add-ons em versões novas do FF.

FLws!

Thiago

"Lembrando que não é preciso ter Glasser, Windows 7 e nem Windows Vista. "

Precisa do Glasser sim, não funciona a transparência sem esse pluguin. Mas eu queria entender como você fez esse ícone das "abas" não entendi.

Diogenes

“Lembrando que não é preciso ter Glasser, Windows 7 e nem Windows Vista. ”
Acho que tem alguma coisa confusa aqui. Primeiro como o colega disse é necessário o Glasser já que não há transparência nativa no FF3, porém ao tentar instalar o complemento através do link passado recebemos a mensagem de que ele não é compatível com o FF3. Até agora não entendi como funciona a dica.

Alexandre Franco

Esta dica modifica apenas a barra de favoritos e o fundo da barra de abas. A transparência não é possível através de um simples CSS e precisa de um add-on, que é o Glasser. Para colocar o Glasser em versões mais novas do Firefox, use a extensão Nighly Tester Tools, que força a instalação de versões antigas de add-ons em versões novas do FF.

FLws!

Marcel

Pra quem usa a versão 3.0.10 do FF tem Glasser compátivel já
https://addons.mozilla.org/pt-BR/firefox/addons...
Versão 1.0.16

Diogenes

Boa. Instalei e agora deu certo. Obrigado

lida fx15 gazeteler biber hapı

Thanks for admin..

Vinícius Novais

Firefoxeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee, hahahahahaha.
Eu uso o Firefox já tem é tempo, uns 2 ou 3 anos. Já me acostumei com ele, navegadorzinho super estável, ótimo.

Matheus Silva Santos

Ghedin, você sabe como posso mudar o estilo da shellstyle?
Estou fazendo um tema para o Windows 7 e preciso saber como mudar a shellstyle...

Luan

Alguem pode me ajudar?

Eu tinha o XP, dai formatei e instalei o Windows 7. Uso ele normalmente, depois de uns minutinhos ele trava, tendo que reiniciar o computador para voltar ao normal, ok! Mas depois de um tempinho trava de novo.

Ja mandei um técnico limpar as sujeiras por dentro da CPU e continua o mesmo erro.

Meu pc:

1 GB de RAM
80 de HD
2.80 Ghz
250 MB da placa de vídeo.

:(

gui.gos

Deu um pouco de trabalho mais funcionou, obrigado!

sinomar

eu gostei do seu site

Thiago Brandão

Qual extensão que você usa para abrir novas abas?

Alexandre Franco

Você fala daquele "+" que existe do lado da aba? Se for aquilo, não é extensão, é uma novidade build-in que foi coloca nas versões 3.1 Beta em diante.

FLws!

astc

e maassssaa

João

Desculpe-me fazer este comentário tanto tempo após o post ser publicado. Espero que alguém ainda leia este comentário e saiba me ajudar hehe. Bom, vamos à minha dúvida: o progresso de um download do IE8, no Windows 7, é mostrado no ícone da taskbar (que vai sendo "preenchido" em verde). Tem algum jeito de fazer os downloads do Firefox serem exibidos assim, também? Acho aquela animação muito bonita e não queria perdê-la...

Alexandre Franco

Jõao, infelizmente este recurso ainda é limitado à programas da Microsoft e, mesmo assim, alguns destes não mostram a barra de progresso na superbar(alguns aplicativos do próprio Windows não a mostram ainda).

De acordo com o Bugzilla, uma implementação maior do Firefox ao Windows 7, como previews de cada aba e jump lists, está prevista para a versão 3.6 (se esta também não tiver sido alterada para 4.0 depois de algum tempo de desenvolvimento). Quem sabe este recurso do Windows 7 não seja incluído até lá também.

FLws!

João

Hmm... Ok, então. Espero que num futuro todos os programas tenham aquela animação, que além de muito bonita, é também útil como se fosse uma preview do que ocorre em tal janela.

Obrigado, Alexandre! =)

Paulo

No meu Windows 7 precisei instalar o Glasses pra ficar realmente transparente mas a barra de bookmarks ainda nao ficou transparente, qual eh o problema?