Zona do último post

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

Resolvido Zona do último post

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

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


Última edição por Diogo Ferreira em 28/02/14, 04:53 pm, editado 1 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 do último post

Mensagem por Kyo Panda em 28/02/14, 03:31 pm

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. Triste
EDIT 5: Os títulos ficaram muito grandes, não?

Feliz


Última edição por Kyo Panda em 28/02/14, 04:19 pm, editado 5 vez(es)
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 do último post

Mensagem por Diogo Ferreira em 28/02/14, 03:41 pm

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

E não estava exatamnte igual.
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 do último post

Mensagem por Kyo Panda em 28/02/14, 03:48 pm

Peço perdão, cometi erros grotescos... Mas corrigi eles acima. 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 do último post

Mensagem por Diogo Ferreira em 28/02/14, 04:02 pm

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)..
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 do último post

Mensagem por Kyo Panda em 28/02/14, 04:20 pm

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

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%;
}
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 do último post

Mensagem por Diogo Ferreira em 28/02/14, 04:28 pm

Amigo, está quase, quase!

Veja: http://gyazo.com/b88207b6264c6d0d86c0cde758c9cbae

Só colocar assim: http://gyazo.com/c3fa4777e90d32f79f7fd39732727cac
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 do último post

Mensagem por Kyo Panda em 28/02/14, 04:34 pm

Feito: Feliz

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);
  });
});
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 do último post

Mensagem por Diogo Ferreira em 28/02/14, 04:40 pm

Amigo, desculpe o incómodo. Será que dá para retirar a hora apenas dos posts que apareçam as datas? 
http://gyazo.com/25ae1c474badfb3a51dbc26a41272496
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 do último post

Mensagem por Kyo Panda em 28/02/14, 04:50 pm

Claro que dá. Feliz

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);
  });
});
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 do último post

Mensagem por Diogo Ferreira em 28/02/14, 04:53 pm

Está mais que 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