Aréa perfil diferente

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

Resolvido Aréa perfil diferente

Mensagem por NewCrash em 14/10/14, 01:33 am

  • Descrição:
Eu tava vendo no Fórum tibiadev.com queria deixa assim minha área do perfil no tópicos



Assim...

  • Informações:
Fórum:http://tibiaseven.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:perfil,diferente

avatar

NewCrash
Nível 5

Masculino
Inscrito dia : 06/10/2014
Mensagens : 53
Pontos Ativos : 77

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

Resolvido Re: Aréa perfil diferente

Mensagem por JScript em 14/10/14, 02:11 am

Olá!

O "layout" de seu fórum está um pouco desarrumado, portanto talvez não goste do meu código, mas mesmo assim vale a pena testar...

Adicione o código abaixo como um novo JavaScript com investimento nos tópicos:
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(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
   });

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

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

   var sCSS =
      '<style>' +
'.pun .post .user {' +
'  width: 180px !important;' +
'}' +
'.pun .user .user-info:before {' +
'   border-bottom: 2px solid #999;' +
'     color: #000000;' +
'     content: "Perfil";' +
'   font-size: 15px;' +
'     font-weight: bold;' +
'     padding-bottom: 3px;' +
'     padding-left: 10px;' +
'     padding-right: 100px;' +
'     text-align: left;' +
'     text-transform: uppercase;' +
'}' +
'.pun .user .user-info {' +
'   color: #4e565e !important;' +
'}' +
      '</style>';
   jQuery(sCSS).insertBefore('body');   
});

Resultado:


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: Aréa perfil diferente

Mensagem por Sennior em 24/10/14, 05:01 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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