Efeito "Shadow BOX" em videos

Bom galera e um tutorial bem interessante utilizado em grandes sites/blogs abaixo segue o exemplo eo tutorial

Demonstração

primeiro procure por:
<head>

Acima disso cole:

<!-- Efeito ShadowBox -->

<link href='http://blogdamecanica.zxq.net/Shadow%20Box/Shadowbox.css' rel='stylesheet' type='text/css'/>

<script src='http://blogdamecanica.zxq.net/Shadow%20Box/shadowbox%281%29.js' type='text/javascript'/>

<script type='text/javascript'>

 Shadowbox.init({

   handleOversize: &quot;resize&quot;,

    modal: false

});

</script>

<!-- Fim do efeito ShadowBox -->

Agora vamos para o codigo na postagem

Para postar o efeito shadow box em videos com uma imagem no teremos que pegar o "embed" do video

Exemplo:

<iframe width="560" height="315" src="

http://www.youtube.com/embed/IA_ePwEGWIU

" frameborder="0" allowfullscreen></iframe>

agora vamos aplicar na postagem

Para aplica o efeito por links cole o codigo abaixo em sua postagem

<a title="Nome do video" href="Codigo embed do video" rel="shadowbox;width=480;height=385">Mensagem a ser exibida</a>

Para aplica o efeito por Imagens cole o codigo abaixo em sua postagem

<a title="Nome do video" href="Codigo embed do video" rel="shadowbox;width=480;height=385"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Nome do video" border="0" alt="" src="URL DA IMAGEM" width="Largura da imagem" height="

Altura da imagem"></a>

É isso aew galera ate a proxima!!!

FONTE:MUNDO BLOGGER

Design On Brasil V3.0

+ Main Menu

+ Multimídia

+ Tutoriais

+ Vídeo Aulas

+ Parceiros

+ Status DOB