Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Ausência dos campos de perfil
Hoje à(s) 4:13 por while

» Formulário de postagem
Hoje à(s) 3:55 por while

» Problema nas páginas devido aos anúncios
Hoje à(s) 3:47 por while

» Anúncios rolantes no fórum
Hoje à(s) 3:44 por while

» Anti owner no chatbox
Hoje à(s) 3:19 por Cream

» Membro do mês
Hoje à(s) 3:18 por Cream

» Bug no plug-in "Criar tags bbcode" do Daemon
Hoje à(s) 0:31 por while

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
Nean
 
lavinnia
 
Harold C+
 
Sennior
 
BichodoMato
 

Quem está conectado
79 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 75 Visitantes :: 2 Motores de busca

Alvaro Badaro WF, FelipExBR, GollD, while

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Colocar avatar no widget ultimos assuntos

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Colocar avatar no widget ultimos assuntos

Mensagem por IsmaelS. em Sab 21 Mar 2015 - 17:11

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox
Membros afetados : Todos os membros do fórum
Problema começou : Há uma semana
Endereço do fórum : http://www.suportedesign.forumeiros.com

Descrição do problema

Bem eu desejava saber como colocar o widget de últimos assuntos com os avatares dos usuários.

Aqui fica um exemplo:
- http://www.bestskins.net/forum


Última edição por IsmaelS. em Sab 21 Mar 2015 - 19:05, editado 1 vez(es)

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2607
Pontos Ativos : 5018

http://suportedesign.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Colocar avatar no widget ultimos assuntos

Mensagem por IsmaelS. em Sab 21 Mar 2015 - 17:29

Olá,

Amigo a mim não realizou efeito nenhum infelizmente...

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2607
Pontos Ativos : 5018

http://suportedesign.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Colocar avatar no widget ultimos assuntos

Mensagem por IsmaelS. em Sab 21 Mar 2015 - 17:45

@PlayBoy1 escreveu:Tem como tirar o seu fórum de manutenção para que eu possa realizar uns testes ?

Claro amigo, retirado!

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2607
Pontos Ativos : 5018

http://suportedesign.forumeiros.com/

Resolvido Re: Colocar avatar no widget ultimos assuntos

Mensagem por Shek em Sab 21 Mar 2015 - 18:07

Olá!

