Opacidade com CSS e imagens

Neste tutorial vamos aprender a manipular a opacidade de elementos html, utilizando a propriedade opacity das CSS3, e uma versão alternativa, em que utilizaremos um plano de fundo semitransparente. Mãos à obra! Propriedade...

Continuar lendo ... "Opacidade com CSS e imagens"

Youtube recarrega vídeo ao maximizar tela

Há algum tempo notei um problema com os vídeos do Youtube, em que toda vez que eu alterava para o modo full screen eles recarregavam. Quando precisava ver um vídeo em tamanho maior e não queria esperar até carregar...

Continuar lendo ... "Youtube recarrega vídeo ao maximizar tela"

Imagem auto ajustável com CSS

Fazer com que uma imagem se ajuste automaticamente de acordo com o conteúdo é uma tarefa relativamente fácil se tratando de navegadores que suportam CSS3, para isso, basta dar uma olhada no tutorial sobre background-size....

Continuar lendo ... "Imagem auto ajustável com CSS"

Menu CSS com imagens ao lado dos links

Neste tutorial vamos fazer um menu css e conhecer duas maneiras de colocar imagens ao lado dos links, uma utilizando "background-image" e outra a tag "img src". Criando o menu. Código HTML: <ul id='menuvert'>  ...

Continuar lendo ... "Menu CSS com imagens ao lado dos links"

Ajustar a largura do blog - Blogger

Antes de alterarmos as dimensões do blogger vamos conhecer como ele é estruturado e quanto de espaço vamos reservar para cada parte do layout. »Estrutura básica do blogger.Baseado no modelo Minima teremos a...

Continuar lendo ... "Ajustar a largura do blog - Blogger"

Teste seu blog em várias resoluções

De acordo com as estatísticas da w3schools e do w3counter, a maioria dos usuários utilizam resoluções de 1024x768 ou superior. Enquanto o velho 800x600, que já foi muito usado a tempos atrás vem caíndo...

Continuar lendo ... "Teste seu blog em várias resoluções"

Redimensionar imagem no IE com CSS e HTML

Devido ao internet explorer não aceitar grande parte das propriedades CSS (como o background-size), vamos precisar fazer um macete para redimensionarmos imagens nele. Tutorial testado no IE 6, Firefox 3.6, Chrome...

Continuar lendo ... "Redimensionar imagem no IE com CSS e HTML"

Table e Tableless, quais as diferenças?

Não é raro encontrarmos layouts formulados em tabelas, ou ainda layouts que misturam table e tableless. Mas afinal, qual a diferença e quando usar cada um? Vamos a uma breve explicação sobre essas duas técnicas: Table/tabelas.Técnica...

Continuar lendo ... "Table e Tableless, quais as diferenças?"

Descompactar urls com Long URL Please

Urls compactadas tem como principal uso poupar espaço, principalmente em redes sociais, em que há um limite de carácteres por mensagem. Porém nem sempre esse artifício é utilizado com boas intenções, sendo muitas...

Continuar lendo ... "Descompactar urls com Long URL Please"