Avatar do usuário na função "Quem está conectado?" (PHPBB3)
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1 • Compartilhe
Avatar do usuário na função "Quem está conectado?" (PHPBB3)
Quem está conectado com avatar |
Avatar em quem está conectado para a versão PhpBB3? Isto é incrível mesmo! Neste tutorial vamos aplicar um efeito em JS para fazer com que o avatar do usuário apareça no lugar do nome do mesmo.
--> Tutoriais <--
Avatar do usuário na função "Quem está conectado?"
Avatar do usuário na função "Quem está conectado?"
1º - Criação da página JS:
Antes de tudo, crie uma página JavaScript em PA > Módulos > HTML e JS > Criar uma página JS > e em Investimento aplique o código no "Índice":
- Código:
jQuery(function () {jQuery("#main p ").addClass("listonline");jQuery("#main p.page-bottom").removeClass("listonline")});
jQuery(document).on('ready', function () {
jQuery('#page-body .listonline a[href*="/u"]') .each(function () {
var userdata = jQuery(this).attr('href');var username = jQuery(this).text();
jQuery(this).load(userdata + '#main-content #profile-advanced-right img:eq(0) ', function() {this.className = 't_avatar'; jQuery(this).children('img').before('<datatip>'+username+'</datatip>');
}); jQuery(this).hover(function(){ jQuery(this).find('datatip').show();},function(){
jQuery(this).find('datatip').hide();});});});
Acesse Visualização > imagens e Cores > Cores > Folha de estilo CSS > e cole este código CSS:
- Código:
datatip {
position: absolute;
background: #e6e6e6;
padding: 4px 9px;
border-radius: 3px;
margin-top: -25px;
margin-left: -20px;
display: none;
color: #FF6600;
font-weight: 800;
}
.t_avatar img {
height: 30px;
margin: 0 5px;
padding: 1px;
width: 30px;
padding: 2px;
margin: 0 5px;
border: 1px solid #105289;
}
© ShiftActif
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Avatar do usuário na função "Quem está conectado?" |
Tópicos semelhantes
» Quem está conectado personalizado
» [TUTORIAL] Mudar o nome "Quem está conectado?" do fórum
» Colocar o nome do usuário embaixo do avatar
» Quadro online e offiline na frente do avatar do usuário
» Conectado como IPBoard
» [TUTORIAL] Mudar o nome "Quem está conectado?" do fórum
» Colocar o nome do usuário embaixo do avatar
» Quadro online e offiline na frente do avatar do usuário
» Conectado como IPBoard
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|