[Tutorial] Widget Staff online com botão de mp + visualizar perfil
Página 1 de 1 • Compartilhe
Autor: Rafaels.
Funcionalidade: Em todas as versões
Basta criar um novo widget com esse código:
- Código:
<script type="text/javascript">
myStaff = ['/u1', '/u2', '/u3', '/u4', '/u5'];
staff_cache_time = 4*60*1000; // mm*ss*ms;
</script>
<div id="theStaff">
</div>
<div style="display:none" id="theContent">
</div><script type="text/javascript">
if (localStorage.staffOn && localStorage.staffEx > +new Date - staff_cache_time) jQuery('#theStaff').html(localStorage.staffOn);
else loadStaff();
function loadStaff() {
jQuery('#theContent').load('/viewonline #main-content a, a.gen', function() {
for (i=0; i<myStaff.length; i++) jQuery('#theContent a').filter(function() { return jQuery(this).attr('href') === myStaff[i] }).appendTo('#theStaff').wrap('<div class="myStaff">');
if (!jQuery('#theStaff .myStaff').length) jQuery('#theStaff').html('Sem equipe moderação online.');
jQuery('.myStaff a').each(function() {
var href = jQuery(this).attr('href');
jQuery(this).before('<span class="monAva"></span>').prev().load(href + ' #profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img', function() {
if (window.localStorage) {
localStorage.staffOn = jQuery('#theStaff').html();
localStorage.staffEx = +new Date;
}
});
});
});
}
jQuery(document).ready(function(){ jQuery('.myStaff a').each(function() { var href = jQuery(this).attr('href');
var mp = this.pathname; var user = mp.substring(1,5); var usert = "/privmsg?mode=post&u=";var mpuser = usert + user;
jQuery(this).after('<br><span class="monPro"> <a href='+href+'><img src="http://2img.net/i/fa/prosilver_grey/icon_user_profile.png"></a> <a href='+mpuser+'><img src="http://i19.servimg.com/u/f19/18/07/03/67/add10.png"></a></span>');
});
});
</script><style type="text/css">.monAva img {
height: 20px;
width: 20px;
margin-right: 5px;
background: none repeat scroll 0 0 #FFF;
border: 1px solid #d5d1c8;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
padding: 1px;
}
.monAva img:hover {
border: 1px solid black;
}
.myStaff a {
margin: 0 !important;
vertical-align: top !important;
}
.monPro {position: relative; left: 25px;top: -10px}
</style>
Altere essa parte no código mandado:
Essa linha que mandei acima se refere aos membros que você deve por para aparecer no widget.myStaff = ['/u1', '/u2', '/u3', '/u4', '/u5']
Tópicos semelhantes
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|