Extreme Design
Olá caro visitante da Extreme Design, bem-vindo ao seu fórum de design, cadastre-se ou efetue o login de sua conta e desfrute de todas as exclusividades especiais de membros do fórum.

Att. Administração & Moderação Extreme Design

Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Efeito Shadow Box em Videos em Ter Jul 17, 2012 1:03 pm

JhowRiosWeb

avatar
Administrador
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.

[Você precisa estar registrado e conectado para ver 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: &quot;resize&quot;, 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: [Você precisa estar registrado e conectado para ver este link.]


_________________

__________________________________________

[Você precisa estar registrado e conectado para ver esta imagem.]
But you asked me to love you and I did
Traded my emotions for a contract to commit
And when I got away, I only got so far
The other me is dead
I hear his voice inside my head
Ver perfil do usuário http://extremedesign.forumeiro.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum