Web standards, arquitetura da informação, usabilidade, acessibilidade, tecnologia, filosofia de buteco (sic), e qualquer coisa em uma casca de noz!

Ir direto para o conteúdo

Mudando o layout

Por: Henrique Pereira

Sunday 30 April 2006 às 15:01

Categoria: Pessoal

O que acharam do meu novo layout? Estou fazendo alterações no design do site agora mesmo, live. Por isso se você passar por aqui neste domingo que antecede o dia do trabalho, vai ver que eu tive muito trabalho hoje, e isso deve se prolongar por mais algumas horas.

Resolvi fazer a maioria das alterações direto no servidor e não localmente só pra sentir o gosto do perigo! Essa nova bem feitoria envolve o layout e o CSS apenas. Basicamente eu nem toquei no código fonte.

[update:01-05-2006//10:44 am] Testei este novo layout no Internet Explorer 6, Mozilla Firefox 1.5.0.2 e Opera 8.54. Se alguém tiver algum problema na renderização em qualquer browser e quiser me enviar algum screen shoot por gentileza, eu agradeço. Nos meus testes o layout ficou perfeito nestes 3 browsers. Certifiquem-se de que nada do passado esteja cacheado na sua máquina.

Artigos relacionados:

Este texto não pode ser copiado ou reproduzido em nenhum outro site na íntegra sem autorização do autor!. Mais detalhes sobre licença de uso aqui!



Existem 34 comentários para “Mudando o layout”

# 1° [- sObRaL -] Sunday 30 April 2006 às 15:28GMT

Direi de novo: LINDÃO! Tá muito mais bonito! Quero só ver no fim do dia!

# 2° Paulo Eduardo Sunday 30 April 2006 às 15:43GMT

henrique, tá show gostei muito do cabeçalho e do footer com esse estilo de “rasgado” as cores tambem ficaram muito boas, o calendario no menu da um destaque legal para os dias onde houve post, mas o q eu achei q ficou mais legal foi os livros no menu, um do lado do outro de dois em dois com a borda em hover amarelo, não gostava muito daquele com um em baixo do outro, achava q extendia demais o menu e o usuario tnha que descer muito pra chegar no final, mas assim ficou otimo, o titulo das seções no menu em amarelo no aul tambem deu um destaque legal, acho q só falat um setinha pra baixo para os desavisados perceberem que é expansivel.

# 3° Bruno Chaves Sunday 30 April 2006 às 15:54GMT

:)
na minha conexao discada aqui nao to conseguindo ver todas as imagens :)

# 4° Mário S. Ontivero Sunday 30 April 2006 às 16:29GMT

Bem mais interessante! ;-)

# 5° Thássius Veloso Sunday 30 April 2006 às 16:45GMT

Eu diria que ele está perfeito se em cima do header não estivesse um texto flutuando. Como isso vai ser corrigido: tá perfeito.

# 6° DiReis Sunday 30 April 2006 às 16:49GMT

Viu loco o layout mando bem =)
gostei muito agora ta muito legal o contraste de cores so acho q o menu lateral poderia começar fechado =) fico enorme aqui

# 7° Marcelo Barros Sunday 30 April 2006 às 18:16GMT

Henrique, extremamente clean e enfim, ótemo! Adorei.

# 8° Alexandre Tucci Sunday 30 April 2006 às 18:17GMT

Parabéns , de muito bom gosto!

acho que não é só de informações que se destaca um site, tem que estar agradavel de se ver tambem…

OBS: sempre que tento postar acontece isso,

“Error: This file cannot be used on its own.”

ai quando desabilito meu firewall ele posta , vc poderia ver por que esta acontecendo isso.

abraços

# 9° Pedro Cab Sunday 30 April 2006 às 18:23GMT

Definitivamente tu tem talento pra coisa! Parabéns! =)

E pra fazer essas mudanças direto no servidor tem que ter coragem, além de talento, parabéns mais uma vez.

# 10° Germano Bona Sunday 30 April 2006 às 19:41GMT

Parabéns velhinho.. ta ficando bala!!

# 11° Alexandre Roberto Pereira Sunday 30 April 2006 às 19:48GMT

Tá ficando muito bonito, mas tá com um erro no menu esquerdo. O calendário tá saíndo pra fora na parte de cima.

Uso o Firefox 1.5 no Windows XP.

# 12° Bruno Alves Sunday 30 April 2006 às 20:11GMT

Parabéns, ficou muito bom.

Abraço.

# 13° Tiago Ayer Sunday 30 April 2006 às 20:23GMT

Salve, Salve…

Realmente está muito bom !!!

[]‘s

# 14° Rafael Dourado Sunday 30 April 2006 às 22:35GMT

Show de bola. Bem melhor que o anterior.
Só uma correção: muNdando o layout?

# 15° Zephon Sunday 30 April 2006 às 22:41GMT

Só não gosto ainda de uma coisa: Image Replacement. Uma fonte romana ou serifada ainda seriam melhores.

# 16° Francisco dos Santos Monday 01 May 2006 às 04:28GMT

Este layout está muito melhor do que o anterior.

Parabéns!

# 17° Mario Monday 01 May 2006 às 08:15GMT

Pois é, a imagem do footer no Firefox não está a aparecer.
O layout está muito legal, parabens pela mudança.

