Manual na Rede contato: Botões com efeito e som

Botões com efeito e som

Exemplo de botões com efeito ShadowBox com som

É Necessário utilizar esses botões em Layout > Adicionar um Gadjet > HTML/JavaScriptAdicionar para ver o efeito do som.

Botão com efeito e som redirecionamento em Shadow Box para um video Vimeo

<div class="divspoiler"><a href="http://vimeo.com/moogaloop.swf?clip_id=118019503&autoplay=1" rel="shadowbox;width=853;height=507;" onmouseover= "if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" ><img border="0" onmouseout="if (document.images) document.manualredehum.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png';" onmouseover="if (document.images) document.manualredehum.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7G68gsls5C3sXXqLCzCNeNrIju0xnVIQojCv9LTM_pC6nvEiifEU2H1qjX5ijM0hOfzxyb5n8YUXQsZuJYLXLHmkfGvfvi2LaurH6Q6sZ6g54Hqf9GLixtyl6y8-VHgdT_mrImbsep0Q/s1600/ImagemBotao.png';" rel="shadowbox;width=853;height=507;" img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png" height="80" name="manualredehum" width="80" /></a></a></div><div><div class="spoiler" style="display: none;"><embed autoplay="false" height="0" src="http://www.logosfoundation.org/instrum_gwr/springers/shake.wav" width="0"></embed><br /></div>

Botão com som redirecionamento em Shadow Box para uma página da Web

<div class="divspoiler"><a href="http://manualnarede.blogspot.com.br/" onmouseover= "if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}"onmouseout="if (document.images) document.manualrededois.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png';" onmouseover="if (document.images) document.manualrededois.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7G68gsls5C3sXXqLCzCNeNrIju0xnVIQojCv9LTM_pC6nvEiifEU2H1qjX5ijM0hOfzxyb5n8YUXQsZuJYLXLHmkfGvfvi2LaurH6Q6sZ6g54Hqf9GLixtyl6y8-VHgdT_mrImbsep0Q/s1600/ImagemBotao.png';" rel="shadowbox;width=853;height=507;" title="manualrededois"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png" height="80" name="manualrededois" width="80" /></a></a></div><div><div class="spoiler" style="display: none;"><embed autoplay="false" height="0" src="http://www.logosfoundation.org/instrum_gwr/springers/shake.wav" width="0"></embed><br /></div>

Botão Estático com som redirecionamento simples para uma página da Web

Botão estático com som redirecionamento em Shadow Box para um video do Youtube

<div class="divspoiler"><a href="https://www.youtube.com/v/mYMcSHzHqxA&rel=0&autoplay=1" onmouseover= "if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" onmouseout="if (document.images) document.manualredetres.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png';" onmouseover="if (document.images) document.manualredetres.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7G68gsls5C3sXXqLCzCNeNrIju0xnVIQojCv9LTM_pC6nvEiifEU2H1qjX5ijM0hOfzxyb5n8YUXQsZuJYLXLHmkfGvfvi2LaurH6Q6sZ6g54Hqf9GLixtyl6y8-VHgdT_mrImbsep0Q/s1600/ImagemBotao.png';" rel="shadowbox[academia]" title="manualredetres"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png" height="80" name="manualredetres" width="80" /></a></a></div><div><div class="spoiler" style="display: none;"><embed autoplay="false" height="0" src="http://www.logosfoundation.org/instrum_gwr/springers/shake.wav" width="0"></embed><br /></div>

Botão com efeito redirecionamento em Shadow Box para um video Vimeo

<div class="divspoiler"><a href="javascript:void(0);" onmouseover= "if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" ><a href="http://vimeo.com/moogaloop.swf?clip_id=118019503&autoplay=1" onmouseout="if (document.images) document.manualredequatro.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png';" onmouseover="if (document.images) document.manualredequatro.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7G68gsls5C3sXXqLCzCNeNrIju0xnVIQojCv9LTM_pC6nvEiifEU2H1qjX5ijM0hOfzxyb5n8YUXQsZuJYLXLHmkfGvfvi2LaurH6Q6sZ6g54Hqf9GLixtyl6y8-VHgdT_mrImbsep0Q/s1600/ImagemBotao.png';" rel="shadowbox;width=853;height=507;" title="manualredequatro"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png" height="80" name="manualredequatro" width="80" /></a></a></div><div><div class="spoiler" style="display: none;"><embed autoplay="false" height="0" src="http://www.logosfoundation.org/instrum_gwr/springers/shake.wav" width="0"></embed><br /></div>

Botão com efeito e som redirecionamento em Shadow Box para um video do Youtube

