Zona dos últimos posts

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

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

Já está, engano meu.

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

http://saynpt.web44.net/index.php?action=forum

Aí amigo.

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

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

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.

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

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

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

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

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.

Ficou igual amigo

Olá Diogo, tudo bem?

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

Abraços.

---

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. ._.

Já está amigo.
Pode confirmar.

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.

Não ficou totalmente igual, veja.

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.

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"

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.

http://gyazo.com/0b6097370c97a508aa0cc40826a66e0d

Repete duas vezes o nome do tópico

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

Leva +!
Perfeito, obrigado.