CSS, XHTML, Web Standards, Tableless, Estatísticas, SEO, Wordpress | marcio misumi

O número de brasileiros que acessaram blogs em setembro foi de 12,3 milhões de pessoas, o que significou 50,6% dos internautas que entraram na internet de suas casas, de acordo com dados do Ibope Netratings.

Boa notícia? Nem tanto. Comparado com agosto, houve queda na participação da audiência domiciliar. Neste mês, o número de pessoas que lêem blogs chegou a 12,8 milhões, representando 52,5% dos internautas.

O perfil de quem lê blog é majoritariamente de adolescentes: 60,6% navegam por estes sites. Já adultos entre 35 anos e 49 anos, o número cai para 47,2%

A diferença é que o público considerado adulto navega por blogs através da página principal de grandes portais e de jornalistas conhecidos do grande público.

Os adolescentes preferem blogs fora da grande mídia e chegam, na maioria das vezes, ao conteúdo, por meio de buscadores na internet.

Por Ralphe Manzoni Jr.

Fonte: http://idgnow.uol.com.br

A seguir vamos aprender como utilizar png transparente utilizando a tag img diretamente no HTML ou inserindo em background no CSS.

Usar png transparente na tag img diretamente no HTML

Primeiro você deve salvar o arquivo png.htc. Procure deixar este arquivo no mesmo diretório do arquivo CSS.

No arquivo png.htc existe uma variável “blankSrc” que referencia uma imagem. O caminho (path) desta imagem é em relação ao arquivo HTML. Esta imagem pode ser salva como blank.gif, deve ser transparente e ter as dimensões de 1×1.

...
var blankSrc = "images/background/blank.gif";
...

Agora você precisa colocar em seu código CSS:

img {
	behavior: url("css/png.htc");
}

OBS: O caminho (path) para a URL também é em relação ao arquivo HTML.

Usar png transparente como background no CSS

Para usar png transparente como background no CSS é necessário utilizar o seguinte código:

OBS: No filtro, o caminho (path) para a URL da imagem é em relação ao arquivo HTML.

A propriedade sizingMethod pode ser crop, scale ou image. O mais usado é o scale, pois ele não "cropa" (corta) a imagem.

• crop – Corta a imagem para adaptar as dimensões do objeto;
• scale – Estica ou encolhe a imagem para preencher as bordas do objeto;
• image – Default. Aumenta ou diminui a borda do objeto para ajustar as dimensões da imagem.

Links com fundo transparente

Ao utilizar imagem png como background, o Internet Explorer 6.0 passa a interpretar os links como uma camada abaixo do background, de forma que o mouse não os alcance. Para solucionar este problema e tornar clicáveis os links é necessário definí-los no CSS com posição relativa.

div#conteudo a {
	position: relative;
}

Vejam a estatística de resoluções de tela do mês de setembro divulgado pela Net Applications:

1024 x 768 – 39.12%
1280 x 800 – 18.20%
1280 x 1024 – 13.14%
1440 x 900 – 7.47%
800 x 600 – 5.03%
1680 x 1050 – 5.02%
Outras – 11.75%

Para a estatística de resoluções de tela do mês de agosto/2008, clique aqui.

Vejam a estatística dos browsers do mês de setembro divulgado pela Net Applications:

Microsoft Internet Explorer – 71.52%
Firefox – 19.46%
Safari – 6.65%
Chrome – 0.78%
Opera – 0.69%
Netscape – 0.63%
Mozilla – 0.09%
Outros – 0.15%

Por versão dos browsers:

Microsoft Internet Explorer 7.0 – 46.35%
Microsoft Internet Explorer 6.0 – 24.67%
Firefox 3.0 – 13.27%
Firefox 2.0 – 5.77%
Safari 3.1 – 5.20%
Chrome – 0.78%
Opera 9.x – 0.67%
Outros – 3.25%

Para a estatística dos browsers do mês de agosto/2008, clique aqui.