Avatar em fóruns vazios

3 participantes

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

Tópico resolvido Avatar em fóruns vazios

Mensagem por RuitherR 09.06.14 0:09


  • Descrição:

Olá, eu queria saber como posso colocar avatar (Última mensagem) nos fóruns vazios sem atrapalhar os sub-fóruns.
Na foto 01 eu quero colocar os avatares nos fóruns que não tem tópicos ainda (Fórum com tópico vazio).
Na foto 02 quero que continue o avatar sem ser retirado.

Fotos.
Foto 01 (Fórum): https://i.servimg.com/u/f39/18/65/52/93/a112.png
Foto 02 (Sub-Fórum): https://i.servimg.com/u/f39/18/65/52/93/a210.png

Código que usei para ter o avatar em última mensagem.

Código CSS:

Código:
.mini_ava {
     float: left;
   }

.mini_ava img {
     width: 40px;
     height: 40px;
     margin: 4 5px;
     border-radius: 2px;
     transition: all 1s;
     -moz-transition: all 1s;
     -webkit-transition: all 1s;
     -o-transition: all 1s;
   }






Código JS:

Código:
$(function(){
    
      if(!window.localStorage) return;
    
      // Avatar par défaut
        var default_avatar= 'http://cdn1.iconfinder.com/data/icons/basicset/user_64.png';
    
      // Temps de cache, ici 24 h * 60 m * 60 s * 1000 ms donc un jour
        var caching_time= 24*60*60*1000;
    
      // Temps de cache d'une erreur, ici 60 s * 1000 ms donc une minute
        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);
        };
    
  });



  • Informações:




Fórum:http://tbwrpg.sampforum.net/Versão:PHPBB3
Tipo:Pedido de códigoTags:Avatar,fóruns,vazios,(Última,Mensagem)



Última edição por RuitherR em 12.06.14 19:15, editado 1 vez(es)
RuitherR

RuitherR
***

Membro desde : 21/05/2014
Mensagens : 102
Pontos : 159

http://tbwrpg.sampforum.net/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Avatar em fóruns vazios

Mensagem por Shek 09.06.14 1:33

Boa noite!

Leia o seguinte tópico: https://ajuda.forumeiros.com/t92801-

Atenciosamente,
Shek

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre JavaScript & jQuery'
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em fóruns vazios

Mensagem por RuitherR 09.06.14 2:32

Já fiz isso e ta tudo ok. Porém, eu quero que tenha um avatar padrão (a partir de uma foto) nos tópicos vazios.

Onde está escrito "Avatar pra tópico vazio", quer dizer que quero um avatar padrão aonde está vazio sem interferir nos sub-tópicos.

Imagem 01: https://i.servimg.com/u/f39/18/65/52/93/a112.png
RuitherR

RuitherR
***

Membro desde : 21/05/2014
Mensagens : 102
Pontos : 159

http://tbwrpg.sampforum.net/forum

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Avatar em fóruns vazios

Mensagem por Shek 09.06.14 2:39

Olá!

Qual é o código que está a usar?

Até!
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em fóruns vazios

Mensagem por RuitherR 09.06.14 2:41

RuitherR escreveu:

  • Descrição:


Código CSS:

Código:
.mini_ava {
     float: left;
   }

.mini_ava img {
     width: 40px;
     height: 40px;
     margin: 4 5px;
     border-radius: 2px;
     transition: all 1s;
     -moz-transition: all 1s;
     -webkit-transition: all 1s;
     -o-transition: all 1s;
   }






Código JS:

Código:
$(function(){
    
      if(!window.localStorage) return;
    
      // Avatar par défaut
        var default_avatar= 'http://cdn1.iconfinder.com/data/icons/basicset/user_64.png';
    
      // Temps de cache, ici 24 h * 60 m * 60 s * 1000 ms donc un jour
        var caching_time= 24*60*60*1000;
    
      // Temps de cache d'une erreur, ici 60 s * 1000 ms donc une minute
        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);
        };
    
  });
RuitherR

RuitherR
***

Membro desde : 21/05/2014
Mensagens : 102
Pontos : 159

http://tbwrpg.sampforum.net/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Avatar em fóruns vazios

Mensagem por Shek 09.06.14 3:07

Boa noite!

Para definir um avatar padrão para quando o sistema estiver carregando, você deverá mudar a URL da imagem a seguir:
http://cdn1.iconfinder.com/data/icons/basicset/user_64.png
Ela se encontra no código JS.

