Zona do último post

Qual é minha questão:
Olá.
Amigos, há muito queria implementar esse estilo em meu fórum: http://gyazo.com/f9f0e9e857b19c5372764192a79e9e1a , mas no meu fórum está assim: http://gyazo.com/ae64d7f57f7e28fd925843e7ef760aa4
Haverá solução?

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

Versão do fórum:
PUNBB

Adicione isso ao seu Painel de controle > Módulos > Gestão do códigos de Javascript:

Código:


$(function() {
  var link, data;
  link = $('.last_post.ipsType_small li:first-child a');
  data = $('.last_post.ipsType_small li:last-child');
  link.each(function(key, element) {
    $(element).text($(element).attr('title'));
  });
  data.each(function(key, element) {
    $(element).html($(element).html().replace('<br>', ' por ').replace(' à(s)', ', '));
  });
});

Ou se os títulos do tópico ficarem muito grandes:

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;
        });
    }
    $(element).html(html);
  });
});

Código:


.last_post.ipsType_small {
  padding-top: 12px;
}

EDIT: Mudei, se viu o código antes disso.
EDIT 2: Mudei novamente, para acertar os "à(s)" para ", ".
EDIT 3: Adicione o CSS para alinhar o código.
EDIT 4: Alterei um erro horrendo que cometi. Perdão.
EDIT 5: Os títulos ficaram muito grandes, não?

Amigo, veja, bugou: http://gyazo.com/2aeb66435f3f58c42becb8765d817a65

E não estava exatamnte igual.

Peço perdão, cometi erros grotescos... Mas corrigi eles acima.

Está quase quase amigo, veja: http://gyazo.com/396b6640a9671c3d0bf19ee555700026

 -Tem o problema dos títulos grandes e o problema de quando alguém post há um mês ou algo aparece o formato antigo (com hora etc)..

Vamos lá, amigo. Troque o código Javascript por esse:

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;
        });
    }
    $(element).html(html);
  });
});

E adicione esse código ao seu CSS:

Código:

.pun table .tcr {
  width: 35%;
}

Amigo, está quase, quase!

Veja: http://gyazo.com/b88207b6264c6d0d86c0cde758c9cbae

Só colocar assim: http://gyazo.com/c3fa4777e90d32f79f7fd39732727cac

Feito:

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;
        });
    }
    $(element).html(html);
  });
});

Amigo, desculpe o incómodo. Será que dá para retirar a hora apenas dos posts que apareçam as datas? 
http://gyazo.com/25ae1c474badfb3a51dbc26a41272496

Claro que dá.

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

Está mais que perfeito!
Obrigado!