Botão Exibir Perfil

Relembrando a primeira mensagem :

Olá,

Estava a tentar transformar o código de Exibir Perfil Punbb para a versão Phpbb3, mas não consegui um resultado e então vim pedir o suporte

Código:

jQuery(document).ready(function() {
      jQuery('.post .postmain .postbody .user').each(function() {
          jQuery(this).find('.user-info').insertAfter(this);
          jQuery(this).find('.user-ident').after('<input onclick="jQuery(this).closest(\'.postbody\').find(\'.user-info\').fadeToggle();" style="font-weight: bold;font-family: century gothic;" value="Exibir perfil" type="button" id="epf">');
      });
    });

Acima esta o código JS do Exibir Perfil para Punbb, quero transforma-lo para PHPBB3

Até

Olá,

Queria que após clicar ele ficasse igual a este fórum meu
http://narutoeternal.ativoforum.com/t319-uchiha-obito
Se possível claro.

Até

@Quakeline

Ai é só questão de CSS...
Deixarei que outros lhe ajudem neste aspecto de aparência ok? Só vou interferir caso alguém tenha problemas com seletores e talvez te peça para alterar novamente o template!

---

Talvez você ache interessante o título do botão ser modificado na hora em que é clicado não?
Experimente a mudança que fiz abaixo:

Código:


jQuery(document).ready(function() {
 jQuery('.post .postprofile').each(function() {
 jQuery(this)
 .find('dl > dd:nth-of-type(2)')
 .hide()
 .after('<input onclick="if (this.value == \'Exibir perfil\') {this.value = \'Ocultar perfil\'}else{this.value = \'Exibir perfil\'};jQuery(this).closest(\'.postprofile\').find(\'dl dd:nth-of-type(2)\').fadeToggle();" style="font-weight: bold;font-family: century gothic;" value="Exibir perfil" type="button" id="epf">');
 });
});


Quando clicar em [Exibir perfil], o perfil irá aparecer e o nome do botão mudará para [Ocultar perfil]

JS

Olá,

Ficou censurado vlw ai por tudo, estarei a espera de alguém para ajudar na questão do CSS

Até

@Quakeline

Veja se o código CSS abaixo lhe agrada:

Código:


.post .postprofile dl > dd:nth-of-type(2) {
  background: none repeat scroll 0 0 #fff;
  border: 12px solid gray;
  border-radius: 7px;
  color: #666666 !important;
  display: none;
  font-family: Verdana,Arial,Helvetica,sans-serif !important;
  font-size: 12px !important;
  line-height: 16px;
  margin-left: 193px;
  margin-top: -329px;
  max-width: 300px;
  padding: 7px;
  position: absolute;
  text-align: left;
  width: 150px !important;
  z-index: 999;
}


Resultado:

---

Acho que dessa forma minha ajuda não fica pela metade não é mesmo? Se desejares mais, ai sim, terás que aguardar outro lhe ajudar.

JS

Olá,

Funcionou perfeitamente, vlw por tudo cara ganhou +

Até