JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

Pedido - Avatar no Indice

Ir para baixo  Mensagem [Página 1 de 1]

1Pedido - Avatar no Indice Empty Pedido - Avatar no Indice Sex 13 Set 2013, 12:21 pm

Convidado

avatar
Convidado

Olá,

Gostava de saber como colocar o Avatar do usuário no fim do lastpost no indice.

www.suportedesign.net || PunBB



Última edição por IsmaelS. em Sex 13 Set 2013, 12:49 pm, editado 1 vez(es)

2Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 12:44 pm

Legolas

Legolas
Moderadores
Moderadores

Olá! Que tal seguir o que se pede antes de postar sua questão? A saber, o endereço do seu fórum (o que vai usar o efeito e não o de teste).

http://aden.rpgwars.net

3Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 12:50 pm

Convidado

avatar
Convidado

Já modifiquei porá ver agora.

4Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 1:15 pm

Convidado

avatar
Convidado

5Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 1:20 pm

Convidado

avatar
Convidado

Olá,

Amigo eu abro esse tutorial, mas algo estranho acontece é que diz que tenho que estar Registado para ver o conteúdo ...

6Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 1:23 pm

Legolas

Legolas
Moderadores
Moderadores

Adicione esse javascript com investimento no índice e nos subfóruns ou nos templates correspondentes se desejar.
Código:

jQuery(document).ready(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)}});
Depois adicione esse CSS:
Código:
.mini_ava img {
width: 36px;
height: 36px;
margin: 0 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
float: left;
}
Resultado:

Pedido - Avatar no Indice Untitl34

http://aden.rpgwars.net

7Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 1:27 pm

Convidado

avatar
Convidado

Olá,

No meu aparece sempre o mesmo avatar:

https://i.servimg.com/u/f42/17/62/49/09/pp-bla10.png

Pode confirmar: www.suportedesign.net/forum

8Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 1:30 pm

Convidado

avatar
Convidado

Saudações!

Agora adicione também este tutorial:
http://jscript.forumeiros.com/t15-perfil-ipb-v14-20b

Até mais.

9Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 1:31 pm

Convidado

avatar
Convidado

Olá,

Já tenho isso colocado pode confirmar lá.

10Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 1:37 pm

Legolas

Legolas
Moderadores
Moderadores

O que acontece é o seguinte, o avatar não aparece justamente porque foi trocado o perfil para o IPB. Peço que aguarde.

http://aden.rpgwars.net

11Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 1:42 pm

Convidado

avatar
Convidado

coloque em seu Javascript

Código:

jQuery(document).ready(function() { jQuery("tbody.statused tr td.tcr span:not(tbody.statused tr td.tcr a span)").each(function() { var link = jQuery(this).find('a:eq(0)').attr('href'), j = jQuery(this); jQuery.get(link,function(data) { var i = jQuery('.user-ident a img[alt]:last', data).attr('src'), k = jQuery('.user h4.username a:last', data).attr('href'); jQuery(j).prepend('<a href="' + k + '" id="avatar-lastpost"><img src="' + i + '" /></a></br>') }); }); });
coloque em seu CSS:

Código:

#avatar-lastpost img {
background: #fff;
border: 1px solid gray;
height: 45px;
padding: 2px;
width: 30px;
float: left;
position: relative !important;
left: -3px;
top: 5px;
}

#avatar-lastpost img:hover {
border: 1px solid black;
}
Resulta?

12Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 1:56 pm

Legolas

Legolas
Moderadores
Moderadores

O código passado pelo Houdini também resulta, veja que testei direto em seu fórum:

Pedido - Avatar no Indice Untitl35

http://aden.rpgwars.net

13Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 1:56 pm

Convidado

avatar
Convidado

Olá,

Eu tive a mudar as medidas na .CSS:

Código:
#avatar-lastpost img {
background: #fff;
border: 1px solid gray;
height: 40px;
padding: 2px;
width: 30px;
float: left;
position: relative !important;
left: -3px;
top: 15px;
}

#avatar-lastpost img:hover {
border: 1px solid black;
}
E veja como ficou: www.suportedesign.net/forum o nick está por baixo do avatar...

14Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 2:02 pm

Convidado

avatar
Convidado

Já tentei de tudo meu caro...

mas sempre fica bugado, você só tem a alternativa de aumentar o Height para 50 px, que ficaria normal....

talvez alguém mais experiente que eu consiga ajustar, basta esperar

15Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 2:03 pm

Legolas

Legolas
Moderadores
Moderadores

Troque o CSS por este:

Código:
#avatar-lastpost img {
background: #fff;
border: 1px solid gray;
height: 30px;
padding: 2px;
width: 30px;
float: left;
position: relative !important;
left: -3px;
top: 15px;
}

#avatar-lastpost img:hover {
border: 1px solid black;
}

http://aden.rpgwars.net

16Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 2:06 pm

Convidado

avatar
Convidado

Olá,

Agora o nickname ficou debaixo do avatar ...

17Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 2:12 pm

Legolas

Legolas
Moderadores
Moderadores

O que deseja amigo?

http://aden.rpgwars.net

18Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 2:15 pm

Convidado

avatar
Convidado

Veja como está:

Pedido - Avatar no Indice 1_bmp21

Se reparar o nick do usuário está debaixo do Avatar e queria ao lado também !

19Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 2:34 pm

Legolas

Legolas
Moderadores
Moderadores

Mas isso é a quebra de linha do fórum amigo.

http://aden.rpgwars.net

20Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 2:37 pm

Convidado

avatar
Convidado

Olá,

Mas então como ponho isso direito ?

21Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 3:07 pm

Legolas

Legolas
Moderadores
Moderadores

Mas ele está direito, se deseja ele em linha, uma alternativa que achei foi adicionar uma classe para a pseudo-variável do template.

Preste bastante atenção. Em seu template index_box, adicione esse código no início:

Código:
<style>
  .linha br {
  display: none;
  }
</style>
No mesmo template, procure por:

Código:
{catrow.forumrow.USER_LAST_POST}
E troque por:

Código:
<div class="linha">{catrow.forumrow.USER_LAST_POST}</div>
Salve e não esqueça de publicar!

http://aden.rpgwars.net

22Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 3:12 pm

Convidado

avatar
Convidado

Resolvido obrigado !

23Pedido - Avatar no Indice Empty Re: Pedido - Avatar no Indice Sex 13 Set 2013, 4:00 pm

Legolas

Legolas
Moderadores
Moderadores

Que tal nos ajudar a organizar o fórum e clicar em Resolvido? Se quiser também em Curtir Wink

http://aden.rpgwars.net

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos