Início
![[TUTORIAL] Mostrando ultimos membros em um widget Groupe10](https://i.servimg.com/u/f66/15/86/37/09/groupe10.png) | [TUTORIAL] Mostrando ultimos membros em um widget. |
Já existe a possibilidade de criar um widget com o memso efeito, mas esse mais profissional e elegante, e ao passar o mouse em cima do avatar aparece o nome do usuario em um tooltip.
![[TUTORIAL] Mostrando ultimos membros em um widget Act_bottom](https://2img.net/h/forumeiros.com/i/img/act_bottom.png) |
|
--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Mostrando ultimos membros em um widget.
[TUTORIAL] Mostrando ultimos membros em um widget.
1º - Criando um novo widget e inserindo o código...
Vá em...
Depois clique em:Painel de ControleMódulos > Portal e Widgets
![[TUTORIAL] Mostrando ultimos membros em um widget Result12](https://i.servimg.com/u/f46/16/96/02/41/result12.png)
Nome do widget : Dê qualquer nome para identiicação.
Utilizar um table type : Marque SIM.
Título do widget : Escreva "Quem esteve aqui?" (se preferir).
Fonte do widget * : Cole o código abaixo.
- CLIQUE AQUI PARA ABRIR:
- Código:
<style>
#topp img {
height: 32px;
width: 32px;
background-color:
#FCFCFF;
padding: 2px;
border: 1px solid
#CCC;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
}
#topp {
text-align: left;
width: 205px;
}
#topp a span{display:none;}
#topp a:hover span {
display: inline;
position: absolute;
padding: 5px;
border: 1px solid
white;
border-radius: 1px;
background:
rgba(0, 0, 0, 0.8);
box-shadow: 0 0 4px
#333;
color:
white !important;
font-size: 10px;
}
</style>
<div id="topp"></div>
<script>
jQuery("#topp").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username td.avatar-mini a:lt(20)");
</script>
<div id="latest_registers"></div>
<script>
jQuery("#latest_registers").load("/memberlist?mode=joined&order=DESC&submit=Ok&username td.avatar-mini a:lt(20)");
</script>
<style>
#latest_registers img {
height: 32px;
width: 32px;
background-color:
#FCFCFF;
padding: 2px;
border: 1px solid
#CCC;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
}
#latest_registers {
text-align: left;
width: 215px;
}
#latest_registers a span{display:none;}
#latest_registers a:hover span {
display: inline;
position: absolute;
padding: 5px;
border: 1px solid
white;
border-radius: 1px;
background:
rgba(0, 1, 2, 0.8);
box-shadow: 0 0 4px
#334;
color:
white !important;
font-size: 10px;
}
</style>
2º - Resultado...
![[TUTORIAL] Mostrando ultimos membros em um widget 2323210](https://i.servimg.com/u/f48/16/58/45/96/2323210.jpg)
- Funciona em quais versões?
Todas
© SH-Skins
![[TUTORIAL] Mostrando ultimos membros em um widget Act_bottom](https://www.forumeiros.com/i/img/act_bottom.png) | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Mostrando ultimos membros em um widget. |
![[TUTORIAL] Mostrando ultimos membros em um widget Vote_lcap](https://2img.net/i/fa/prosilver_grey/vote_lcap.png){kind=small}
![[TUTORIAL] Mostrando ultimos membros em um widget Voting_bar](https://2img.net/i/fa/prosilver_grey/voting_bar.png){kind=small}
![[TUTORIAL] Mostrando ultimos membros em um widget Vote_rcap](https://2img.net/i/fa/prosilver_grey/vote_rcap.png){kind=small}