ShiftActif fórum


Participe da melhor comunidade sobre fóruns!

Bem vindo 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!!!
Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Membro em destaque
Masculino
Idade : 24
PointActif's : 2065
ReputActifs : 11
Mensagens : 140
Inscrição : 02/06/2012

100%
Ver perfil do usuáriohttp://cavaleiros-lendarios.forum-livre.com

[TUTORIAL] Avatar na resposta rápida

em 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







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
Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum