Atualização no meu código

[RoXbY 3]

FAla galera, tudo em cima?estou desenvolvendo um sitezin..só que:1 - Tenho uma certa inimizade quanto a LI's e UL's e não consigo fazer a coisa ficar certa, então ao invés joguei umas divs mesmo, me ajudem a arrumar em lu/li?HTML

<div id="menu_top" class="cle"> <div class="home"><a href="#" title="Home">Home</a></div> <div class="empresa"><a href="#" title="A empresa">Empresa</a></div> <div class="produtos"><a href="#">Produtos</a></div> <div class="contato"><a href="#" title="Entre em contato com a">Contato</a></div> <div id="busca"><form id="form1" name="form1" method="post" action=""><input name="textfield" type="text" class="search" value="Buscar peças" size="28" /><input type="image" src="images/busca.gif" value="ENVIAR" alt="Buscar" class="botsearch" /></form></div> </div>

CSS

#menu_top { background:url(images/bg_main_menu.gif) left top repeat-x; width:757px; height:31px; margin-left:8px; } #menu_top a { float:left; display:table; text-align:center; color:#333; font-weight:bold; margin-left:10px; padding:10px; text-decoration:none; } #menu_top a:hover { color:#f9f9f9; text-decoration:none; } .home a {width:63px;} .home a:hover {background:url(images/main_menu.gif) -2px 4px no-repeat;} .empresa a {width:90px;} .empresa a:hover {background:url(images/main_menu.gif) -97px 4px no-repeat;} .produtos a {width:90px;} .produtos a:hover{background:url(images/main_menu.gif) -97px 4px no-repeat;} .contato a {width:80px;} .contato a:hover {background:url(images/main_menu.gif) 6px 4px no-repeat;}

2 - Inserir flash corretamente e... com background transparenteTentei uns JS, alguns tutoriais na internet mas sempre algum deles me apresentou algo errado :/ neste caso como está agora, a inserção padrão do DW está dando certo em todos os navegadores, mas no FF em linux ele não fica transparente :( e claro, não está validando :DHelp-me X)~tnks so much guys! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[RoXbY 3]

acho que não me expressei bem no título..na verdade o que não está correto é a inserção em flash mesmo, não é semântico. O resto está tudo correto.Como disse, não consigo transformar o menu horizontal e trabalhar bem com ele para que fique certinho, agora estou desenvolvendo um com UL e LI ;D acho que daqui a pouco termino utilizando como base um outro menu de um post do fórum....o que me resta é a transparência "correta" do flash em relação ao FF Linux.. rsss como é em relação à semântica, achei certo postar aqui e não na seção flash.... a transparência é no background do flash e não elementos de desenvolvimento dele... saco?:Pabs!

[Paulo de Tarso F. M. 24]

O parâmetro que define o fundo da animação .swf ser transparente é um dos atributos da tag <embed>, chamada wmode, onde recebe o valor transparent, que também é um parâmetro para a tag <param>. Segue abaixo um script para inserção do Flash com fundo transparente na sua página:

function Inserir_Flash(){	document.write("<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='xxx' height='yyy'>");	document.write("<param name='movie' value='seu_arquivo.swf' />");	document.write("<param name='quality' value='best' />");	document.write("<param name='wmode' value='transparent' />");	document.write("<embed src='seu_arquivo.swf' wmode='transparent' quality='best' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='xxx' height='yyy'></embed>");	document.write("</object>");}

Bom, espero que isso ajude... Abraço!

[RoXbY 3]

fala tmferreira, cara, desculpe se você interpretar meu comentário um tanto quanto grosseiro, mas se ao menos você tivesso o trabalho de clicar no link

 

 

você veria do que estou falando. Outro aspecto é que dividi os problemas:

1 - Me ajudarem a substituir o menu de Div's para menu el UL e LI

2 - Me ajudarem a inserir o flash corretamente(padrões W3C) e tentar solucionar meu problema de que no FF (visto em Linux), ele não está adotando a característica wmode=transparente..

 

Paulo de Tarso F. M.

Cara, irei tentar acerta-lo com o código, mas tarde respondo pois agora estou fora de meu escritório, flw!! :D

[RoXbY 3]

Foi por isso que disse... Firefox EM LINUX, sacou? você não verá o que estou falando enquanto acessar qualquer browser pelo windos (os que testei: IE6,7; FF; Opera)ouve aí uma certa falha em nossa comunicação.. rssso menu ta em LI agora ;Do flash, não deu certo..descobri que é problema de linux users mesmo, imagina o desgosto quando um site tem aquele banner full que fica sempre tapando o site todo... suxxx..cara, tentei implementar o flash com JS e me retorna erro.. da uma olhada..

[RoXbY 3]

ngm ngm? :(

[Paulo de Tarso F. M. 24]

ngm ngm? :(

Pois é, terá que aguardar algum usuário de Firefox para Linux... Eu, por exemplo, não sou um deles, ou seja, não poderei te ajudar com isso... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif Ficamos aguardando algum usuário nessas condições então... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[RoXbY 3]

sim, isso não tem como... é bug do Linux e sobre este aspecto já não resta dúvidas..agora meu problema é com o JS que está sendo usado, Paulo. Ele está dando um problema na hora de inserir, você tem certeza que me passou corretamente o código?abraços!!

[Paulo de Tarso F. M. 24]

Tem como me enviar o código JS que você está usando e o HTML? Exatamente como está? O JS está correto sim, eu pelo menos utilizo este que te passei e o mesmo não me traz problema nenhum... Então, se possível, me passe o JS já com as suas modificações e também o HTML dele... Abraço!

[RoXbY 3]

cara, queria me desculpar a zona que estou fazendo com este post, normalmente não me contra-digo e escrevo corretamente o que preciso, mas lendo as outras questões... realmente ta uma zona isso aqui...

 

estava em meu servidor o site com o erro, mas o cliente pediu pra ver o site e acabei voltando a versão antiga do site, com o código não validando..

 

segue o código que estava utilizando...

 

function Inserir_Flash(){	document.write("<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='370' height='112'>");	document.write("<param name='movie' value='images/barco.swf' />");	document.write("<param name='quality' value='best' />");	document.write("<param name='wmode' value='transparent' />");	document.write("<embed src='images/barco.swf' wmode='transparent' quality='best' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='370' height='119'></embed>");	document.write("</object>");}

está aí.

 

 

abraços!

[Paulo de Tarso F. M. 24]

function Inserir_Flash(){

document.write("<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='370' height='112'>");

document.write("<param name='movie' value='images/barco.swf' />");

document.write("<param name='quality' value='best' />");

document.write("<param name='wmode' value='transparent' />");

document.write("<embed src='images/barco.swf' wmode='transparent' quality='best' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='370' height='119'></embed>");

document.write("</object>");

}

Só um detalhe... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

 

Mas como você está "chamando" isso no HTML?

[RoXbY 3]

hehe... acho que o detalhe é esse... just only copy and paste ;/que mais deve ser feito além disto? entre <scripts>?! agora que me liguei.. eheheé?

[Nícolas 4]

Cara... transparência do flash no linux... isso sem chances

 

Penei muito nisso quando tava montando o site da empresa que trabalho

http://www.contactonet.com.br/

 

Eu testei varios modos diferentes de inserir flash no html.

 

E testava no site

http://browsershots.org/

( Pra quem não conhece você pode testar o site em diversos navegadores e nos 3 principais sistemans operacionais: Windows, Linux, Mac... porem se entra numa fila bacana )

 

 

Agora eles reduziram o numero de navegadores do linux... mas eu percebiq ue até no mac pegava transparencia, agora no linux....

 

EM TODOS os 18 navegadores (mais ou menos) que tinha pra marcar.

 

Não deu transparencia.

 

De tanto pesquisar descobri que o linux não suporta transparencia no flash.

 

=(

 

 

É alguma coisa no sistema que não permite num lembro bem.. lembro que achei num site estrangeiro.

 

 

Mas até aonde eu sei... fruto de muita pesquisa (acredite foi mesmo)

 

Não funciona mesmo.

 

=/

[RoXbY 3]

aushdiasuhdas.. to ligado... também já desisti de tal idéia, agora eu só queria validar meu código e não fazer com que o IE deixasse aquela barra de ativação ao redor dela, deixando o código limpinho e tal ;)tem uns JS que carregam pacas, tem outros que nao funcionam direito em um dos navegadores, etc etc etc..to esperando o Paulo me responder como eu tenho que inserir corretamente aquela joça lá .. kkkabraços!

[Nícolas 4]

Cara quanto a barra de ativação tem uma atualização do dreweaver que arruma isso.

http://download.macromedia.com/pub/dreamwe...2_update_en.exe

 

Você insere o flash normal e ele ja cria todo o javascript.

 

E detalhe... só você abrir o site que ele ja carrega bunitão =)

 

O problema é que ele não fica valido por causa da tag embed...

 

<script type="text/javascript">AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','778','height','237','src','topo','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','wmode','transparent','menu','false','movie','topo' ); //end AC code</script>				<noscript>					<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="778" height="237">						<param name="movie" value="topo.swf">						<param name="quality" value="high">						<param name="wmode" value="transparent">						<param name="menu" value="false">						<embed src="topo.swf" width="778" height="237" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" menu="false"></embed>					</object>				</noscript>

Mas só você apagar todo o conteudo dentro da tag <noscript> que ele vai gerar que fica valido =)

 

 

<script type="text/javascript">AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','778','height','237','src','topo','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','wmode','transparent','menu','false','movie','topo' ); //end AC code</script>

Por padrão ele vai ler atraves do javascript, caso o navegador não suportar javascript ele leria a que tem o embed e tal.

 

Seria a mesma coisa que esse que o você ta esperando o paulo arrumar.

 

Via javascript... se o navegador não suportar ele não carrega o flash.

 

 

No final é tudo a mesma coisa, ehhee

 

Uma coisa legal nessa atualização é que você pode abrir um site que tem o flash defeituoso que ele ja pergunta se você quer converter.

 

Ajuda pacas =)

 

Flw

[Paulo de Tarso F. M. 24]

to esperando o Paulo me responder como eu tenho que inserir corretamente aquela joça lá .. kkk

Então RoXbY, eu tinha te perguntado como você estava "chamando" isso no HTML justamente para analisar se estava sendo feito da maneira correta... Mas como não me passou, segue um exemplo de como isso deve ser feito (vou utilizar um exemplo inserindo o Flash dentro de uma div):

<div id="animacao">	<script type="text/javascript">Inserir_Flash();</script></div>

E, lógico, esse script que te passei ou ele deve estar na mesma página ou em um arquivo JS externo (ambos os casos normalmente declarados lá na tag <head>)...

 

Compreendeu melhor?

 

Agora, o link que nosso amigo nick171 passou é interessante... Mas tenho um ponto a ressaltar aqui:

O problema é que ele não fica valido por causa da tag embed...

(...)

Mas só você apagar todo o conteudo dentro da tag <noscript> que ele vai gerar que fica valido

Se é só para validar, não recomendo... Porque calcule comigo: eu me pergunto quais os motivos hoje em dia para uma pessoa não ter JS ativo no browser? Aí me respondem: "Ah, pode ter alguém sim... Sempre tem um perido por aí...", tá legal, então neste caso temos que pensar nele... Mas quais os motivos para uma pessoa hoje não ter suporte a JS? Bom, da mesma forma penso que uma pessoa que tenha acesso a um conteúdo JS normalmente também tem o plugin do Flash instalado... Mas me perguntam: "E se ele não tiver? Se de repente o cara é um extremista que odeia o Flash e não tem instalado o plugin? Ele pode ter acesso a JS mas não a Flash..." Então tá, também temos que pensar nesse tipo de usuário... Porque aí, nesse caso, o cara não vai ver o Flash da mesma forma, porque o conteúdo inserido dentro da tag <noscript> no exemplo que você postou, nick171, só será visto se o indivíduo tiver o plugin... Ou seja, que adianta então ter uma alternativa à ausência do acesso à JS se o conteúdo da alternativa não pode ser lido? "Mas onde ele quer chegar com tudo isso?" perguntará, né? Pois bem, não remova a tag <noscript> e seu conteúdo... O que se pode fazer neste caso é inserir o Flash via JS (pelo menos dessa forma a página valida) e dentro da tag <noscript> coloque um conteúdo alternativo ao Flash, por exemplo, uma imagem, ou de repente, se tiver muita necessidade, um texto explicando que ali teria uma animação em Flash...

 

Compreendeu? Dessa forma, você tem:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif um documento validado, pois a tag <embed> é inserida via JS;

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif tem uma animação em Flash sendo inserida da maneira mais "adequada" hoje em dia;

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif utilizando a tag <noscript> você teria uma alternativa para aqueles que não têm acesso à JS;

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif e o conteúdo da tag <noscript> seria um conteúdo onde, caso a pessoa não tenha o plugin do Flash também, ela conseguirá ver alguma coisa ali naquele espaço da mesma forma (imagem, por exemplo)...

 

Bom, é isso... Eu tenho pensado dessa forma... Por mais difícil que hoje uma pessoa não tenha acesso à JS e/ou o plugin do Flash instalado no computador (pelo menos até agora não me apresentaram ninguém nessas condições), venho trabalhando em cima desse aspecto, onde não devemos deixar ninguém de fora, todos podem ter acesso ao conteúdo do site, não importa se ele tem suporte à JS ou não, se ele tem o plugin do Flash ou não...

 

Abraço!

[Nícolas 4]

Boa Paulo..Esse foi um ponto que por descuido acabei esquecendo de frizar.Até pensei mas esqueci de falar, heheheAcabei me focando em falar dele validar o código...Confesso que até hoje eu não tinha parado para pensar em deixar uma imagem ou uma mensagem no noscript, a idéia é bom.Para casos que o pc não suportava flash eu utilizava a tag P para falar que não suportava.Porem hoje depois de muita pesquisa achei uma solução eficiente demais para ver se a pessoa tem ou não flash instalado, se a versão dela é nova ou antiga e ja foi testado em diversos navegadores e sistemas operacionais e não deu bug nenhum.Detalhe que tem umas 10 linhas em javascript só, ehhehehee 100% valido, ehheeSó que esse eu não posso distribuir pois a empresa que trabalho comprou de mim esse script que fiz, só eu e a empresa podemos utilizar.Mas RoXbY...Nem tudo é validação.Não sacrifique a navegação do seu site por um codigo valido da w3c.Tem mil diversas logicas e soluções diferentes pra você poder deixar seu codigo valido.Porem se você tiver que sacrificar parte da tecnologia do site por isso não faça.O bom é ele ser acessivel a todos, mas quanto mais você procurar deixar no padrão, melhor.=)

[RoXbY 3]

ah, sim sim!! já instalei aqui o script do dreamweaver, já alterei algumas coisas e está já implementado o flash..valeu ae galera pela atenção!! ;D