Categories: (X)HTMLCSStodas

Feliz Natal com XHTML e CSS

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

Maujor

Exerci o magistério paralelamente a minha carreira profissional por toda uma vida e ao longo destes trinta anos aprendi tanto quanto ensinei. Sou um apaixonado por Web Standards e desenvolvo o site de tutoriais CSS para Web Design.

View Comments

  • 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.

  • Maujor, o uso de Comentários Condicionais não resolveria esse problema?
    Parabéns pelo trabalho!

  • Noossa.... parabéns mesmo!!

    Muito fera essa árvore!!!

    abraço Maujor... e um Feliz Natal!!

  • 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!!!

    Maujor, você é o cara. Nos inspira a querer aprender CSS cada vez mais!

  • 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

  • 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

  • Queisso. Quando penso que tô aprendendo CSS, o Maujor humilha desse jeito. hahehehehhah O cara é o “the king” mesmo.

    Valeu pelo cartão. :)

Share
Published by
Maujor

Recent Posts

Teste seu conhecimento #20

Em 2006 comecei a publicar nesse blog uma série de desafios CSS que consistiam em…

7 anos ago

Teste seu conhecimento #19

Há muito tempo que eu não publico um "Teste seu conhecimento". Esta semana, revendo algumas…

9 anos ago

JavaScript bubbling e capturing

Introdução Elementos da marcação HTML podem ser aninhados uns dentro de outros, criando-se uma cadeia…

10 anos ago

HTML5 – W3C versus WHATWG

HTML5? Web universal? É comum eu me deparar com dúvidas sobre a HTML5 não só…

10 anos ago

Seria esse o futuro das imagens responsivas?

Quem é Tab Atkins Jr? Tab Atkins Jr, um desenvolvedor americano, trabalhou durante muitos anos…

10 anos ago

BrazilJS Conf 2013

Pessoal, a BrazilJS Conf 2013 disponibilizou para o Maujor cupons de desconto para serem oferecidos…

11 anos ago