Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Avatar do lado da caixa de texto do post

2 participantes

Início :: Forumeiros :: NostalgiaAvatar do lado da caixa de texto do post

Štronda Štronda  • Sex 31 maio 2013 - 18:23

Avatar do lado da caixa de texto do post Empty Avatar do lado da caixa de texto do post Sex 31 maio 2013 - 18:23

Qual é minha questão:
queria saber como coloco o avatar do lado da caixa do post assim
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

o meu forum tinha u.u mais saiu Sad e n sei como colocar

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Daemon Daemon  • Sex 31 maio 2013 - 18:25

Avatar do lado da caixa de texto do post Empty Re: Avatar do lado da caixa de texto do post Sex 31 maio 2013 - 18:25

Reputação da mensagem: 100% (2 votos)
Crie um novo js com investimento nos tópicos:
Código:

jQuery(document).ready(function() {
jQuery('#quick_reply').before('<div id="quick-avatar"></div> ');
});
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.frm dl dd img', data).attr('src');
      if(link){
        jQuery('#quick-avatar').html('<a href="/profile?mode=editprofile&page_profil=avatars"><img src="'+link+'" alt=""></a>');
      }else{
        jQuery('#quick-avatar').html('');
      }
  });
});
Adicione ao seu css o seguinte conteúdo:
Código:
/*quick avatar*/
#quick-avatar {
    float: left;
    margin: 21px;
}
#quick-avatar img {
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
#quick-avatar img:hover {
  border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

Štronda Štronda  • Sex 31 maio 2013 - 19:00

Daemon Daemon  • Sex 31 maio 2013 - 19:04

Avatar do lado da caixa de texto do post Empty Re: Avatar do lado da caixa de texto do post Sex 31 maio 2013 - 19:04

[sucesso=Tópico Resolvido & Bloqueado][/sucesso]

Conteúdo patrocinado  • 

Avatar do lado da caixa de texto do post Empty Re: Avatar do lado da caixa de texto do post

Início :: Forumeiros :: Nostalgia:: Avatar do lado da caixa de texto do post
Permissões neste sub-fórum
Não podes responder a tópicos