ShiftActif fórum

[TUTORIAL] Avatar na resposta rápida Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Avatar na resposta rápida 405374159 ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!! [TUTORIAL] Avatar na resposta rápida 1660898911

[TUTORIAL] Avatar na resposta rápida

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

[TUTORIAL] Avatar na resposta rápida Empty [TUTORIAL] Avatar na resposta rápida

Mensagem por LucasRPG em Dom 23 Dez - 0:38

[TUTORIAL] Avatar na resposta rápida Js11 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


[TUTORIAL] Avatar na resposta rápida Act_bottom 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
LucasRPG

LucasRPG
Membro em destaque

Masculino
Idade : 26
PointActif's : 2854
ReputActifs : 11
Mensagens : 140
Inscrição : 02/06/2012

100%

http://cavaleiros-lendarios.forum-livre.com

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

- Tópicos similares

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