Zona dos últimos posts

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

Resolvido Zona dos últimos posts

Mensagem por Diogo Ferreira em 12/03/14, 07:23 pm

Qual é minha questão:
Olá.
No fórum está assim: http://gyazo.com/3678e6493ee84535c0739c54e7a0242b
Eu queria, assim: http://gyazo.com/f6f29647e1243e59424b75cb7d514864

Tem como? 

Endereço do meu fórum:
www.fusionpt.forumeiros.eu

Versão do fórum:
PHPBB3


Última edição por Diogo Ferreira em 13/03/14, 04:04 pm, editado 2 vez(es)
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos últimos posts

Mensagem por HilterHP em 12/03/14, 07:35 pm

Olá amigo, antes poderia editar sua questão ?

Endereço do meu fórum
ajuda.forumeiros.com

Este fórum e o forum da Forumeiros.com e não o seu, edite por favor Triste
avatar

HilterHP
Nível 10

Masculino
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409

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

Resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira em 12/03/14, 07:37 pm

Já está, engano meu.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos últimos posts

Mensagem por HilterHP em 12/03/14, 07:40 pm

Poderia nos informar o site em que viu este layout ? eu sei mudar de lugar agora, quero o código para deixar mensagens e topicos juntos Muito feliz
avatar

HilterHP
Nível 10

Masculino
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409

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

Resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira em 12/03/14, 07:46 pm

avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos últimos posts

Mensagem por HilterHP em 12/03/14, 07:48 pm

Olá amigo, este fórum e da forumeiros.com ? pois não vi o copyright da mesma Triste acho que o codigo não irá funcionar no seu fórum.
avatar

HilterHP
Nível 10

Masculino
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409

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

Resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira em 12/03/14, 07:53 pm

Não é mas não tem nada haver, houve coisas que eu meti num fórum antigo igual a fóruns profissionais.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos últimos posts

Mensagem por Tiaguu em 12/03/14, 07:57 pm

Esse fórum não é da forumeiros(se for engano meu), e se houver um código para isso, a FDF não dá suporte a template(pra mim nunca deram).
O máximo que podem fazer é achar um código parecido.

Tiaguu
Usuário destaque

Masculino
Inscrito dia : 28/08/2011
Mensagens : 644
Pontos Ativos : 977

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

Resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira em 12/03/14, 08:04 pm

Templates penso que dão, apenas não dão a JScripts.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos últimos posts

Mensagem por HilterHP em 12/03/14, 08:06 pm

Bem amigo não consegui nenhum código para seu fórum PHBB3, agora PUNBB,PHBB2 tem como através de edição de templates o máximo que posso lhe dar é o CSS, ressaltando que forumeiros não da suporte a outros sites
avatar

HilterHP
Nível 10

Masculino
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409

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

Resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira em 12/03/14, 08:15 pm

Meu fórum é PunBB e não PHBB3.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos últimos posts

Mensagem por ShiroK em 12/03/14, 08:22 pm

Olá,

HilterHP caso você não saiba ajudar é melhor ficar quieto, mas enfim, ninguém da equipe irá fornecer o código, porque a equipe não trabalha com códigos externos aos tutoriais, porém posso lhe ajudar, adicione o código abaixo aos JavaScripts;

Código:
$(function() {
  var data;
  data = $('.last_post.ipsType_small li:last-child');
  data.each(function(key, element) {
    var html, regex;
    html = $(element).html().replace('<br>', ' por ').replace(' à(s)', ', ');
    regex = /(\w{3})\s(\d+)\s(\w{3})\s(\d+)(.*)/g;
    if (html.match(regex)) {
        html = html.replace(regex, function(html, week, day, month, year, left) {
            return day + ' ' + month + ' ' + year + left.replace(/\s-\s\d+:\d+/g, '');
        });
    }
    $(element).html(html);
  });
});

Lembrando que não consegui visualizar as imagens, ou seja, imagino que o código resulte no que quer.

Atenciosamente,
ShiroK
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

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

Resolvido Re: Zona dos últimos posts

Mensagem por HilterHP em 12/03/14, 08:27 pm

Desculpe mais respeito é bom e todos gosta, se você sabe o código basta posta-lo e não criticar as tentativas de ajudas dos outros membros.
avatar

HilterHP
Nível 10

Masculino
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409

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

Resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira em 13/03/14, 10:05 am

Ficou igual amigo
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos últimos posts

Mensagem por Kyo Panda em 13/03/14, 10:45 am

Olá Diogo, tudo bem?

Tem como adicionar mais um fórum na categoria inicial, só para fazermos alguns testes?

Abraços. Feliz




EDIT: Você inseriu algum script no fórum? Seu cabeçalho virou um "inception" de fóruns, há vários fóruns dentro do fórum. ._.
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira em 13/03/14, 02:20 pm

Já está amigo.
Pode confirmar.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos últimos posts

Mensagem por Kyo Panda em 13/03/14, 02:54 pm

Adicione um novo módulo Javascript com esse código:

Código:
$(function() {
    $('.main-content table tr').each(function(key, element) {
        var self, topics, messages, blend, answer, author;
        self = $(element);
        topics = self.find('.tc2');
        messages = self.find('.tc3');
        answer = self.find('.tcr');
        author = answer.find('strong a[href^="/u"]').closest('strong');
        blend = $('<td class="tcblend"></td>');
        blend.append($('<div class="messages">' + messages.text() + ' Mensagens</div>'));
        blend.append($('<div class="topics">' + topics.text() + ' Tópicos</div>'));
        blend.appendTo(self);
        topics.remove();
        messages.remove();
        author.prependTo(answer);
        author.after(' por ');
    });
});

