Perfil do Usuário no Tópico

2 participantes

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

Membro Entusiasta

Tópico resolvido Perfil do Usuário no Tópico

Mensagem por Roevs 03.10.14 4:56

Olá,

Estava a personalizar a área do tópico e adicionei o sistema que separa os perfis em quadros, ate ai tudo bem mais queria juntar três perfis específicos em um só quadro, que seria os perfis no print abaixo

https://i.imgur.com/nEvQDNp.png

Código JS do perfis em quadros

Código:
jQuery(document).ready(function(){
    jQuery(".pun .post .user, .post .postprofile dl").each(function(){
    jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<dd><div class="field"><span class="label'));
    });
    jQuery("td.row2 span,td.row1 span").each(function(){
    jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<div class="field"><span class="label'));
    });
    jQuery("td.row2 span,td.row1 span").each(function(){
    jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
    });
    jQuery(".field").css({"background-color":"white","margin-bottom":"3px","margin-right":"11px","height":"auto","padding":"5px 5px 5px 5px","text-align":"center","margin-left":"10px","border":"1px solid #ccc"});
    jQuery("td.row2 span").css({"max-width":"300px"});
    });

Tópico Exemplo : http://webskins.forumeiros.com/t2-web-skins-regras

Até


Última edição por Quakeline em 03.10.14 22:50, editado 1 vez(es)
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil do Usuário no Tópico

Mensagem por JScript 03.10.14 14:50

Olá!

O link do tópico de exemplo que você postou não contém o que está nesta imagem: https://i.imgur.com/nEvQDNp.png
Faço-os aparecer no link de exemplo e terás a solução.

JS
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Perfil do Usuário no Tópico

Mensagem por Roevs 03.10.14 15:22

Olá,

Você precisa estar registrado eu acho.

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil do Usuário no Tópico

Mensagem por JScript 03.10.14 15:31

Então lamento, mas não ficarei me cadastrando em vários fóruns só para resolver questões...

Mas é fácil de resolver: Basta liberar a visualização para convidados!

JS
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Perfil do Usuário no Tópico

Mensagem por Roevs 03.10.14 15:33

Olá,

Pronto coloquei para convidados

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil do Usuário no Tópico

Mensagem por JScript 03.10.14 15:56

Quakeline escreveu:Olá,

Pronto coloquei para convidados

Até
Perfeito, agora desative o JS que faz esse "efeito" para que eu possa testar o meu ok?

Aguardo,

JS
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Perfil do Usuário no Tópico

Mensagem por Roevs 03.10.14 16:22

Olá,

Pronto retirei

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil do Usuário no Tópico

Mensagem por JScript 03.10.14 17:34

Aqui está o código:
Código:

