Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

avatarT-Lord
Admin


[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.

CRÉDITOS!
cntt-k3 - Criador do código.
RMBR: Edição para português e postagem do tutorial.
--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Mostrando ultimos membros em um widget.


- Criando um novo widget e inserindo o código...
Vá em...

Painel de Controle Módulos > Portal e Widgets Gestão dos widgets do forúm.
Depois clique em:

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>


- Resultado...


  • Funciona em quais versões?
    Todas




© SH-Skins


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.

Ver perfil do usuário http://www.zonetoony.net

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum