Post quando editado

Qual é minha questão:
Olá.
No meu fórum quando edito algo, fica neste formato: http://gyazo.com/06b3c030d4f7412e50edd6dad51bab55
Tem como, quando editar um post, ficar assim: http://gyazo.com/37d83f5d8f42adcef08c3e42054bf87a

Obrigado

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

Versão do fórum:
PUNBB

Olá!

Tal modificação não é possível porque a variável tem uma frase predefinida, mas se quiser alterar o estilo...
Aceda ao template "viewtopic_body", em "Geral".
Procure por "{postrow.displayed.EDITED_MESSAGE}" e pode jogar com vários estilos CSS e assim.

Hancki

Amigo não é possível?
Eu já vi forumeiros com esse estilo

Diogo Ferreira escreveu:Amigo não é possível?
Eu já vi forumeiros com esse estilo

É possível sim mas através de JavaScript/jQuery o que aqui ainda não damos suporte a isso, mas poderemos tentar somente com CSS ok?

Poste o endereço de um tópico na qual aparece a mensagem nativa de editado por...

JS

http://www.contra-ataque.com/forum/index.php?showtopic=33138&st=930
Puxe para baixo, comentário do Diogo_l0

Aqui tem

Diogo Ferreira escreveu:http://www.contra-ataque.com/forum/index.php?showtopic=33138&st=930
Puxe para baixo, comentário do Diogo_l0

Aqui tem

Não é neste fórum e sim no seu para que possamos fazer as alterações com CSS ok?

JS

http://foradjogo.forumeiros.com/t1-mundial-2014-informacoes

É o 2 post.

@Diogo Ferreira

Olá amigo, veja se dessa forma lhe agrada:


Se sim, basta adicionar este CSS:

Código:


.entry-content p > br{
  display: none !important;
}
.entry-content p:last-child:before {
    background: url("http://i34.servimg.com/u/f34/18/17/62/92/icon_w10.png") no-repeat scroll left 2px #FAFAFA;
    content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0 Editado ";
    margin-left: 12px;
    position: absolute;
}
.entry-content p:last-child {
    font-size: 12px;
    margin-left: -35px;
    margin-top: 15px;
    padding: 2px 0 0 24px;
}
.entry-content p:last-child:empty:before {
  content: " ";
}


Abraços,

JS

Amigo se conseguisse por a negrito e mais uma coisa, tirar o número de vezes para todos.
Por último gostava tipo, se editar hoje que dissesse 'hoje' e 'ontém' também, sem data. Só nessas duas ocasiões.

Obrigado

@Diogo Ferreira

Entenda: Algumas coisas estão implementadas apenas para da a impressão final, pois personalizar como você deseja só será possível com JavaScript/jQuery utilizando expressões regulares!

O máximo que consegui até agora com CSS foi deixar um tamanho fixo para a frase ocultando o restante, mas ficará com ... indicando que ao colocar o mouse em cima o restante irá aparecer, até porque as informações retornadas pela Forumeiros são bastante completas em relação à outras plataformas!!!

Substitua o código anterior por este:

Código:


.entry-content p > br{
  display: none !important;
}
.entry-content p:last-child:before {
    background: url("http://i34.servimg.com/u/f34/18/17/62/92/icon_w10.png") no-repeat scroll left 2px #FAFAFA;
    content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0 Editado ";
    margin-left: 12px;
    position: absolute;
}
.entry-content p:last-child {
  font-size: 12px;
  font-weight: bold;
  margin-left: -35px;
  margin-top: 15px;
  overflow: hidden;
  padding: 2px 0 0 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
}
.entry-content p:last-child:empty:before {
  content: " ";
}
.entry-content p:last-child:hover {
  white-space: normal;
  width: auto;
}


Resultado sem o mouse em cima:


Resultado com o mouse em cima:


Acho que é o máximo que consigo fazer utilizando apenas CSS...

Espero que entenda e goste,

JS

Tá bastante bom e parecido!
Pode fechar e um grande obrigado amigo!