Ultimo post personalizado

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

Resolvido Ultimo post personalizado

Mensagem por LewisSmooken em 04/03/13, 12:53 pm

Qual é minha questão:
Olá eu vi esse efeito em alguns forum e achei que ficaram ótimos e gostaria de colocar no meu
aqui esta uma imagem para o melhor intendimento. Eu queria por causa do avatar rs.



Alguem em ajuda a conseguir este Css ?

Endereço do meu fórum:
http://gantz.forumeiros.com

Versão do fórum:
PHPBB2


Última edição por LewisSmooken em 04/03/13, 04:28 pm, editado 1 vez(es)
avatar

LewisSmooken
Nível 6

Masculino
Inscrito dia : 26/07/2012
Mensagens : 68
Pontos Ativos : 98

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

Resolvido Re: Ultimo post personalizado

Mensagem por Gmtp em 04/03/13, 12:56 pm

Olá

Faça os seguintes procedimentos:
Painel de controle >> Módulos >> HTML & JAVASCRIPT >> Gestão dos códigos Javascript >> Criar novo código Javascript:

Nome: O que desejas
Intestimento: No indice
Código Javascript:

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)')
    });
});

Depois vai em

Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilo CSS >> Adicione o seguinte código

Código:
.avatar-index { float: left; }
.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #cfcfcf; margin: 0 5px;padding: 1px;}
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Ultimo post personalizado

Mensagem por LewisSmooken em 04/03/13, 12:59 pm

Não teve resultado amigo.
avatar

LewisSmooken
Nível 6

Masculino
Inscrito dia : 26/07/2012
Mensagens : 68
Pontos Ativos : 98

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

Resolvido Re: Ultimo post personalizado

Mensagem por Gmtp em 04/03/13, 01:16 pm

Olá, Troque o Javascript que eu dei por este :

Código:
jQuery(document).on('ready', function() {
jQuery('table.forumline[width="100%"][border="0"] tbody tr td.row3.over').prepend('<div class="avat-miembro"><div>');
jQuery('table.forumline[width="100%"][border="0"] tbody tr td.row3.over .avat-miembro').each(function () {
var profileUserURL = jQuery(this).parent().find('span strong a').attr('href');
jQuery(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="Endereço-da-imagem" alt="No Avatar" /></a>');
jQuery(this).children('a').load(profileUserURL + ' table[width="100%"][border="0"] td[width="300"][valign="top"] table.forumline[width="100%"][border="0"] td.row1.gensmall[align="center"] img:eq(0)')
});
});

Funciono?

Até
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Ultimo post personalizado

Mensagem por .Danni. em 04/03/13, 01:33 pm

Olá,

Veja o seguinte tutorial: http://ajuda.forumeiros.com/t70587-

Cordialmente,
The Boss
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Ultimo post personalizado

Mensagem por LewisSmooken em 04/03/13, 04:28 pm

Obrigado The Boss fiz o tutorial e funcionou vlw.
avatar

LewisSmooken
Nível 6

Masculino
Inscrito dia : 26/07/2012
Mensagens : 68
Pontos Ativos : 98

Ver perfil do usuário http://gantz.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