Início1
Efeito Shadow Box em Videos Ter Jul 17, 2012 1:04 pm
JhowRiosWeb
Administrador
Olá galera, a pedido aqui vou por como adicionar Efeito Shadow Box em Videos como fiz no template da Anime Styler o qual postei aqui.
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
1º Adicione o seguinte codigo depois da tag <head>.
2º Para adicionar o efeito nas imagens com link do vídeo da sua postagem adicione o seguinte código.
Funciona com youtube normalmente, para outros hosters de vídeo hospedar o código HTML do embed em uma pagina exemplo: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
1º Adicione o seguinte codigo depois da tag <head>.
- Código:
<link href="http://jhow-rios.webs.com/Shadow%20Box/Shadowbox.css" rel="stylesheet" type="text/css"></link> <script src="http://jhow-rios.webs.com/Shadow%20Box/shadowbox2.js" type="text/javascript"> <script type='text/javascript'> Shadowbox.init({ handleOversize: "resize", modal: false }); </script>
2º Para adicionar o efeito nas imagens com link do vídeo da sua postagem adicione o seguinte código.
- Código:
<a href="http://www.blogger.com/EMBED%20DO%20V%C3%8DDEO" rel="shadowbox;width=480;height=385" title="NOME DO VIDEO"><img alt="" border="0" height="60" src="IMAGEM" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="NOME DO VIDEO" width="400" /></a>
Funciona com youtube normalmente, para outros hosters de vídeo hospedar o código HTML do embed em uma pagina exemplo: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
