![[TUTORIAL] Mostrando ultimos membros em um widget Buddy_Group](https://2img.net/h/cdn1.iconfinder.com/data/icons/df_On_Stage_Icon_Set/128/Buddy_Group.png){kind=icon}
Suporte Forumeiros
Início
Entrar
Cadastre-se
Mensagens
Moedas![[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...
Painel de ControleMódulos > Portal e Widgets
Depois clique em:
![[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.
- 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
