Marcos Augusto
CoordenadorComo colocar a imagem do perfil no ultimo topico |
bom,hoje vim ensinar a vocês como colocar a imagem do perfil de uma pessoa que postou algo,no forum
--> Tutoriais, dicas e astúcias <--
Como colocar a imagem do perfil no ultimo topico
Como colocar a imagem do perfil no ultimo topico
1º - Adicionar codigo JS
Painel de controle>modulos>HTML e JavaScript>Gestão dos códigos JavaScript>
Agora Crie um novo JavaScript com investimento "No índice":
- Código:
$(document).on('ready', function() {
$('.topiclist.forums .row .lastpost').prepend('<div class="avatar-index"><div>');
$('.topiclist.forums .row .lastpost .avatar-index').each(function () {
var profileUserURL = $(this).parent().children('span').children('strong').children('a').attr('href');
$(this).html('<a href="' + profileUserURL + '" class="avatar-index-enlace"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="No Avatar" /></a>');
$(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
});
});
2º - Adicionar CSS
Depois Aceda o seu Painel de controle>visualização>imagens e cores>cores>Folha estilo CSS
Após, adicione em teu CSS:
- Código:
#avatar-lastpost img {
width: 40px;
height: 40px;
background: white;
padding: 3px;
border: 1px solid gray;
}
#avatar-lastpost img:hover {
border: 1px solid black;
}
3º - Resultado:
(imagem não ilustrativa capturada por marcos augusto)
© Help Brasil & Marcos Augusto
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Como colocar a imagem do perfil no ultimo topico |