Perfil do Usuário no Tópico

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

Resolvido Perfil do Usuário no Tópico

Mensagem por iPrompt em 03/10/14, 12:56 am

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

http://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, 06:50 pm, editado 1 vez(es)
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por JScript em 03/10/14, 10:50 am

Olá!

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

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

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

Mensagem por iPrompt em 03/10/14, 11:22 am

Olá,

Você precisa estar registrado eu acho.

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por JScript em 03/10/14, 11:31 am

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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

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

Mensagem por iPrompt em 03/10/14, 11:33 am

Olá,

Pronto coloquei para convidados

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por JScript em 03/10/14, 11:56 am

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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

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

Mensagem por iPrompt em 03/10/14, 12:22 pm

Olá,

Pronto retirei

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por JScript em 03/10/14, 01:34 pm

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:


Edit:
Nos teste que eu fiz no console, o código abaixo também funcionou normalmente, faz um teste ai se poder ok:
Spoiler:
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(".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");
});

JS


Última edição por JScript em 03/10/14, 01:47 pm, editado 1 vez(es) (Razão : Novo código para testar...)
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

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

Mensagem por iPrompt em 03/10/14, 05:54 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por JScript em 03/10/14, 06:23 pm

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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

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

Mensagem por iPrompt em 03/10/14, 06:25 pm

Olá,

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

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/
  • 0

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

Mensagem por JScript em 03/10/14, 06:44 pm

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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

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

Mensagem por iPrompt em 03/10/14, 06:49 pm

Olá,

Agora sim funcionou perfeitamente, vlw

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.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