Currently viewing the category:
"CSS"
Há algum tempo queria fazer algo parecido e então tirei um tempo para desenvolver, ou pelo menos tentar, uma espécie de data grid.
Este é composto por uma tabela de quantas linhas e colunas desejar, e em cada célula (<td>) contém um <div> e um <input>, no qual se alternam. Para uma hora poder [...]
Esses dias um pouco inspirado com a aula de Probabilidade e Estatística, resolvi fazer um script para gerar gráficos de barras.
Você cria um novo objeto Grafico (sem acento mesmo – new Grafico(n); ) passando o número de barras como parâmetro e então a partir dele com set’s e get’s você gera o seu [...]
Podemos simular um pré-carregamento de uma imagem utilizando a propriedade CSS background setando um outra imagem, na qual informará o carregamento da imagem.
img { background: #ffffff url(loading.gif) no-repeat center center; }
E pronto, mas uma observação um tanto lógica e óbvia que deve se fazer é sobre o tamanho da imagem de fundo, que [...]
Há algum tempo eu fiz um script de uma tooltip (aquela caixa que abre ao passar o mouse sobre algum link). Infelizmente o código não é dos menores, o que deixaria muito grande o post e sua explicação.
Mas não está difícil de entender. Qualquer dúvida é só deixar um comentário que eu comento logo [...]
Flash e CSS: Banner Flutuante
By Rogério Alencar Lino Filho On 4 de fevereiro de 2007 · 38 Comments · In CSS, Flash, Tableless, XHTML
Muitos sites, portais, adotaram o banner flutuante, aquele no qual ao você passar o mouse por cima ele “cresce” pela página e mostra os detalhes da propaganda, promoções, etc.
A idéia então consiste em posicionar o filme por cima dos outros elementos e ele tem que ter o fundo transparente para não “tampar” o conteúdo.
[...]
Tem algum tempo já que estava de bobeira e acabei fazendo um exemplo de uma div (janela) arrastável.
Simulei uma janela padrão em alguns Sistemas Operacionais, tem a barra superior com o título da janela, o espaço ao centro para o conteúdo e uma barra no final, a statusbar (essa só para incrementar mesmo).
Há [...]
Um atributo muito interessante quem tem na propriedade position é o fixed.
Com ele você pode posicionar um objeto no palco (como se fosse absolute) só que ele sempre estará na “mesma posição”, mesmo rolando a tela.
Infelizmente o IE (até o 6) não reconhece esse atributo, mas antes de sairmos tentando bolar um código [...]
Uma grande dúvida que sempre surge é como centralizar um elemento no HTML, tanto verticalmente quanto horizontalmente, usando CSS.
Há duas maneiras de se fazer isso sem muito trabalho.
A primeira consiste em definir a posição do objeto como absolute e suas posições top e left com 50% e tirando a diferença (subtraindo) da metade [...]
Sempre é bom estarmos observando, conhecendo, novos layouts e aprendendo com eles.
Já existem inúmeros sites indexadores de sites Tableless (CSS Layout).
Abaixo segue uma listagem de alguns deles:
http://www.cssdrive.com/
http://cssvault.com/
http://www.cssbeauty.com/gallery/
http://www.cssimport.com/
http://www.stylecrunch.com/
http://www.csselite.com/
http://www.unmatchedstyle.com/
http://cssmania.com/
http://www.cssreboot.com/gallery/ [...]
Pullquote
By Rogério Alencar Lino Filho On 16 de dezembro de 2006 · Leave a Comment · In CSS, Tableless, XHTML
Pullquote é um efeito utilizado em jornais (revistas) para destacar uma certa parte do texto. Um exemplo aqui: link.
Esses efeitos podem ser criados na sua página usando CSS, há quem use também Javascript. Nesse exemplo usaremos apenas CSS.
Crie um novo arquivo HTML. O texto que receberá um destaque ficará [...]
