Aplicar efeito Alpha com CSS

Para quem deseja de utilizar usar um efeito alpha sem precisar gerar uma nova imagem apenas deve usar o seguinte exemplo:

Primeiro vamos adicionar a mesma imagem duas vezes em nosso HTML

Agora vamos adicionar o seguinte CSS

#img {
opacity:0.4;
filter:alpha(opacity=40);
}

Resultado é a mesma foto só que um agora tem efeito de alpha


Este metodo pode ser utilizado em varia tags como textos e até em campos de formulários.

Problema com layout das paginas use o CSS Hack

Para aqueles que estão tendo problemas com suas CSS por causa de dinossauros digitais que ainda usam o IE6 ou aquelas famosas incompatibilidades com os navegadores do mercado, não se preocupe a solução é usar o CSS Hack.

Muito bem ai vai a dica de como utilizar o CSS Hack.
Neste exemplo nos vamos adicionar um "_" no inicio do elemento "background-color" sendo assim no IE6 a cor de fundo ficará Vermelho e nos demais navegadores o fundo ficará azul:

div {
background-color: blue;
_background-color: red; /* IE6 */
}

Mas digamos que você queria que no IE7 fique diferente dos demais, mesmo processo só vamos mudar o caracter do inicio, vamos adicionar um "*":

div {
background-color: blue;
*background-color: red; /* IE7 */
}

Então você fica pensando e o Firefox? Agora nos faremos de outra maneira:
Firefox 3:

div, x:default {
background-color: green;
}

Firefox 2:

div, x:-moz-any-link {
background-color: brown;
}

Tá mais existe também o Opera, o que você deve fazer é muito simples, só devemos usar o seguinte método:

@media all and (min-width: 0px) {
div {
background-color: yellow;
}
}

Verificador de links quebrados

Para quem é desenvolvedor WEB e para os bloggueiros de plantão, o Xenu vai ser uma mão an roda. Essa ferramenta verifica todos os links dentro do seu site, blog e afins para conferir se eles ainda estão válidos, e para deixar a gente ainda mais feliz a ferramenta é totalmente FREE. xD

Para fazer o download da ferramenta basta clicar aqui!

Blogger Backup

Para vocês que estão querendo guardar as postagens e comentários do seu Blogger (Serviço de blogs do Google), o Blogger Backup ira gravar todos os dados do seu Blogger em formato Atom, em XML, o que facilita na hora de converter para outros programas, alem de permitir enviar esses dados para outro Blogger. O Blogger Backup tem recursos para limitar o backup a um período de tempo e lê todos os blogs associados à mesma conta no Blogger.



Para fazer o download basta clicar aqui!

Adicionar maquiagens em suas fotos

Está afim de fazer uma maquiagem naquela foto que não está legal ou mudar o corte de cabelo? Agora ficou muito fácil com o jKiwi, uma ferramenta totalmente free.

Foto de exemplo:


Visual da ferramenta:


Para fazer o download clique aqui!

Mudando a cor de fundo de um campo com CSS

Depois de muito tempo fora do ar estou voltando com o blog a ativa.

Hoje eu vou mostrar como podemos cria o efeito de trocar a cor de fundo de um campo texto quando clicamos dentro do campo.

Primeiramente vamos criar nosso formulário com 3 campos e um botão:

1) Name:

2) Email address:

3) Comments:

Agora vamos aplicar um pouco de estilo neste formulário inserindo o seguinte CSS:

input:focus, textarea:focus {
background-color: lightyellow;
}

Pronto, agora seus campos de texto irão mudar de cor toda vez que você clicar dentro neles.