<div class="divspoiler"><a href="https://www.youtube.com/v/mYMcSHzHqxA&rel=0&autoplay=1" rel="shadowbox;width=853;height=507;" onmouseover= "if (this.parentNode.nextSibling.childNodes[0].style.display != ''){ this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" ><img border="0" onmouseout="if (document.images) document.manualredecinco.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png';" onmouseover="if (document.images) document.manualredecinco.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7G68gsls5C3sXXqLCzCNeNrIju0xnVIQojCv9LTM_pC6nvEiifEU2H1qjX5ijM0hOfzxyb5n8YUXQsZuJYLXLHmkfGvfvi2LaurH6Q6sZ6g54Hqf9GLixtyl6y8-VHgdT_mrImbsep0Q/s1600/ImagemBotao.png';" rel="shadowbox;width=853;height=507;"img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png" height="80" name="manualredecinco" width="80" /></a></a></div><div><div class="spoiler" style="display: none;"><embed autoplay="false" height="0" src="http://www.logosfoundation.org/instrum_gwr/springers/shake.wav" width="0"></embed><br /></div>

CLIQUE NO EXEMPLO E OUÇA O SOM DOS BOTÕES

Exemplo de botões com efeito ShadowBox sem som

<a href="javascript:void( window.open('http://blogdetesteblogeta.blogspot.com.br/p/contato.html', 'blank','scrollbars=yes,toolbar=no,width=850,height=650'))" onmouseout="if (document.images) document.contatsforms.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png';" onmouseover="if (document.images) document.contatsforms.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7G68gsls5C3sXXqLCzCNeNrIju0xnVIQojCv9LTM_pC6nvEiifEU2H1qjX5ijM0hOfzxyb5n8YUXQsZuJYLXLHmkfGvfvi2LaurH6Q6sZ6g54Hqf9GLixtyl6y8-VHgdT_mrImbsep0Q/s1600/ImagemBotao.png';"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png" height="80" name="contatsforms" width="80" /></a>

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw2OgE4k92lASkCazNyy7jKOkzixR3jfU4iq5PAzUlmQ_adA7sW_NNCiM-XA0sC0vR3IVTPh_NupwEkB9iAnuOMK8eAbRFuU8fTntWO1ErHQGJtuR3GSTTjyfLlUAmCU8dWHAOOSZP9IU/s1600/SuaImagemAqui.png" onmouseout="if (document.images) document.ManualNaRede.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png';" onmouseover="if (document.images) document.ManualNaRede.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7G68gsls5C3sXXqLCzCNeNrIju0xnVIQojCv9LTM_pC6nvEiifEU2H1qjX5ijM0hOfzxyb5n8YUXQsZuJYLXLHmkfGvfvi2LaurH6Q6sZ6g54Hqf9GLixtyl6y8-VHgdT_mrImbsep0Q/s1600/ImagemBotao.png';" rel="shadowbox[academia]"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png" height="80" name="ManualNaRede" width="80" /></a>

Curta a nossa Fan Page

<a class="preview" data-rel="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw2OgE4k92lASkCazNyy7jKOkzixR3jfU4iq5PAzUlmQ_adA7sW_NNCiM-XA0sC0vR3IVTPh_NupwEkB9iAnuOMK8eAbRFuU8fTntWO1ErHQGJtuR3GSTTjyfLlUAmCU8dWHAOOSZP9IU/s1600/SuaImagemAqui.png" href="http://manualnarede.blogspot.com.br/" onmouseout="if (document.images) document.ManualNaNet.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png';" onmouseover="if (document.images) document.ManualNaNet.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7G68gsls5C3sXXqLCzCNeNrIju0xnVIQojCv9LTM_pC6nvEiifEU2H1qjX5ijM0hOfzxyb5n8YUXQsZuJYLXLHmkfGvfvi2LaurH6Q6sZ6g54Hqf9GLixtyl6y8-VHgdT_mrImbsep0Q/s1600/ImagemBotao.png';" rel="shadowbox[academia]"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png" height="80" name="ManualNaNet" width="80" /></a>

<a class="preview" data-rel="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png" href="https://maps.google.com.br/maps?cbll=-23.970688,-46.32932&layer=c&panoid=wVI7_JkczmmjAoncMeXddQ&cbp=12,47.53,,0,-5.5&ie=UTF8&ll=-23.989389,-46.308746&spn=0.183495,0.338173&t=m&z=12&source=embed&output=svembed" onmouseout="if (document.images) document.ManualNaInternet.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png';" onmouseover="if (document.images) document.ManualNaInternet.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7G68gsls5C3sXXqLCzCNeNrIju0xnVIQojCv9LTM_pC6nvEiifEU2H1qjX5ijM0hOfzxyb5n8YUXQsZuJYLXLHmkfGvfvi2LaurH6Q6sZ6g54Hqf9GLixtyl6y8-VHgdT_mrImbsep0Q/s1600/ImagemBotao.png';" rel="shadowbox[academia]" title="Aulas Ballet"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPD4sPE5z_FgXzhAaOcmN2mlwpFw_LlGJ1NuH73mY26rEWFCzngeylBs6B9q6H4VajPPmCnzHPx5Y4fGbnqBpNcRuN0_M8rTybMvBPNQ-VhmJuxLVCj6QcRy7UTlFc_1GhCqUIgnIPzg/s1600/CliqueExemplo.png" height="80" name="ManualNaInternet" width="80" /></a>

Imagem

YouTube

Mapa do Google

Vimeo

Exemplo de botões com efeito ShadowBox sem som

Curta a nossa Fan Page