Tableless x Flash

[jaidelson 0]

Oi pessoal!Estou melhorando em tableless. Como já havia visto em alguns artigos o tableless permite uma fácil acessibilidade em vários browsers e deixa o arquivo mais leve. Beleza! Ví tbm que até em celulares com acesso a internet fica mais fácil com sites em tableless e CSS. E se eu colocar um topo em flash? Como esse último vai interpretar o flash? Ou será preciso fazer dois formatos? Um para uso geral na internet e outro para eventual uso pelo celular? Meu cliente tbm leu essa matéria e me perguntou se poderíamos fazê-lo dessa maneira.E para finalizar, gostaria de deixar uma mensagem para os que são meio contra (não necessariamente contra, mas são relutantes) a tableless. Eu tbm era do pensamento de que as tabelas eram uma forma legal para fazer layout de sites e que está regulamentada para uso. Mas quando comecei a entender as tableless tudo mudou pra mim. Mais limpo, mais leve, mais rápido e etc. Há quem diga: "mas isso parece coisa de início dos tempos, não se usa flash e parece que começamos a fazer sites agora...", já ouvi isso e não é bem assim. À primeira vista parece coisa de início dos tempos quando se começou a fazer "home pages" mas olhando bem é uma evolução pois o código fica mais enxuto e profissional. Padronizar o conteúdo web é uma beleza para todos e facilita o trabalho dos webdesigners.Tentem as tableless.Valeu!!

[pa_bruno 0]

falae jaidelson...

 

bom, primeiramente a sua dúvida. Coloque um div topo e dentro dele, coloque o flash, depois você cria um css para o site visualizado em browsers convencionais, computadores e outro css para browsers moveis, celulares, palms, etc... depois eh soh chamar no html:

<link rel="stylesheet" href="estiloOn.css" type="text/css" media="screen" /><link rel="stylesheet" href="estiloMovel.css" type="text/css" media="handheld" />

vamos supor q seu html esteja assim:

<div id="topo"><object type="application/x-shockwave-flash" data="arquivo.swf" width="700" height="150"><param name="movie" value="arquivo.swf"/></object></div>

no seu css screen, coloque o codigo:

#topo {width: 700px;height: 150px;}

e no handheld:

#topo {width: 700px;height: 150px;background: #FFFFFF url("imagem.gif") no-repeat;}#topo object {display: none;}

Logicamente que você mudará de acordo com o seu site... Gostei... vo até escrever um artigo sobre isso... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Naum testei... escrevi o codigo por aki no forum mesmo, mas depois vou testar isso... ;) Mas a estrutura eh essa... Resumindo, nos dispositivos moveis, o flash eh ocultado e aparece uma imagem de background, enquanto nos computadores, aparece o flash... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif