Feliz Natal com XHTML e CSS
Publicado em: 2006-12-6 — 6.745 visualizacoes
A imagem ao lado é um ‘screen shot’ reduzido de um cartão virtual que eu construi para desejar Feliz Natal aos leitores do meu Blog e do meu Site.
Desenvolvi uma página web para oferecer aos amigos o meu cartão virtual (limpo e livre de virus – rsrs). Trata-se de uma imagem construida usando somente marcação XHTML 1.0 Transitional e CSS. Não há na página GIF ou JPG ou PNG ou tag IMG ou imagem de fundo.
Todas as peças gráficas que compõem o cartão virtual foram dimensionadas e posicionadas usando a unidade de medida CSS em. Assim, a imagem aumenta e diminui sem perder resolução se você redimensionar o tamanho da fonte no seu navegador.
Para redimensionar a fonte no Internet Explorer acione o menu
Ver » Tamanho de fonte » opções ou tecle Ctrl + e Ctrl - no Firefox.
O uso de uma declaração line-height:0 para servir um ‘hack’ ao Internet Explorer invalidou as CSS da página. Se você conhece um ‘hack’ válido para esta situação poste nos comentários.
Meus mais efusivos votos de um Feliz Natal para vocês e seus familiares.
Que o Ano Novo traga muita saúde e alegria para todos nós
Ver o cartão virtual que o Maujor construiu para mim
----------------x-x-x--------------- fim da matéria ---------------x-x-x---------------
Livros do Maujor
Esta matéria foi publicada em: 2006-12-6 (quarta-feira). Subscreva o feed RSS 2.0 para comentários.
Comente abaixo, ou link para http://www.maujor.com/blog/2006/12/06/feliz-natal-com-xhtml-e-css/trackback no seu site.
Belo trabalho Maujor!
Gostaria de pedir sua permissão para colocá-lo em meu blog, claro, referenciando sua criação e utilizando um trackback para este post.
Parabéns e obrigado pelos votos de Feliz Natal.
Desejo que você e toda a sua família tenham um ótimo Natal também
Rapaz !!!
Confesso que quando abri seu blog e vi aquela arvore de natal eu pensei…
“Mas que mal gosto do cara heim ! poderia ter buscado no google uma imagenzinha melhor pra colocar ali hehehe”
Mas quando vi o código fonte do cartão caí do cavalo rsrsrsrs…
Realmente mais uma ótima demonstração do poder do CSS
Parabéns ! Feliz Natal a todos !
Queisso. Quando penso que tô aprendendo CSS, o Maujor humilha desse jeito. hahehehehhah O cara é o “the king” mesmo.
Valeu pelo cartão.
meu pague um pauuuuuu….
alguem poderia me falar como ele fez as bolinhas eu dei uma olhada no código fonte mais num achei o que faz isso
Já tinha visto umas experiências do tipo e pensei isto é só para doidos…
Afinal não.
Boas festas para todos
Está muito bom Maujor
Muito bom!!!
Maujor, você é o cara. Nos inspira a querer aprender CSS cada vez mais!
Excelente e incentivador para que tenhamos a cada dia mais interesse na busca de um melhor aprendizado.
Saúde, Paz , Prosperidade e um belo Ano de 2007 para você e
seus familiares.
Parabéns.
Lurdes Costa
Muito bom!
[...] E não á que nosso amigo Maujor fez um cartão natalino em CSS e XHTML puros? [...]
Noossa…. parabéns mesmo!!
Muito fera essa árvore!!!
abraço Maujor… e um Feliz Natal!!
Mto fodah teu blog!
flw
Maujor, o uso de Comentários Condicionais não resolveria esse problema?
Parabéns pelo trabalho!
Ow… eu achei muito legal!!! Quando eu bati o olho pensei: que essa árvore de natal bobinha tá fazendo aí… não tinha coisa melhor pra por??? kkkk… depois que eu li o que tá escrito do lado, eu me assustei… é d+ isso!! Eu tenho um blog e mexo com códigos desses tipos tbm.. CSS, HTML, XML, JavaScript e essas coisas, mas eu nunca tinha visto coisa igual a isso!! Irado!! PARABÉNS e um FELIZ NATAL PRA TODOS!!! flw.