Logo do siteSilhueta da face do Maujor seguida do texto Maujor o dinossauro das CSS

Menu hamburger Três barras horizontais na cor laranja destinadas a ser clicada para abrir o menu menu do site

Feliz Natal com XHTML e CSS

Publicado em: 2006-12-6 — 19.743 visualizacoes

Arvore de Natal com 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

Desenvolvimento com Padrões Web? Adquira os livros do Maujor
Visite o site dos livros.

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.

13 comentários na matéria: “Feliz Natal com XHTML e CSS”

  1. WilliamNo Gravatar disse:

    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.

  2. Silvio DelgadoNo Gravatar disse:

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

  3. Paulo Lorran HnszelNo Gravatar disse:

    Mto fodah teu blog!
    flw

  4. Everson ReisNo Gravatar disse:

    Noossa…. parabéns mesmo!!

    Muito fera essa árvore!!!

    abraço Maujor… e um Feliz Natal!!

  5. » Cartão de Natal em CSS project.47 - Portfolio e blog sobre Web Standards » Blog Archive disse:

    […] E não á que nosso amigo Maujor fez um cartão natalino em CSS e XHTML puros? […]

  6. SadjowNo Gravatar disse:

    Muito bom!

  7. Lurdes CostaNo Gravatar disse:

    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

  8. CaioNo Gravatar disse:

    Muito bom!!!

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

  9. GasparNo Gravatar disse:

    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

  10. zehNo Gravatar disse:

    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

  11. MicoxNo Gravatar disse:

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

    Valeu pelo cartão. 🙂

  12. EvertonNo Gravatar disse:

    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 !

  13. Carlos EduardoNo Gravatar disse:

    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 🙂

Comentário:





Teclar "Enter" cria um novo parágrafo. Teclar "Shift + Enter" causa uma quebra de linha.

Subscribe without commenting

topo