Se os usuários não tem um avatar, provavelmente você não deve ter adicionado um na função correspondente da FAQ abaixo:
https://ajuda.forumeiros.com/-t15419.htm

Atenciosamente,
Shek
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em fóruns vazios

Mensagem por RuitherR 09.06.14 3:14

Shek, esse conteúdo não tem a ver com o que eu quero. Eu, antes, peguei desse link os códigos: Clique Aqui.

Entretando Shek, esse código não aparece o avatar no sub-tópico, e este código que eu coloquei logo acima (no inicio do problema), funciona no sub-tópico, mas não fica avatar em locais que não tem tópicos (no fórum). Entendeu?

Por favor me ajuda Triste
RuitherR

RuitherR
***

Membro desde : 21/05/2014
Mensagens : 102
Pontos : 159

http://tbwrpg.sampforum.net/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Avatar em fóruns vazios

Mensagem por Shek 11.06.14 14:52

Olá!

Substitua todo o seu Javascript por este:
Código:
$(function(){
   
      if(!window.localStorage) return;
   
      // Avatar par défaut
        var default_avatar= 'http://cdn1.iconfinder.com/data/icons/basicset/user_64.png';
   
      // Temps de cache, ici 24 h * 60 m * 60 s * 1000 ms donc un jour
        var caching_time= 24*60*60*1000;
   
      // Temps de cache d'une erreur, ici 60 s * 1000 ms donc une minute
        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);
        };
jQuery(document).ready(function(){jQuery('.topiclist.forums .row .lastpost').prepend('<div class="avatar-index"><div>');
jQuery('.topiclist.forums .row .lastpost .avatar-index').each(function(){var profileUserURL=jQuery(this).parent().children('span').children('strong').children('a').attr('href');jQuery(this).html('<a href="/profile?mode=editprofile&page_profil=avatars" class="sem_avatar"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="Sem avatar" /></a>');jQuery(this).children('a').load(profileUserURL+' .module:eq(0) img:eq(0)');});});
   
  });
Modifique a URL do avatar ao encontrar isso:
http://cdn1.iconfinder.com/data/icons/basicset/user_64.png

Eu acho que agora funcionará.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em fóruns vazios

Mensagem por RuitherR 12.06.14 4:33

Funcionou nos fóruns vazios, mas, ficou 2 avatares em fóruns que existem tópicos.

Imagem do problema: https://i.servimg.com/u/f39/18/65/52/93/avatar11.png

OBS: Funcionou o avatar no sub-tópico Feliz
RuitherR

RuitherR
***

Membro desde : 21/05/2014
Mensagens : 102
Pontos : 159

http://tbwrpg.sampforum.net/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Avatar em fóruns vazios

Mensagem por Shek 12.06.14 12:23

Bom dia!

Você poderia remover o fórum da manutenção e ativar o código novamente? Eu re-apliquei o código e ele repete sim a imagem, mas quando a pessoa tem um avatar ele some, deixando apenas um.

Até mais!
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em fóruns vazios

Mensagem por RuitherR 12.06.14 14:59

Re-apliquei o código e continua a mesma coisa.

Obs: Fórum aberto Feliz
RuitherR

RuitherR
***

Membro desde : 21/05/2014
Mensagens : 102
Pontos : 159

http://tbwrpg.sampforum.net/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Avatar em fóruns vazios

Mensagem por Hancki 12.06.14 15:32

Use este CSS:
Código:
a.sem_avatar img {
    float: left;
  }
.mini_ava img {
   display: none;
}
a.sem_avatar img  {
    width: 40px;
    height: 40px;
    margin: 4 5px;
    border-radius: 2px;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em fóruns vazios

Mensagem por RuitherR 12.06.14 15:34

Funcionou nos fóruns, mas, nos sub-tópicos eles sumiram Triste
RuitherR

RuitherR
***

Membro desde : 21/05/2014
Mensagens : 102
Pontos : 159

http://tbwrpg.sampforum.net/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Avatar em fóruns vazios

Mensagem por Hancki 12.06.14 18:49

Acho que tem que funcionar sim...
A página do código JS, invista também nos sub-fóruns!
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em fóruns vazios

Mensagem por RuitherR 12.06.14 19:14

Deixa pra la. Fiz desse jeito também e não funcionou. Obrigado pela ajuda Feliz
RuitherR

RuitherR
***

Membro desde : 21/05/2014
Mensagens : 102
Pontos : 159

http://tbwrpg.sampforum.net/forum

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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