Como colocar ultimos post !
4 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
Como colocar ultimos post !
- Descrição:
Olá, como faço para colocar como na print abaixo os ultimos post abaixo da shoutbox?
- Informações:
Fórum: | http://humbertycraft.ativoforum.com/ | Versão: | PUNBB |
Tipo: | Pedido de código | Tags: | colocar,ultimos |
Última edição por fatalisss em 22.04.14 0:29, editado 1 vez(es)
Re: Como colocar ultimos post !
Olá Fatalisss, adicione o código JS em todas as paginas:
E a sua CSS:
- Código:
jQuery(document).on('ready', function() {
jQuery('td.tcr').prepend('<div class="avat-miembro"><div>');
jQuery('td.tcr .avat-miembro').each(function () {
var profileUserURL = jQuery(this).parent().children('span').children('strong').children('a').attr('href');
jQuery(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="Endereço-da-imagem" alt="No Avatar" /></a>');
jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
});
});
E a sua CSS:
- Código:
.avat-miembro {
float: left;
}
.avat-miembro img {
width: 40px;
height: 40px;
padding: 1px;
margin: 0 5px;
border-radius: 10px
}
Re: Como colocar ultimos post !
Substitua o JS por este:
- 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)')
});
});
$(document).on('ready', function() {
$('dd.lastpost').prepend('<div class="avatar-index"><div>');
$('dd.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)')
});
});
Re: Como colocar ultimos post !
Bom dia!
Adicione este código CSS:
Shek
Adicione este código CSS:
- Código:
.mini_ava{
float:left;
}
.mini_ava img{
width:40px;
height:40px;
margin-right:8px;
margin-left:8px;
}
- Código:
$(function(){
if(!window.localStorage) return;
var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png';
var caching_time= 24*60*60*1000;
var caching_error= 60*1000;
var set_avatar= function(id) {
$('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />');
};
var get_avatar= function(id) {
if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
{
localStorage.setItem('d_ava'+id, default_avatar);
$.get('/u'+id, function (d){
localStorage.setItem('t_ava'+id,+new Date);
localStorage.setItem('d_ava'+id, $('#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',d).first().attr('src')||default_avatar);
set_avatar(id);
});
}
return localStorage.getItem('d_ava'+id);
};
var to_replace= {};
$('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){
to_replace[$(this).attr('href').substr(2)]= 1;
$(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>');
});
for(i in to_replace)
{
set_avatar(i);
};
});
Shek
Re: Como colocar ultimos post !
Olá!
Leia: https://ajuda.forumeiros.com/t91516-avatar-redondo-lastpost#621844
Use o código Javascript desse tópico, vai resultar!
Hancki
Leia: https://ajuda.forumeiros.com/t91516-avatar-redondo-lastpost#621844
Use o código Javascript desse tópico, vai resultar!
Hancki
Re: Como colocar ultimos post !
Olá!
Você está com um problema de colisão de códigos no JS ShoutBox.js e talvez o motivo da função não funcionar seja este. Tanto o código que lhe passei funcionou perfeitamente bem, assim como o do tópico indicado por Hancki. Verifique seus scripts e volte a nos informar da situação!
Atenciosamente,
Shek
Você está com um problema de colisão de códigos no JS ShoutBox.js e talvez o motivo da função não funcionar seja este. Tanto o código que lhe passei funcionou perfeitamente bem, assim como o do tópico indicado por Hancki. Verifique seus scripts e volte a nos informar da situação!
Atenciosamente,
Shek
Re: Como colocar ultimos post !
Shek, átraves do link passado por Hancki, fiz como ele ensinou é deu tudo certo, agradeço á Voces.
Tópicos semelhantes
» Como colocar "Últimos membros conectados" no fórum?
» Como colocar barra de ultimos assuntos
» Como colocar últimos assuntos no topo do fórum?
» Como colocar tags nos tópicos e nos últimos assuntos
» Como colocar ultimos assuntos dessa forma
» Como colocar barra de ultimos assuntos
» Como colocar últimos assuntos no topo do fórum?
» Como colocar tags nos tópicos e nos últimos assuntos
» Como colocar ultimos assuntos dessa forma
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