[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 Empty [TUTORIAL] Separar informações do perfil por quadro nas mensagens

Mensagem por seender em 01.12.12 22:54

[TUTORIAL] Separar informações do perfil por quadro nas mensagens Groupe10 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
[TUTORIAL] Separar informações do perfil por quadro nas mensagens Painel13
[TUTORIAL] Separar informações do perfil por quadro nas mensagens 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Separar informações do perfil por quadro nas mensagens 110210Seta 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.
[TUTORIAL] Separar informações do perfil por quadro nas mensagens 110310Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
[TUTORIAL] Separar informações do perfil por quadro nas mensagens 110410Seta 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)
    [TUTORIAL] Separar informações do perfil por quadro nas mensagens Msg11





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


[TUTORIAL] Separar informações do perfil por quadro nas mensagens Act_bottom 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
seender

seender
Principal contribuidor
Principal contribuidor

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

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