Hola comunidad, cree una animación en .swf, posteriormente la convertí en HTML5 y la pude añadir a mi foro por medio de este código:
Código HTML:
<table width="1143" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><iframe src="http://pkdream.com/foros/images/fondos/Cabecera.html" width="1143" height="200" frameborder="0"></iframe></td>
</tr>
</table> Usando un iframe, pero lo que realmente quiero es que esa animación quede de fondo para añadir el logo encima de la animación y también para añadir unos botones de redes sociales, algo cómo ésto:
Las letras moradas son el logo, los dibujos de los Pokémon son el fondo y las Redes Sociales a un lado, con este código hice eso:
Código HTML:
<table border="0" width="1143" height="200" background="http://pkdream.com/foros/images/suen/cabecera.png" align="center"
STYLE="background-repeat:no-repeat;
box-shadow: 0px 0px 20px #000000;
border-radius: 10px;">
<tr>
<td class="logowrap" width="795" align="right"><a href="http://pkdream.com/foros"><img src="http://pkdream.com/foros/images/suen/logo.png" width="425" height="190" border="0"></a></td>
<td align="right" valign="bottom">
<a href="http://www.facebook.com/comunidadpkdream" class="navc" target="_blank"><img src="http://pkdream.com/images/facebook.png" border=0 title="Facebook PkDream" hspace="4" style="box-shadow: 0px 0px 5px #000000; border-radius: 5px;"></a>
<a href="http://twitter.com/pkdream" class="navc" target="_blank"><img src="http://pkdream.com/images/twitter.png" border=0 title="Twitter PkDream" style="box-shadow: 0px 0px 5px #000000; border-radius: 5px;"></a>
<a href="http://youtube.com/pkdreamforos" class="navc" target="_blank"><img src="http://pkdream.com/images/youtube.png" border=0 title="Canal PkDream" hspace="4" style="box-shadow: 0px 0px 5px #000000; border-radius: 5px;"></a></td>
</tr>
</table>
Espero y alguien me pueda ayudar, saludos.