[TUTORIAL] Efeito lightbox para imagens nos tópicos Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

[TUTORIAL] Efeito lightbox para imagens nos tópicos

Ir para baixo

[TUTORIAL] Efeito lightbox para imagens nos tópicos Empty [TUTORIAL] Efeito lightbox para imagens nos tópicos

Mensagem por Hancki 11.07.14 10:10


[TUTORIAL] Efeito lightbox para imagens nos tópicos Galeri10

Efeito lightbox para imagens nos tópicos

O efeito lightbox agora maximiza as imagens nos tópicos dando um toque de ampliação. Com o efeito de melhorar a visualização das imagens, dando em um só clique em cima da imagem.


--> Tutoriais, dicas e astúcias <--
Efeito lightbox para imagens nos tópicos



- Código a ser utilizado:
Código:
jQuery(function(){
jQuery.getScript("http://www.forumeiros.url.ph/js/lightbox2_fa.js");
jQuery('head').after('<link type="text/css" rel="stylesheet" href="http://www.forumeiros.url.ph/css/lightbox2_fa.css" />');
  jQuery('.postbody div img, .postbody .content img, .entry-content img, .post-entry div img').each(function () {
      jQuery(this).not('a>img').not('img[src*="/smiles/"]').wrap('<a href="' + jQuery(this).attr('src') + '" rel="lightbox"></a>');
  }); });


- Aplicando código JS:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
[TUTORIAL] Efeito lightbox para imagens nos tópicos Painel13
[TUTORIAL] Efeito lightbox para imagens nos tópicos 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Efeito lightbox para imagens nos tópicos 110210Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
[TUTORIAL] Efeito lightbox para imagens nos tópicos 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Efeito lightbox para imagens nos tópicos 110410Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.




© Fórum dos Fóruns


[TUTORIAL] Efeito lightbox para imagens nos tópicos Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Efeito lightbox para imagens nos tópicos
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos