Enviado para você por Penha através do Google Reader:
Um dos problemas que tenho quando me compram publicidade é se o banner estiver em flash porque nunca sei bem como o colocar correctamente no blog.
Aproveitando a compra do banner por parte do metododinheiro.com fiz uma pesquisa de qual seria a melhor maneira de colocar o código no blog.
Encontrei então um artigo com uma explicação como inserir flash correctamente em XHTML.
Normalmente o código que usaria era o seguinte:
<object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="550" height="400">
...
<param name="movie" value="movie.swf" />
<param name="quality" value="high" />
...
<embed src="movie.swf" quality="high" bgcolor="#ffffff" width="550" height="400"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
Mas isto tem alguns problemas. O atributo <object> é para uso do IE e não funciona nos outros browsers que por sua vez usam o atributo <embed> que não faz parte das especificações HTML ou XHTML tornando o código inválido. Além disso quem tiver o flash desactivado não vai ver o conteúdo.
O código tem então de cumprir vários requisitos:
- Tem de funcionar em todos os browsers
- Tem de apresentar conteúdo alternativo a quem tiver o flash desactivado.
- Não pode depender de Javascript.
Para realizar isso são precisos vários passos começando por tirar o atributo <embed> . Depois retira-se o classid e o codebase e substitui-se por Mime Type e data com o endereço do flash. Depois através de conditional comments e mais algumas alterações chega-se ao código final que será assim:
<!--[if !IE]> –>
<object type="application/x-shockwave-flash"
data="movie.swf" width="300″ height="135″>
<!– <![endif]–><!–[if IE]>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0″
width="300″ height="135″>
<param name="movie" value="movie.swf" />
<!–><!—->
<param name="loop" value="true" />
<param name="menu" value="false" /><p>Esse é o conteúdo alternativo</p>
</object>
<!– <![endif]–>
O artigo que me inspirei para este texto foi retirado do pinceladasdaweb.
Tópicos Relacionados
Coisas que você pode fazer a partir daqui:
- Inscrever-se no WebVicio.com usando o Google Reader
- Comece a usar o Google Reader para manter-se facilmente atualizado com todos os seus sites favoritos
0 comentários:
Postar um comentário