E procure por:

Código:
.pun table .tcr {
  overflow: hidden;
  padding: 0 0 0 .5em !important;
  text-align: left;
  width: 30%;
}

E mude o "text-align: left;" para "text-align: right;".

Abraços. Feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira em 13/03/14, 02:56 pm

Não ficou totalmente igual, veja.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos últimos posts

Mensagem por Kyo Panda em 13/03/14, 03:16 pm

Nyeh, para ficar "exatamente igual", terei que "comer" algumas configurações do seu painel, tudo bem?

Troque o Javascript por esse:

Código:
$(function() {
    $('.main-content table tr').each(function(key, element) {
        var self, topics, messages, blend, answer, author, tcr;
        self = $(element);
        topics = self.find('.tc2');
        messages = self.find('.tc3');
        answer = self.find('.tcr');
        author = answer.find('strong a[href^="/u"]').closest('strong');
        blend = $('<td class="tcblend"></td>');
        blend.append($('<div class="messages">' + messages.text() + ' Mensagens</div>'));
        blend.append($('<div class="topics">' + topics.text() + ' Tópicos</div>'));
        blend.appendTo(self);
        topics.remove();
        messages.remove();
        author.prependTo(answer);
        author.after(' por ');
        answer.find('.last-post-icon').closest('a').remove();
        answer.find('br:last-of-type').remove();
      tcr = answer.find('> span').html().split('<br>');
      if (tcr.length >= 2) {
         tcr[1] = '<div class="post-date">' + tcr[1] + '</div>';
      }
      answer.find('> span').html(tcr.join(''));
    });
});

E adicione ao seu CSS:

Código:
.pun table .tcr {
   padding-right: 10px !important;
}

.pun table.table td {
   background: #1e1e1e;
   color: #666;
   line-height: 1.5em;
}

.pun table.table td a {
   color: #b4b4b4;
}

.pun table.table td.tcr {
   background: #222222;
}

.pun table.table td.tcblend {
   padding: 0 10px;
}

.pun table.table td .post-date {
   font-size: 11px;
}

Abraços. Feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira em 13/03/14, 03:25 pm

Está quase amigo.
Veja o que quero: http://gyazo.com/9ffb8b3ba93fb7b6d1388b549c09bb2c

Como está: http://gyazo.com/be2e673f575b83421faf70da60199ca7

Queria que aparecesse o título do tópico todo, que essa zona fosse do lado direito, como na imagem acima e que os nomes dos users, seja eles de que grupo forem, ficar a branco.
Modificar o "por" por "em"
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos últimos posts

Mensagem por Kyo Panda em 13/03/14, 03:33 pm

Trocar Javascript:

Código:
$(function() {
    $('.main-content table tr').each(function(key, element) {
        var self, topics, messages, blend, answer, author, title;
        self = $(element);
        topics = self.find('.tc2');
        messages = self.find('.tc3');
        answer = self.find('.tcr');
        author = answer.find('strong a[href^="/u"]').closest('strong');
        blend = $('<td class="tcblend"></td>');
        blend.append($('<div class="messages">' + messages.text() + ' Mensagens</div>'));
        blend.append($('<div class="topics">' + topics.text() + ' Tópicos</div>'));
        blend.appendTo(self);
        topics.remove();
        messages.remove();
        author.prependTo(answer);
        author.after(' em ');
        title = answer.find('a[href^="/t"]');
        title.text(title.attr('title'));
    });
});

Adicionar CSS:

Código:
.main-content .tcr {
   text-align: right !important;
}

.main-content .tcr a * {
   color: #b4b4b4;
}

Abraços. Muito feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira em 13/03/14, 03:52 pm

http://gyazo.com/0b6097370c97a508aa0cc40826a66e0d

Repete duas vezes o nome do tópico
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos últimos posts

Mensagem por Kyo Panda em 13/03/14, 03:53 pm

Sim, eu errei o Javascript acima. (TT-TT)

Tente:

Código:
$(function() {
    $('.main-content table tr').each(function(key, element) {
        var self, topics, messages, blend, answer, author, tcr, title;
        self = $(element);
        topics = self.find('.tc2');
        messages = self.find('.tc3');
        answer = self.find('.tcr');
        author = answer.find('strong a[href^="/u"]').closest('strong');
        blend = $('<td class="tcblend"></td>');
        blend.append($('<div class="messages">' + messages.text() + ' Mensagens</div>'));
        blend.append($('<div class="topics">' + topics.text() + ' Tópicos</div>'));
        blend.appendTo(self);
        topics.remove();
        messages.remove();
        author.prependTo(answer);
        author.after(' em ');
        answer.find('.last-post-icon').closest('a').remove();
        answer.find('br:last-of-type').remove();
      tcr = answer.find('> span').html().split('<br>');
      if (tcr.length >= 2) {
         tcr[1] = '<div class="post-date">' + tcr[1] + '</div>';
      }
      answer.find('> span').html(tcr.join(''));
      title = answer.find('a[href^="/t"]');
        title.text(title.attr('title'));
    });
});

Abraços. ;D
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira em 13/03/14, 04:01 pm

Leva +!
Perfeito, obrigado.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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