Avatar em "Última Mensagem"

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

Resolvido Avatar em "Última Mensagem"

Mensagem por Yunnoh em Sex 16 Nov 2012 - 10:11

Bem, vou explicar detalhadamente qual é meu problema, estou com um script que faz o avatar de quem postou a ultima mensagem em um fórum, aparecer no índice como na imagem a seguir:

E quando passamos o mouse sobre ele, o tamanho dele dobra:

E quando clicamos nele, somos redirecionados para o perfil do usuário:

Mas a minha questão é:
Eu posso colocar isso nos tópicos? Mantendo todos os efeitos?


Aqui está o JavaScript:
Investimento que eu uso: Índice. (Já tentei colocar em sub-fóruns também mais não resultou, já coloquei em todas as páginas e também não resultou).
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)')
        });
    });
Aqui está o CSS:
/* Avatar em lastpost */
.avatar-index { float: left; }
.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #cfcfcf; margin: 0 5px;padding: 1px;
border-radius: 0px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.avatar-index img:hover
{
width: 80px;
height: 80px;
}
/* Fim do avatar em lastpost */
Agradeço muito se alguém conseguir, muito obrigado!


Fórum: http://transformicebr.ativoforum.com/ (phpBB 3)


Última edição por Yunnoh em Dom 18 Nov 2012 - 17:41, editado 1 vez(es)
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por Tiffye em Sex 16 Nov 2012 - 10:16

Buenos!

Vamos aplicar primeiramente o CSS de personalização, então acesse: Painel de Controle > Visualização > imagens e Cores > Cores > Folha de estilo CSS >:
/* Avatar na página principal */
.avatar-index {float: left;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px dashed #CCC;}
.avatar-subforo {float: right;}
/* Avatar na página principal */
Ao adicionar, vamos aplicar o código JS.

// No lugar de VERSAO, coloque a versão do seu fórum e letras minúsculas. Por exemplo, phpbb3.
var versionForum='VERSAO';

eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 0=3;$(4(){0=5});$.6(\'7://8-9.a.b/c/d/1/e.1\');',15,15,'READY_AVATAR|js|var|false|function|true|getScript|http|scripts|giobanii|googlecode|com|svn|trunk|avatar_index'.split('|'),0,{}))

Marque Investimento, para Todas as páginas e Salve.

Touks! Piscada
avatar

Tiffye
Nível 9

Feminino
Inscrito dia : 04/11/2012
Mensagens : 199
Pontos Ativos : 240

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por Yunnoh em Sex 16 Nov 2012 - 18:28

Bem, agora não está mais aparecendo no índice:

Está aparecendo nos tópicos porém no lugar errado e quando clica não vai ao perfil do usuário e quando passa o mouse não tem mais o efeito houver que ele cresce um pouco.

Coloquei o antigo script de volta, vamos tentar de outra maneira, obrigado!
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por Sennior em Sex 16 Nov 2012 - 18:58

Olá querida autora,

Eu ainda não compreendi o que deseja fazer. Poderia ser mais clara?

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por Yunnoh em Sex 16 Nov 2012 - 19:12

Bem, está vendo este efeito de avatar em "Última Mensagem":

É um script que tenho, está excelente! Ele aparece apenas nos fóruns.
Eu gostaria que ele aparecesse também nos tópicos em "Última Mensagem".
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por Consolado em Sex 16 Nov 2012 - 21:31

Olá!

Selecione a opção "No índice" e "Nos sub-fóruns (fóruns)" do Investimento, e mantenha o código, sem modificá-lo.

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por Yunnoh em Sex 16 Nov 2012 - 23:09

Já tentei fazer isso, achei também que daria certo, porém, não deu.
Obrigado!
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por Yunnoh em Sab 17 Nov 2012 - 18:30

UP!
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por seender em Sab 17 Nov 2012 - 18:53

Olá!

Utilize o mesmo script que usou no início do tópico, troque somente o css que utiliza por este:
Código:
/* Avatar em lastpost */
.avatar-index { float: left; }
.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #cfcfcf; margin: 0 5px;padding: 1px;
border-radius: 0px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.avatar-index img:hover
{
width: 40px;
height: 40px;
}
/* Fim do avatar em lastpost */

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por Yunnoh em Sab 17 Nov 2012 - 19:03

Bem, vamos ver se entendi direito, devo usar o mesmo JavaScript com investimentos no Índice e nos Sub-Fóruns, e o CSS devo alterar para este?
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por BrunoH. em Sab 17 Nov 2012 - 19:04

Olá autor!
Sim, isto mesmo.

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por Yunnoh em Sab 17 Nov 2012 - 19:06

Está aparecendo nos fóruns como antes, sem o efeito de zoom ao passar o mouse. Não seria um problema se estivesse aparecendo nos tópicos, porém, sinto dizer que não está aparecendo nos tópicos.
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por seender em Sab 17 Nov 2012 - 19:09

Olá!

Então qual seria o resultado pretendido? usei o mesmo código em meu fórum de testes e funciona 100%, veja:
http://brazucas.forumado.net/

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por Yunnoh em Sab 17 Nov 2012 - 19:15

Esse resultado eu já tinha, aparecer nos fóruns e sub-fóruns, eu queria adicionar este efeito também aos tópicos, observe:

Obrigado!
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por seender em Sab 17 Nov 2012 - 19:21

Olá!

Substitua seu JS por este:
Código:
$(document).on('ready', function() {
        $('.topiclist.forums .row .lastpost, dd.lastpost').prepend('<div class="avatar-index"><div>');
        $('.topiclist.forums .row .lastpost, 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)')
        });
    });

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por Yunnoh em Sab 17 Nov 2012 - 19:30

Bem, agora os do fórum deixaram de funcionar, aliás, não aparece mais nada no campo "Última Mensagem" do fórum, olhe:

Porém, nos tópicos a data ficou abaixo do avatar, deveria ter ficado ao lado, mais já obtivemos um resultado, olhe:

Obrigado!
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por seender em Sab 17 Nov 2012 - 19:55

Olá!

Troque todo e qualquer código 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)')
        });
    });
Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por Yunnoh em Sab 17 Nov 2012 - 22:20

O resultado obtido nos fóruns:

E nos tópicos continua da mesma maneira:
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/
  • 0

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por seender em Sab 17 Nov 2012 - 23:09

Olá!

Poxa vida, só agora que fui ver o meu erro, nem acredito, aqui está o código:
Código:
$(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)')
        });
    });
Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por Yunnoh em Dom 18 Nov 2012 - 9:30

Estamos indo muito bem! Agora foi a tentativa em que chegamos mais perto, no fórum está perfeito! Olhe:

O único erro foi nos tópicos, a data ficou no local errado o que gerou um grande espaço, olhe só:

Legenda:
Vermelho - Data da postagem está no lugar errado.
Verde - Lugar onde a data da postagem deveria está.
Obrigado!
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por seender em Dom 18 Nov 2012 - 15:40

Olá!

Remova todo o js e adicione este:
Código:
$(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)')
        });
    });

jQuery(document).ready(function(){
$("dd.lastpost br").attr('style','clear','right');});
Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Avatar em "Última Mensagem"

Mensagem por Yunnoh em Dom 18 Nov 2012 - 17:41

Ficou excelentemente perfeito seender, agradeço de verdade a sua paciência, muito obrigado!
#Reputado.
#.
#
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

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