[TUTORIAL] Avatar na resposta rápida

Item: [TUTORIAL] Avatar na resposta rápida
Rating: 1

por LucasRPG Dom 23 Dez - 0:38

Avatar na resposta rápida

Neste Tutorial,Iremos adicionar um efeito visível em alguns fóruns não-forumeiros, Iremos adicionar o avatar do usuário ao lado da resposta rápida.

Versões : Todas as versões

phpBB3
--> Javascript <--

Adicione o Código Abaixo em
Painel de controle -> Módulos -> Html e Javascript -> Gestão dos códigos Javascript
Marque : 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('.panel dl:first img', data).attr('src'); if(link){ jQuery('#quick-avatar').html('<center><img src="'+link+'" alt=""></center>'); }else{ jQuery('#quick-avatar').html(''); } }); });

phpBB2
--> Javascript <--

Adicione o Código Abaixo em
Painel de controle -> Módulos -> Html e Javascript -> Gestão dos códigos Javascript
Marque : 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('#register .forumline td.row1 img', data).attr('src'); if(link){ jQuery('#quick-avatar').html('<center><img src="'+link+'" alt=""></center>'); }else{ jQuery('#quick-avatar').html(''); } }); });

punBB
--> Javascript <--

Adicione o Código Abaixo em
Painel de controle -> Módulos -> Html e Javascript -> Gestão dos códigos Javascript
Marque : 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('<center><img src="'+link+'" alt=""></center>'); }else{ jQuery('#quick-avatar').html(''); } }); });

Invision
--> Javascript <--

Adicione o Código Abaixo em
Painel de controle -> Módulos -> Html e Javascript -> Gestão dos códigos Javascript

Marque : 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('/profile?mode=editprofile&page_profil=avatars', data).attr('src'); if(link){ jQuery('#quick-avatar').html('<center><img src="'+link+'" alt=""></center>'); }else{ jQuery('#quick-avatar').html(''); } }); });

--> Código CSS <--

Adicione o Código Abaixo em
Painel de controle -> Visualização -> Imagens e cores > Cores -> Folha de estilo CSS

Código:: #quick-avatar { float: left; } #quick-avatar img { min-width: 165px; min-height: 306px; max-height: 306px; max-width: 165px; box-shadow: 0px 0px 11px gray; border-radius: 3px; }

Os Valores do código podem ser alterados livremente se souber oque está fazendo. Amigos

Resultado

[TUTORIAL] Avatar na resposta rápida WpYEu

ShiftActif

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Avatar na resposta rápida