jQuery(document).ready(function(){
 var oTarget = jQuery(".pun .post .user, .post .postprofile dl");
 var len = oTarget.length - 1;

 for (var index = len; index >= 0; index--) {
 oThis = jQuery(oTarget[index]);
 oThis.html(oThis.html().replace(/<span class="label/g,'<dd><div class="field"><span class="label'));
 }

 jQuery("td.row2 span,td.row1 span").each(function(){
        jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<div class="field"><span class="label'));
 });
 jQuery("td.row2 span,td.row1 span").each(function(){
        jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
 });

 jQuery(".field").css({"background-color":"white","margin-bottom":"3px","margin-right":"11px","height":"auto","padding":"5px 5px 5px 5px","text-align":"center","margin-left":"10px","border":"1px solid #ccc"});
 jQuery("td.row2 span").css({"max-width":"300px"});

 oTarget = jQuery(".postbody .user .user-info dd");
 len = oTarget.length - 1;

 jQuery(oTarget[len - 2]).addClass('unnified').css({ "background-color": "white", "border": "1px solid #ccc", "margin-left": "10px", "margin-right": "10px" });
 
 jQuery(oTarget[len]).detach().appendTo(jQuery(oTarget[len - 2]));
 jQuery(oTarget[len - 1]).detach().appendTo(jQuery(oTarget[len - 2]));
 
 jQuery(".unnified div").css("border", "none");
});
Apesar de o código estar uma verdadeira "bagunça", é funcional, só estou sem tempo de otimizá-lo...

Resultado:
Perfil do Usuário no Tópico JCganow

Edit:
Nos teste que eu fiz no console, o código abaixo também funcionou normalmente, faz um teste ai se poder ok:
Spoiler:

JS


Última edição por JScript em 03.10.14 17:47, editado 1 vez(es) (Motivo da edição : Novo código para testar...)
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Perfil do Usuário no Tópico

Mensagem por Roevs 03.10.14 21:54

Olá,

Os dois funcionou como eu desejava, só quero uma alteração, queria que eles ficassem um do lado do outro igual aqui no fdf

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil do Usuário no Tópico

Mensagem por JScript 03.10.14 22:23

Quakeline escreveu:Olá,

Os dois funcionou como eu desejava, só quero uma alteração, queria que eles ficassem um do lado do outro igual aqui no fdf

Até
Dessa forma vocês nos fazem "trabalhar" à toa!
Custava ter descrito tudo o que desejava no primeiro tópico?


Experimente trocar pelo código abaixo, não testei, foi só de "cabeça":
Código:

jQuery(document).ready(function(){
    var oTarget = jQuery(".pun .post .user, .post .postprofile dl");
    var len = oTarget.length - 1;

    for (var index = len; index >= 0; index--) {
    oThis = jQuery(oTarget[index]);
    oThis.html(oThis.html().replace(/<span class="label/g,'<dd><div class="field"><span class="label'));
    }

    jQuery("td.row2 span,td.row1 span").each(function(){
            jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<div class="field"><span class="label'));
    });
    jQuery("td.row2 span,td.row1 span").each(function(){
            jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
    });

    jQuery(".field").css({"background-color":"white","margin-bottom":"3px","margin-right":"11px","height":"auto","padding":"5px 5px 5px 5px","text-align":"center","margin-left":"10px","border":"1px solid #ccc"});
    jQuery("td.row2 span").css({"max-width":"300px"});

    oTarget = jQuery(".postbody .user .user-info dd");
    len = oTarget.length - 1;

    jQuery(oTarget[len - 2]).addClass('unnified').css({ "background-color": "white", "border": "1px solid #ccc", "margin-left": "10px", "margin-right": "10px" });
   
    jQuery(oTarget[len]).find('img').detach().appendTo(jQuery(oTarget[len - 2]));
    jQuery(oTarget[len - 1]).find('img').detach().appendTo(jQuery(oTarget[len - 2]));
    jQuery(oTarget[len]).remove();
    jQuery(oTarget[len - 1]).remove();   
   
    jQuery(".unnified img").css("margin-top", "10px");
});

JS
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Perfil do Usuário no Tópico

Mensagem por Roevs 03.10.14 22:25

Olá,

Não resultou só dois ficaram corretos, um ficou errado.
Desculpa não avisar antes

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Perfil do Usuário no Tópico

Mensagem por JScript 03.10.14 22:44

Experimente o código abaixo, também só testei na minha cabeça:
Código:

jQuery(document).ready(function(){
     var oTarget = jQuery(".pun .post .user, .post .postprofile dl");
     var len = oTarget.length - 1;

     for (var index = len; index >= 0; index--) {
     oThis = jQuery(oTarget[index]);
     oThis.html(oThis.html().replace(/<span class="label/g,'<dd><div class="field"><span class="label'));
     }

     jQuery("td.row2 span,td.row1 span").each(function(){
            jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<div class="field"><span class="label'));
     });
     jQuery("td.row2 span,td.row1 span").each(function(){
            jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
     });

     jQuery(".field").css({"background-color":"white","margin-bottom":"3px","margin-right":"11px","height":"auto","padding":"5px 5px 5px 5px","text-align":"center","margin-left":"10px","border":"1px solid #ccc"});
     jQuery("td.row2 span").css({"max-width":"300px"});

     oTarget = jQuery(".postbody .user .user-info dd");
     len = oTarget.length - 1;

     jQuery(oTarget[len - 2]).addClass('unnified').css({ "background-color": "white", "border": "1px solid #ccc", "margin-left": "10px", "margin-right": "10px" });
    
 jQuery(oTarget[len -2]).find('img').detach().appendTo(jQuery(oTarget[len - 2]));
     jQuery(oTarget[len]).find('img').detach().appendTo(jQuery(oTarget[len - 2]));
     jQuery(oTarget[len - 1]).find('img').detach().appendTo(jQuery(oTarget[len - 2]));
 
 jQuery(oTarget[len]).remove();
 jQuery(oTarget[len - 1]).remove();
     jQuery(".unnified div").remove();
 
     jQuery(".unnified img").css("margin-top", "10px");
});
Nota: Caso não funcione, remova o código e eu farei os testes diretamente em seu fórum!

JS
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Perfil do Usuário no Tópico

Mensagem por Roevs 03.10.14 22:49

Olá,

Agora sim funcionou perfeitamente, vlw

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos