Inserindo elementos Flash no site com o código validado
Postado por Rodrigo Medeiros | Algo sobre Geral, Tutoriais
Volltei com mais um dica, dessa vez com uma solução para inserir animações (arquivos .swf) no site, e mantendo o código ok. Geralmente, a maneira mais comum de inserir esses elementos, é pelo Dreamweaver, usando o elemento <object>, que cria uma moldura bastante inconveniente, e que também deixa o código sujo.Para evitar esses problemas, uma dica é usar Java Script, deixando o código validado, e removendo essa moldura. Vamos aos códigos.
1. Para funcionar, você vai precisar do arquivo flash.js. Baixe aqui o arquivo. Insira esse código no <head> da sua página para importar o .js. Segue abaixo o exemplo.
<script type=“text/javascript” src=“js/flash.js”></script>
Agora vai o código para inserir o swf propriamente dito.
<script type=“text/javascript”> <!– new Flash(”flash.swf”, “Topo”, “750″, “500″,
{wmode: "transparent", scale: "Scale"}).write();
//-->
</script>
Lembrando de alguns detalhes. A dimensão do arquivo swf (”750″, “500″ largura e altura respectivamente), e o wmode, que pode ser opaque ou transparent.
Pronto, só isso. Espero que seja útil para todos. Qualquer dúvida, entrem em contato
Tags: Acessibilidade, Flash, Javascript, Tutoriais
Validando CSS
Postado por Rodrigo Medeiros | Algo sobre CSS
Hello galera. Ai vai uma dica para quem está tendo problemas em validar o código css.
Com os problemas que enfretamos em função das diferenças dos navegadores (em especial o IE), precisamos apelar para os Hacks para amenizar essas diferenças, o problema é que esses Hacks fazer com que o nosso código não valide, deixando muita gente confusa. Ai vai uma solução para ter o código validado e o site perfeito em vários navegadores.
Para isso, basta adicionar uma condição, onde dependendo da versão, o navegador carrega um arquivo css diferente.
Exe:
<!–[if lte IE 7]>
<link rel=”stylesheet” type=”text/css” href=”ie7hacks.css” />
<![endif]–>
PS: Lembrando que esse código fica dentro do <head>.
Nesses exemplo usei um hack para o IE7, agora, basta remover os hacks do seu código css principal, e coloca-los no arquivo ie7hacks.css.
Pronto, só isso, caso necessário, pode-se também adicionar para o IE6 ou outros que vocês precisem.
Té +
Tags: CSS, Dicas, Web Standards
