Arquivo da categoria 'CSS'

21 de junho de 2007

Se inveja matasse, eu morreria num instant.js

CSS, Javascript | 5 Comentários »
por Ricardo José Corrêa

Alguns scripts são tão impressionantes que nos deixam morrendo de inveja de não ser o pai da criança.

Esse é o caso do microformato instant.js, script que dá um efeito de Polaroid nas fotos (com sombra, reflexo e tudo que se tem direito).

Para fazer uso deste achado, basta colocar a classe “instant” na foto e voilà:

Continue lendo…


8 de junho de 2007

Popup para abrir imagem? Lightbox.

CSS, Drops, Javascript | 6 Comentários »
por Ricardo José Corrêa

Existe um microformato excelente para abrir imagens com um efeito tipo popup, mas todo em div, javascript, css e efeitos especiais.

Sabe o que isso quer dizer? Chega de anti-popup quebrando o seu barato.

Seu nome: Lightbox. Está na versão 2.0, não é obstrutivo e é lindo de se ver.

Ah, se quiser ver um modelo que uso aqui mesmo neste blog, clique aqui.


10 de janeiro de 2007

TAIFF lança novo lay-out em seu portal

CSS, Portfólio | Sem comentários »
por Ricardo José Corrêa

Fato: trabalhar na DeBrito facilita as coisas.

Dentre alguns portais de grande sucesso que desenvolvemos, está o da TAIFF, uma forte empresa do setor da beleza, direcionada aos profissinais dos cabelos (mas quem tem mulher em casa também deve conhecer a marca).

No dia 09/01 lançamos um novo lay-out, agora utilizando a tecnologia Tableless e respeitando bem mais as regras da Webstands.

Isso, certamente, trará mais sucesso a esse grande portal.


8 de dezembro de 2006

Abrir sempre o link externo em nova janela e marcar a tag com CSS

CSS, Javascript | 2 Comentários »
por Ricardo José Corrêa

O script visto neste artigo tem a função de que sempre que um link tiver a referência como “external” abra em nova janela, e os que tiverem o target=”_blank” sejam setados como rel=”external”, além de mudar/incluir o nome da class no link, para que assim todos tenham um marcardor (iconografia de link externo) de link externo.
O legal é que não precisa fazer mais nada, o .js incluso na página se vira.

Continue lendo…


6 de dezembro de 2006

FixWidth

CSS, Javascript | Sem comentários »
por Ricardo José Corrêa

O script FixWidth tem a função de não deixar que uma DIV que envolva DIVs internas perca sua formatação de colunas se as mesmas DIVs internas estourarem seu tamanho.

O Exemplo a segui é um Tableless de 3 colunas.

Continue lendo…