# 18° felipe tonello Monday 01 May 2006 às 11:44GMT

Olá Henrique..
Estou usando o FF 1.5.0.1 e o menu e o rodapé ficaram errados..
o menu em cima está meio que saindo para o lado direito e o rodapé está com o azul do background sem mais nada.. as letras estão confusas de ler..
isso se dá no konqueror também!!!

detalhe que estou usando pelo linux… mas era para dar a mesma coisa!!

Abraços

# 19° Newton de Góes Horta Monday 01 May 2006 às 11:57GMT

Depois que passei a conhecer o Revolução Etc esta é a quarta versão de seu layout. E olha que não faz tanto tempo assim.

E cada versão supera a anterior em qualidade, do ponto-de-vista estético e técnico.

Do jeito que vai, o Henrique corre o sério risco de seus leitores não lerem seus artigos e ficarem tão somente apreciando seus excelentes “dotes” como Web Design.

Brincadeiras a parte, mais uma vez meus parabéns pelo excelente trabalho.

# 20° Nelson Martins Monday 01 May 2006 às 12:05GMT

No Opera 9 beta ela deu um probleminha, mas talvez por ele ser beta(e esse beta saiu com varios bugzinhos que os week build não tinham) seja melhor esperar sair a versão final para ver se não é algum bug no browser mesmo…
http://img460.imageshack.us/img460/4084/img3gi.jpg

# 21° Rafael Monday 01 May 2006 às 13:07GMT

Mudou algo além de algumas cores e uma ou duas imagens?

# 22° Ricardo Monday 01 May 2006 às 15:09GMT

ah sim, o problema e no canto superior esquerdo, o H1 fica aparecendo ali..

# 23° Marcelo Tuesday 02 May 2006 às 03:30GMT

O pessoal, leia o post dele, é só limpar o cache que a pagina renderiza perfeito.

E o layout ficou legal, mas eu preferia o amarelão!

# 24° Pedro Rogério Tuesday 02 May 2006 às 09:40GMT

Parabéns jovem, ficou bem legal!!!

# 25° Ciro Feitosa Tuesday 02 May 2006 às 10:56GMT

Bem melhor em comparação ao anterior. O contraste ficou melhor de ler. Só vim ver hoje, pois estava viajando. Abraço Henrique!

# 26° Dudu Figueiredo Tuesday 02 May 2006 às 18:28GMT

Parabéns Henrique, ficou mais agradavel do que o antigo, acho que a combinação de cores ficou menos cansativa aos olhos.

Ah, assim como o Nelson Martins disse acima, eu também vi os problemas no Opera 9 Beta.

# 27° Eduardo Tuesday 02 May 2006 às 20:32GMT

Oi Henrique, parabéns, coisa linda, ótimo equilíbrio de cores e muito jóia o menu de recolher.
Só acho que de certa forma, poucos sacam que ele pode expandir, sugiro qualquer imagem que incentive o clique no menu.
Tirei uma screen também em meu Firefox 1.5.0.2, e apresenta um pauzinho no calendário e no footer.

http://educarrega.no-ip.info/etc.jpg

Parabéns!

# 28° Eduardo Tuesday 02 May 2006 às 20:34GMT

Saquei, na verdade, demorou pra carregar as imagens de fundo que colocou.. nada grave.

# 29° Leonatdo Alberto Souza Wednesday 03 May 2006 às 03:47GMT

Simplismente maravilhosso!

# 30° NixNod Monday 08 May 2006 às 06:22GMT

Muito bom !!!!
acho que ficou melhor assim do que o anterior, gosto desse tipo de design ;)
Parabéns

# 31° Bruno Dulcetti Wednesday 10 May 2006 às 11:40GMT

muito bom, tah bem melhor… gosto desse estilo meio grunge, que ficou no rodapé e topo… parabéns mais uma vez henrique… belo trabalho… ;)

# 32° Ederson Friday 12 May 2006 às 22:08GMT

Realmente, o novo layout ficou muito lindo. Um uso correto de cores, tornando a navegação e leitura prazerosas. Parabéns.

Deixe um comentário

Observação: Todos os campos obrigatórios estão marcados com um asterisco (*).

Informações de Contato

Sobre o Revolução Etc

Henrique Costa Pereira O Revolução Etc é o site pessoal do Henrique C. Pereira que trabalha com design de interfaces, planejamento, arquitetura da informação e desenvolvimento para web. Ele escreve aqui sobre várias coisas relacionadas com acessibilidade, web standards, tecnologia, desenvolvimento e o que mais der na telha, além de eventualmente escrever alguma coisa ou outra para o Webinsider. Leia mais.

Publicidade

  • Banner
  • Banner

Henrique Costa Pereira - Revolução Etc - (CC) Alguns Direitos Reservados - Powered by WordPress

O conteúdo deste site de autoria de Henrique Costa Pereira está sob a licença de Creative Commons Atribuição-Uso Não-Comercial-Compartilhamento pela mesma Licença 2.5 Brasil. Permissões e/ou restrições além do escopo desta licença podem ser vistas e/ou requeridas na minha página de licença.

Nenhum conteúdo deste site pode ser copiado e reproduzido em outro site sem autorização do autor! Mais detalhes aqui!

Powered by WordPress