Acesse seus templates em Visualização > Templates > Portal > mod_recent_topics e substitua o template por:
Código:

    <!-- JScript - 2013-07-08 - http://punbb.forumeiros.com -->
    <!-- BEGIN scrolling_row -->
    <div class="module main">
      <div class="main-head"><div class="h3">Tópicos Recentes</div></div>
        <div id="mod_recent_topics" class="main-content _sbcollapsable" style="margin: 0px; height: 225px; max-height: 225px; overflow: auto;">
            <ul class="ipsList_withminiphoto" style="margin: 0px !important;">
                <!-- BEGIN recent_topic_row -->
                <li class="clearfix">
                    <!-- BEGIN switch_poster -->
                    <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}" class="ipsUserPhotoLink left">
                        <img src="" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini"
                            style="width: 30px; height: 30px; border: 1px solid rgb(213, 213, 213); background: none repeat scroll 0% 0% rgb(255, 255, 255);
                                box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 1px;">
                    </a>
                    <!-- END switch_poster -->
                    <div class="list_content" style="margin-left: 40px; word-wrap: break-word;">
                        <a onmouseover="document.getElementById('comments_scroll_container').stop();"
                            onmouseout="document.getElementById('comments_scroll_container').start();" class="ipsType_small" style="font-size: 12px;"
                            href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE} - criado em {scrolling_row.recent_topic_row.S_POSTTIME}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}
                        </a>
                        <p class="desc ipsType_smaller" style="color: rgb(119, 119, 119);">
                            <!-- BEGIN switch_poster -->
                            <a onmouseover="document.getElementById('comments_scroll_container').stop();"
                                onmouseout="document.getElementById('comments_scroll_container').start();"
                                href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}" style="font-size: 11px !important;">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}
                            </a>
                            <!-- END switch_poster -->

                            <!-- BEGIN switch_poster_guest -->
                            {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}
                            <!-- END switch_poster_guest -->

                            - {scrolling_row.recent_topic_row.S_POSTTIME}
                        </p>
                    </div>
                </li>
                <!-- END recent_topic_row -->
          </ul>
      </div>
    </div>

    <script type="text/javascript">
    //<![CDATA[
    $(function(){
        div_marquee('mod_recent_topics', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
    });
    //]]>
    </script>
    <!-- END scrolling_row -->

    <!-- BEGIN classical_row -->
    <div class="module main">
      <div class="main-head"><h3>Tópicos Recentes</h3></div>
      <div id="mod_recent_topics" class="main-content _sbcollapsable" style="margin: 0px; height: 225px; max-height: 225px; overflow: auto;">
            <ul class="ipsList_withminiphoto" style="margin: 0px !important;">
                <!-- BEGIN recent_topic_row -->
                <li class="clearfix">
                    <!-- BEGIN switch_poster -->
                    <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" class="ipsUserPhotoLink left">
                        <img src="" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini"
                            style="width: 30px; height: 30px; border: 1px solid rgb(213, 213, 213); background: none repeat scroll 0% 0% rgb(255, 255, 255);
                                box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 1px;">
                    </a>
                    <!-- END switch_poster -->
                    <div class="list_content" style="margin-left: 40px; word-wrap: break-word;">
                        <a href="{classical_row.recent_topic_row.U_TITLE}" class="ipsType_small" style="font-size: 12px;"
                            title="{classical_row.recent_topic_row.L_TITLE} - criado em {classical_row.recent_topic_row.S_POSTTIME}">{classical_row.recent_topic_row.L_TITLE}</a>
                        <p class="desc ipsType_smaller" style="color: rgb(119, 119, 119);">
                            <!-- BEGIN switch_poster -->
                            <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" style="font-size: 11px !important;">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
                            <!-- END switch_poster -->

                            <!-- BEGIN switch_poster_guest -->
                            {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
                            <!-- END switch_poster_guest -->

                            - {ON} {classical_row.recent_topic_row.S_POSTTIME}
                        </p>
                    </div>
                </li>
                <!-- END recent_topic_row -->
          </ul>
      </div>
    </div>
    <!-- END classical_row -->
    <script type="text/javascript">
    //<![CDATA[
    /***
    * Widget Recent Topics
    * Only one request per session to read member profile to get avatar!
    * Only show the widget if is visible in browser window (view port)!!!
    * Made and Optimizations by JScript - 2013/07/12
    */
   
    /* Fire event for 'scroll' to show the widget... */
    $(window).load(function() {
        if (location.pathname == '/forum') {
            jQuery(window).on('scroll.mod_recent_topics', showRecentTopics(document.getElementById("mod_recent_topics")));
        }
    });
    /* Function to check if an element is visible in view port */
    function isInViewPort(elem) {
      var rect = elem.getBoundingClientRect();

      return (
      rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
      rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ );
    }
    /* Start function to show the widget... */
    function showRecentTopics(elem) {
      return function() {
            /* Chech if the widget is visible in view port! */
          if (isInViewPort(elem)) {
                /* If visible, stop event!!! */
            jQuery(window).off('scroll.mod_recent_topics');
                /* DOM chached for fast execution! */
                var oTarget = $('#mod_recent_topics').find('ul.ipsList_withminiphoto > li');

                oTarget.each(function () {
                    oThis = $(this); /* DOM chached for fast execution! */
                 
                    if (oThis.find('a.ipsType_small').text().indexOf('_Log') !== -1) oThis.remove();
                 
                    var load_container = oThis.children('a');
                    var UserURL = load_container.attr('href');
                    var def_img = "http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png"; /* In case request profile errors! */
                    var sHtml = '<img src="' + def_img + '" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini" ' +
                                '    style="width: 30px; height: 30px; border: 1px solid rgb(213, 213, 213); background: none repeat scroll 0% 0% rgb(255, 255, 255);' +
                                '        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 1px;">';
                    var UserIMG = sessionStorage.getItem(UserURL); /* Gets the avatar saved in local storage (Fastest!)*/
         
                    /* If avatar alread saved, then no request member profile! */
                    if(UserIMG) {
                        load_container.children('img').attr('src', UserIMG);
                    } else {
                        /* if not, then only request per session!!! */         
                        load_container.load(UserURL + ' #profile_tabs p img', function() {
                            var imgTag = load_container.children('img');
                 
                            if (imgTag.length == 0) {
                                load_container.append(sHtml);
                                /* Saves the default avatar in local storage */
                                sessionStorage.setItem(UserURL, def_img);
                            } else {
                                imgTag.attr('class','ipsUserPhoto ipsUserPhoto_mini');
                                imgTag.css({ 'width' : '30px', 'height' : '30px', 'border' : '1px solid rgb(213, 213, 213)', 'padding' : '1px',
                                    'background' : 'none repeat scroll 0% 0% rgb(255, 255, 255)', 'box-shadow' : '0px 2px 2px rgba(0, 0, 0, 0.1)' });
                                /* Saves the member avatar in local storage */
                                sessionStorage.setItem(UserURL, imgTag.attr('src'));
                            }
                        });
                    }
                });
          }
      }
    }
    //]]>
    </script>
Tenha em mente a nova atualização do widegt que não está definida no código: http://ajuda.forumeiros.com/t98609-atualizacao-do-template-do-widget-topicos-recentes Este código foi editado pelo @JScript. Piscada

Atenciosamente,
Shek


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14643
Pontos Ativos : 21669

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Colocar avatar no widget ultimos assuntos

Mensagem por IsmaelS. em Sab 21 Mar 2015 - 18:11

Olá!

Sim já tinha reparado da notícia amigo, mas agora voltando à dúvida alterei, mas agora não aparece nada... Irritado

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2607
Pontos Ativos : 5018

http://suportedesign.forumeiros.com/

Resolvido Re: Colocar avatar no widget ultimos assuntos

Mensagem por Shek em Sab 21 Mar 2015 - 18:57

Olá!

A melhor forma de encontrar tópicos para sanar sua dúvida é usando o sistema de busca do FDF.
http://ajuda.forumeiros.com/t98643-
http://ajuda.forumeiros.com/t93895-
http://ajuda.forumeiros.com/t98030-


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14643
Pontos Ativos : 21669

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Colocar avatar no widget ultimos assuntos

Mensagem por IsmaelS. em Sab 21 Mar 2015 - 19:05

Olá!

Infelizmente nenhum resultou, mas deixe estar fica assim, pode dar como resolvido, obrigado!

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2607
Pontos Ativos : 5018

http://suportedesign.forumeiros.com/
  • 0

Resolvido Re: Colocar avatar no widget ultimos assuntos

Mensagem por Shek em Sab 21 Mar 2015 - 19:11

Na verdade, há um script deles que funciona. O detalhe é que, o seu template sendo alterado acaba por dificultar o código encontrar determinados seletores no template, e por este motivo, não funciona. Enfim, ficamos gratos pela sua dúvida.

Até mais!

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14643
Pontos Ativos : 21669

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5