Olá pessoal!

Alguém já se deparou com tópicos por ai em que a assinatura do membro é um verdadeiro disparate? Muitas vezes ocupa tanto espaço que fica tedioso ler o tópico...

Pensando nisso, fiz a um tempo atrás um código que uso no fórum para limitar o tamanho das assinaturas e com isso deixar o tópico mais agradável!

O código pode ser colocado em um dos seguintes templates:
1- Overall_header
2- Viewtopic_body

Mas pra quem não tem edição de templates, pode-se adicionar um JavaScript com investimento nos tópicos!!!

Código:

Código:


<script type="text/javascript">
//<![CDATA[
/***
* Check if signature height exceeds 250px.
* Made by JScript at jscript.forumeiros.com
*/
limit_value = 250;
target = $('.main-content.topic').find('div.post');
target.each(function(index) {
    var oThis = $(this);
    var $Obj_user = oThis.find('.Removed');
    var USER_URL = $Obj_user.children('a').attr('href');
    if (USER_URL == undefined) {return false}
            
    /* Check if signature height exceeds 250px */
    var signature = oThis.find('div.sig-content');
    var sig_height = signature.outerHeight();
    if (sig_height > limit_value) { /* if yes, put the content in tag spoiler!!! */
        var content = signature.html();
        signature.html('<dl class="codebox spoiler"><font color="#0000FF"><dt style="cursor: pointer;">Spoiler:</dt></font><dd><font color="#0000FF"></font><div class="spoiler_content">' + content + '</div></dd></dl>');
    }
});
//]]>
</script>


Nota: Para modificar o limite atual de 250px, basta editar a variável limit_value para o valor desejado!

O resultado? Testem e comprovem!

*** Se tiver alguma dúvida relacionada com este tutorial, crie um tópico na área de suporte! ***

---

PunBB Forumeiros

Muito bom, John!

Eu fiz um teste aqui e vi que também há uma alternativa em CSS, veja:

Código:

.sig-content img {
max-width: 400px !important;
max-height: 600px !important;
}


Amigo, até que funcionaria este código CSS, mas imagens imensas na assinatura, iriam passar o limite!!


Até mais!

BαηgBαηg escreveu:Amigo, até que funcionaria este código CSS, mas imagens imensas na assinatura, iriam passar o limite!!


Até mais!

Como assim? Esse css não deixa passar o limite de 400 x 600px

Vamos imaginar o seguinte cenário:

O membro possui umas 4 ou 5 imagens em sua assinatura - isso eu já vi - e usando o CSS vamos apenas limitar o tamanho de cada imagem, já usando o código que fiz, não modifica o tamanho das imagens e sim apenas envolve a assinatura em uma tag spoiler.

Vejam que o código não tem pretensões de limitar o tamanho das imagens e sim da assinatura como um todo.

JS

Sim, eu percebi isso. Deixei apenas a alternativa caso queiram limitar a imagem por css. Inclusive é até melhor jogá-la em spoiler para que não tenham aquelas imagens em gif animados que são chatas.

Muito útil e interessante.