Widget staff online
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Widget staff online
Detalhes da questão
Endereço do fórum: http://derby-family.forumeiros.com/
Versão do fórum: ModernBB
Descrição
como add essa barra de staff online
Re: Widget staff online
Veja este tutorial (em inglês): https://help.forumotion.com/t151423-tutorial-online-staff-widget
Convidado- Convidado
Re: Widget staff online
Olá @Victor Monteiro,
Crie um widget customizado, com o seguinte código:
Cordialmente,
pedxz
Título alterado de 'Add essa barra' para 'Widget staff online'.
Crie um widget customizado, 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: "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://2img.net/s/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>
- Código:
var staff = [
{
group: "Nome do grupo",
color: "cor respetiva"
},
{
group: "Moderador",
color: "2929E6"
},
{
group: "Designer",
color: "CA4BD1"
},
{
group: "Adaptador de Skin",
color: "617F9C"
}
];
Cordialmente,
pedxz
Título alterado de 'Add essa barra' para 'Widget staff online'.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Widget staff online
Tópico resolvidoTópico marcado como resolvido pela equipe por abandono do autor. |
Tópicos semelhantes
» Widget Staff online
» Widget staff online
» Widget staff online
» WidGet Staff Online
» Widget Staff Online
» Widget staff online
» Widget staff online
» WidGet Staff Online
» Widget Staff Online
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos