Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Houdini Houdini  • Qua 17 Jul 2013 - 19:18

Index box Ajustar Código Empty Index box Ajustar Código Qua 17 Jul 2013 - 19:18

Qual é minha questão:
Eis a minha questão, quero o avatar no lastpost e segui este tópico abaixo, pois também tenho o perfil IPB.

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Mais meu Index_Box já e editado, está abaixo:

Código:

<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
  <div class="boxfmvi">
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
     
            <tbody class="statused">
  <!-- END tablehead -->




  <!-- BEGIN forumrow -->
              <tr>
                                          <td class="tc2">
                                            <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                 
                                              <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                                          </td>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
             
                                                  <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
             
                    <p class="reppost" style="width:auto;"><span> » Tópicos: <span style="color:#FF0145;font-size:12px;">{catrow.forumrow.TOPICS}</span></span>  <span> » Posts: <span style="color:#0790FF;font-size:12px">{catrow.forumrow.POSTS}</span></span></p><div class=""cat-desc>{catrow.forumrow.FORUM_DESC}</div>
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
           
                  <td class="tcr">
                    <span>
             
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
                                                          <br />
             
                    {catrow.forumrow.USER_LAST_POST}
                                                  </span>
   
                                         
           
                  </td>
              </tr>
  <!-- END forumrow -->




  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>




<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Como vou poder colocar o código passado no primeiro link sem estragar a estrutura das categorias?



Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

victormenezes victormenezes  • Qua 17 Jul 2013 - 19:48

Index box Ajustar Código Empty Re: Index box Ajustar Código Qua 17 Jul 2013 - 19:48

Reputação da mensagem: 100% (1 votos)
use um código JS e um CSS,que está aqui:
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)}});

investimento:em qualquer lugar,que você queria que mostre!

CSS:
Código:
/*lastpost*/
.mini_ava {
  position: relative;
  top: -7px;
float: left;
}

.mini_ava img {
  position: relative;
  top: -7px;
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);
}

.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

isso fara aparecer as imagens o last post que vc quer!

Houdini Houdini  • Qui 18 Jul 2013 - 13:55

victormenezes victormenezes  • Qui 18 Jul 2013 - 14:03

Index box Ajustar Código Empty Re: Index box Ajustar Código Qui 18 Jul 2013 - 14:03

Reputação da mensagem: 100% (1 votos)
Houdini escreveu:Note que os avatares não aparecem.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Teria como ajustar?


amigo o código passado,é funcional veja se é outro javascript,que está impedindo,o funcionamento deste,!

vá desativando cada js em seu forum,e veja se o código volta a funconar!

Houdini Houdini  • Qui 18 Jul 2013 - 15:30

Index box Ajustar Código Empty Re: Index box Ajustar Código Qui 18 Jul 2013 - 15:30

Entendo meu caro, mesmo assim valeu...

victormenezes victormenezes  • Qui 18 Jul 2013 - 15:32

Index box Ajustar Código Empty Re: Index box Ajustar Código Qui 18 Jul 2013 - 15:32

Houdini escreveu:Entendo meu caro, mesmo assim valeu...
 posso fecha-lo então!

ps:eu tive um forum,e deu o mesmo problema descobrir que outro JS estava bugando!!

Houdini Houdini  • Qui 18 Jul 2013 - 15:33

Index box Ajustar Código Empty Re: Index box Ajustar Código Qui 18 Jul 2013 - 15:33

sim sim, pode meu caro, depois vou tirar código por código..........

victormenezes victormenezes  • Qui 18 Jul 2013 - 15:35

Index box Ajustar Código Empty Re: Index box Ajustar Código Qui 18 Jul 2013 - 15:35

[sucesso=Resolvido - Tópico Fechado]o Usuário(a) esta satisfeito com o resultado obtido,tópico arquivado![/sucesso]

Daemon Daemon  • Qui 18 Jul 2013 - 15:57

Index box Ajustar Código Empty Re: Index box Ajustar Código Qui 18 Jul 2013 - 15:57

Reputação da mensagem: 100% (1 votos)
Olá, sei que está fechado.
Tente este, com certeza irá funcionar:
Código:
jQuery(document).on('ready', function() {
    jQuery('td.tcr').prepend('<div class="mini-ava"><div>');
    jQuery('td.tcr .mini-ava').each(function () {
    var profileUserURL = jQuery(this).parent().children('span').children('strong').children('a').attr('href');
    jQuery(this).html('<a href="' + profileUserURL + '" class="mini-ava-enlace"><img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="Sem Avatar" /></a>');
    jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
    });
    });
Investimento no índice e sub-fóruns.
Depois adicione ao css:
Código:
.mini-ava {float: left;}
.mini-ava img {height: 35px;width: 35px;margin: 5px;border: 1px solid #DDD;padding: 1px;}
Até mais!

Conteúdo patrocinado  • 

Index box Ajustar Código Empty Re: Index box Ajustar Código

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