Css

Google Ads

EXEMPLOS DE CSS POSITION: static, relative, absolute e float

Quem está aprendendo CSS costuma ter constantes dúvidas com relação ao uso do position que lhe permite definir a posição de um elemento como um DIV. Existem variações como position:static, position:relative, position:absolute e position:float. que nem sempre é fácil de imaginar e de se lembrar antes de usar.
Uma dica que temos é o tutorial apresentado [...]

TEMPLATE DE SITE COMPATÍVEL COM IPHONE

Esta dica é para quem está desenvolvendo um site que precisa ser bem visualizado através de um celular com tela grande como é o caso do Iphone da Apple. O site matthewjamestaylor fornece para download 7 pacotes de templates CSS com desenho liquido que se adapta a qualquer tamanho de tela.
Basta clicar em cada modelo [...]

EXEMPLO DE FORMULÁRIO EM CSS FÁCIL

Neste artigo publicado em woork.blogspot.com (tradução) você encontrará os códigos html e css para criar um formulário sem uso de qualquer tabela. Tem muita gente não gosta de usar tabelas em seus sites. O fato é que criar formulários em tabelas html é bem mais rápido e prático. Mas a forma rápida de fazer as [...]

MOLDURAS EM FOTOS COM CSS

O site webdesignerwall.com publicou um artigo onde mostra 20 exemplos de utilização de CSS para adicionar molduras e outros elementos decorativos nas fotos do seu site.
Ele disponibiliza um arquivo .zip para download com todos os exemplos, imagens e arquivos css utilizadas no demo existente no site. Veja os exemplos aqui.
Você poderá adicionar pequenos ícones sobre [...]

DESTACAR TODOS OS LINKS DA MESMA URL

O site kilianvalkhof.com publicou uma solução em CSS e javascript que permite destacar todos os links de uma página que estão direcionados para uma mesma URL quando passamos a seta do mouse por um deles.
Digamos que você tenha 3 links em um mesmo texto apontado para um mesmo endereço. Ao passar o mouse sobre qualquer [...]

BOTÃO EM CSS COM EFEITO 3D

O site cssglobe publicou um artigo com 4 técnicas CSS para criar links de texto, links em imagens e links através de botões com efeito 3D. O resultado do botão é uma bonita figura de botão projetado na página que com o passar do mouse se move para baixo. Veja o exemplo. Outro CSS interessante [...]

TEXTOS COM DEGRADÊ USANDO CSS

Neste artigo publicado pelo site webdesignerwall você aprenderá como adicionar degradê em textos utilizando CSS. Isto vai lhe poupar de criar imagens com textos para títulos de suas páginas. O estilo de fontes com degradê que dão a impressão de que são feitas de material metálico está na “moda”. Existem algumas vantagens em utilizar textos [...]

PERSONALIZAR CURSOR DO MOUSE

Utilizando CSS é possível que você modifique o cursor do mouse dos visitantes do seu site. Isto funciona com o Internet Explorer e navegadores como o Firefox.
Existem dezenas de cursores diferentes a sua escolha. Você encontrará uma tabela com todos os cursores neste artigo. Passe o mouse sobre os textos “TEST” da tabela para ver [...]

BARRA DE PROCESSO EM CSS

O site cssglobe.com publicou um artigo com um modelo CSS para download de barra de processo. Estas barras são muito utilizadas em sites com aplicações javascript/ajax ou são exibidas logo após o preenchimento de formulários html. Você pode ver a animação da barra aqui. Você pode baixar o modelo CSS e imagens neste arquivo [...]

DIFERENÇAS ENTRE CSS1, CSS2, CSS2.1 e CSS3

Nesta página do site meiert.com mostra uma tabela com as diferenças entre as propriedades que podem ser utilizadas no CSS1, CSS2, CSS2.1 e CSS3. Outra tabela interessante fornecida pelo mesmo site é a que apresenta as diferenças entre o HTML 3.2, HTML 4.01, XHTML 1.0, XHTML 1.1, HTML 5 e XHTML 2.0. Veja aqui. São [...]


web stats