Zona dos últimos posts Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Zona dos últimos posts

5 participantes

Ir para baixo

Tópico resolvido Zona dos últimos posts

Mensagem por Diogo Ferreira 12.03.14 22:23

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 19:04, editado 2 vez(es)
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por HilterHP 12.03.14 22:35

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
HilterHP
HilterHP
****

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

http://htttp://inativoforumhilter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira 12.03.14 22:37

Já está, engano meu.
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por HilterHP 12.03.14 22:40

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
HilterHP
HilterHP
****

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

http://htttp://inativoforumhilter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira 12.03.14 22:46

Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por HilterHP 12.03.14 22:48

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.
HilterHP
HilterHP
****

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

http://htttp://inativoforumhilter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira 12.03.14 22:53

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

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Tiaguu 12.03.14 22:57

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.
avatar
Tiaguu
Membro

Membro desde : 28/08/2011
Mensagens : 658
Pontos : 1001

http://wscgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira 12.03.14 23:04

Templates penso que dão, apenas não dão a JScripts.
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por HilterHP 12.03.14 23:06

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
HilterHP
HilterHP
****

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

http://htttp://inativoforumhilter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira 12.03.14 23:15

Meu fórum é PunBB e não PHBB3.
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por ShiroK 12.03.14 23:22

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
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por HilterHP 12.03.14 23:27

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.
HilterHP
HilterHP
****

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

http://htttp://inativoforumhilter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira 13.03.14 13:05

Ficou igual amigo
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Kyo Panda 13.03.14 13:45

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. ._.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira 13.03.14 17:20

Já está amigo.
Pode confirmar.
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Kyo Panda 13.03.14 17:54

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
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira 13.03.14 17:56

Não ficou totalmente igual, veja.
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Kyo Panda 13.03.14 18:16

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
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira 13.03.14 18:25

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"
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Kyo Panda 13.03.14 18:33

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
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira 13.03.14 18:52

http://gyazo.com/0b6097370c97a508aa0cc40826a66e0d

Repete duas vezes o nome do tópico
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Kyo Panda 13.03.14 18:53

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
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona dos últimos posts

Mensagem por Diogo Ferreira 13.03.14 19:01

Leva +!
Perfeito, obrigado.
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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