Tooltip Spoiler "Parceiros+" |
1º - Widget
Painel de Controle-Modulos-Gestão dos Widgets-Criar Widget Personalizado
O codigo e esse:
- Código:
<html>
<head>
<title>Spoiler HTML code</title>
<style type="text/css">
body,input
{
.spoiler
{
border:0px solid #ddd;
padding:3px;
}
.spoiler .inner
{
border:0px solid #eee;
padding:3px;margin:3px;
}
</style>
<script type="text/javascript">
function showSpoiler(obj)
{
var inner = obj.parentNode.getElementsByTagName("div")[0];
if (inner.style.display == "none")
inner.style.display = "";
else
inner.style.display = "none";
}
</script>
</head>
<body><div class="spoiler">
<input type="button" onclick="showSpoiler(this);" value="Parceiros +" />
<div class="inner" style="display:none;"><br>
<center>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<br><br>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<a href="LINK-DO-PARCEIRO" target="_blank"><img border="0" height="80" src="http://i15.servimg.com/u/f15/17/71/75/73/sem_ta16.png" title="NOME-DO-PARCEIRO" width="80" /></a>
<br><br>
<a href="LINK-DO-PEDIDO-DE-PARCERIA" target="_blank"><img border="1" height="50" src="http://i15.servimg.com/u/f15/17/71/75/73/banner10.jpg" title="Para ser parceiro clique na imagem." width="800" /></a></center>
</div>
</div>
</body>
</html>
2º - Resultado
© VirtualDesign/STAFFGROPS