[TUTORIAL] Separar informações do perfil por quadro nas mensagens

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

[TUTORIAL] Separar informações do perfil por quadro nas mensagens

Mensagem por seender em 01/12/12, 08:54 pm

Personalizar perfil
A partir deste tutorial podemos aplicar um código que fará um efeito de enquadramento nas informações do perfil exibidas nas mensagens do fórum.



--> Tutoriais e astúcias <--
Separar informações do perfil por quadro nas mensagens



- Código a ser utilizado:
O código a ser utilizado será este:

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":"24px","padding":"5px 5px 5px 5px","text-align":"center","border":"1px solid #ccc"});
jQuery("td.row2 span").css({"max-width":"300px"});
});

- Aplicação do código:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

  • Resultado:
    (carregue na imagem para aumentar)





© Fórum dos Fóruns, [GM]-Daemon & Seender


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Separar informações do perfil por quadro nas mensagens
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum