Widget Staff Online

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Widget Staff Online

Mensagem por Victor Monteiro em 22.10.18 13:00

Detalhes da questão


Endereço do fórum: http://brasilperfectnew.forumeiros.com
Versão do fórum: ModernBB

Descrição


Como crio o widget Staffs online?
Widget Staff Online Dd10
Victor Monteiro

Victor Monteiro
Nível 10

Masculino
Inscrito dia : 14/07/2018
Mensagens : 272
Pontos Ativos : 421

http://derby-family.forumeiros.com/

Atendido / Resolvido Re: Widget Staff Online

Mensagem por Pedxz em 22.10.18 13:13

Olá @Victor Monteiro,
Siga este tópico em execução: Questão em curso.


Cordialmente,
pedxz.


Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Pedxz Moderadeiro
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3343
Pontos Ativos : 3993

https://power-pixel.net

Atendido / Resolvido Re: Widget Staff Online

Mensagem por Victor Monteiro em 22.10.18 13:24

coloca na folha de estillo?
Victor Monteiro

Victor Monteiro
Nível 10

Masculino
Inscrito dia : 14/07/2018
Mensagens : 272
Pontos Ativos : 421

http://derby-family.forumeiros.com/

Atendido / Resolvido Re: Widget Staff Online

Mensagem por Pedxz em 22.10.18 13:58

Simplesmente crie um widget com o seguinte código:
Código:
<ul id="staff_widget">
</ul><script type="text/javascript">
/*
 *  Application: Staff Online Widget
 *  Date: 14/06/2018
 *  Version: 2.014062018
 *  Copyright (c) 2018 Daemon <help.forumotion.com>
 *  This work is free. You can redistribute it and/or modify it
 */
jQuery(function() {
 
    function staffOnline() {
 
        var staff = [
            {
                group: "Administrador",
                color: "BF263C" // eb0008
            },
            {
                group: "Moderador",
                color: "2929E6"
            },
            {
                group: "Designer",
                color: "CA4BD1"
            },
            {
                group: "Adaptador de Skin",
                color: "617F9C"
            }
        ];
 
        jQuery.get("/viewonline", function(data) {
            staffWidget.html("");
            // variables
            var table = jQuery(".table, .table1, .ipbtable, .three-col .forumline", data);
            // List each item in the array
            jQuery.each(staff, function(i, val) {
                var staffColor = table.find("span[style*='" + val.color + "']");
                // Check span elements that contain array colors
                if (typeof(staffColor) != "undefined" && staffColor != null) {
                    // For each existing color
                    jQuery.each(staffColor, function(i, el) {
                        var stafferHref = jQuery(el).closest("a").attr("href");
                        jQuery.get(stafferHref, function(data2) {
                            var stafferName = jQuery(el).closest("a").parent().html(),
                                stafferId = stafferHref.split("/u")[1],
                                avatarSrc = jQuery(".module", data2).find("img").attr("src");
                            staffWidget.append(
                                '<li class="online_staff clearfix">' +
                                '  <div class="div-icon-staff">' +
                                '    <div class="staff-avatar"><img src="' + avatarSrc + '" alt="avatar"></div>' +
                                '  </div>' +
                                '  <div class="div-main-staff">' +
                                '    <div class="staff-mp"><a href="/privmsg?mode=post&u=' + stafferId + '"><img src="https://hitsk.in/t/18/09/33/i_icon_pm.png" title="Send PM"></a></div>' +
                                '    <div class="staff-name">' + stafferName + '</div>' +
                                '    <p class="staff-rank">' + val.group + '</p>' +
                                '  </div>' +
                                '</li>'
                            );
                            sessionStorage.setItem("online_staff", staffWidget.html());
                        }); // end request 2
                    }); // end each staffColor
                }// end if
            });// end each staff
        });// end request 1
    }
 
    var staffWidget = jQuery("#staff_widget");
    storedValue = sessionStorage.getItem("online_staff");
    staffWidget.html((storedValue !== null) ? storedValue : staffOnline());
 
    setInterval(function() {
        sessionStorage.removeItem("online_staff");
        staffOnline();
    }, 120000); // staffOnline function, reload every 2 minutes
 
});
</script><style type="text/css">
#staff_widget {padding: 0;}
#staff_widget:empty:before {
    content: "Não há staff online!";
}
#staff_widget .online_staff {
  display: block;
  font-size: 14px;
  padding: 1px 0;
  zoom: 1;
}
#staff_widget .div-icon-staff {
  width: 25px;
  min-width: 25px;
  padding-top: 12px;
}
#staff_widget .div-icon-staff, #staff_widget .div-main-staff {
  display: table-cell;
  padding: 8px;
  vertical-align: top;
}
#staff_widget .staff-avatar {
  background: #fff;
  vertical-align: middle;
  display: inline-block;
  line-height: 1px;
  position: relative;
  margin: 2px;
}
#staff_widget .staff-avatar img {
  width: 34px;
  height: 34px;
  border: 1px solid #ddd;
}
#staff_widget .staff-mp {
  display: inline-block;
  float: right;
  margin-right: -25px;
}
#staff_widget .staff-rank {
  color: rgb(150, 150, 150);
  margin-top: 5px;
}
</style>


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Pedxz Moderadeiro
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3343
Pontos Ativos : 3993

https://power-pixel.net

Atendido / Resolvido Re: Widget Staff Online

Mensagem por Victor Monteiro em 22.10.18 14:48

Widget Staff Online Bug10

Ocorreu esse bug, e agr?
Victor Monteiro

Victor Monteiro
Nível 10

Masculino
Inscrito dia : 14/07/2018
Mensagens : 272
Pontos Ativos : 421

http://derby-family.forumeiros.com/

Atendido / Resolvido Re: Widget Staff Online

Mensagem por Pedxz em 22.10.18 18:22

Acabei de entrar no seu fórum e aparentemente está resolvido, ainda têm mais alguma questão?


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Pedxz Moderadeiro
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3343
Pontos Ativos : 3993

https://power-pixel.net

Atendido / Resolvido Re: Widget Staff Online

Mensagem por Victor Monteiro em 22.10.18 19:35

SS meu resolvir, obrigado pode fechar
Victor Monteiro

Victor Monteiro
Nível 10

Masculino
Inscrito dia : 14/07/2018
Mensagens : 272
Pontos Ativos : 421

http://derby-family.forumeiros.com/

Atendido / Resolvido Re: Widget Staff Online

Mensagem por RafaelS. em 22.10.18 23:08

Tópico resolvido


Movido para "Questões resolvidas".


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Widget Staff Online XCPergr
Widget Staff Online 6KeRsER
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4990
Pontos Ativos : 5962

http://techmais.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


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