thumbnail com lightbox

Criou um BBCode?
Compartilhe com a comunidade. Os créditos serão todos seu.
thiago wolf
Novato
Novato
Mensagens: 45
Registrado em: 14 Abr 2011, 18:26
Contato:
Avatar

thumbnail com lightbox

  • Favoritar esta postagem
  • Mensagem por thiago wolf »

    Descrição: Desccreva seu BBCode.

    BBCode:

    Código: Selecionar todos

    [thumbs]{TEXT}[/thumbs]
    Html:

    Código: Selecionar todos

    <script type="text/javascript" src="http://www.orquideascanoas.com.br/js/prototype.js"></script>
    <script type="text/javascript" src="http://www.orquideascanoas.com.br/js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="http://www.orquideascanoas.com.br/js/lightbox.js"></script>
    <link rel="stylesheet" href="http://www.orquideascanoas.com.br/css/lightbox.css" type="text/css" media="screen" />
    <span>
    <font color="#339999"><strong>Click na imagem para ampliar.</font></strong></span>
    <br>
    <a href="{TEXT}" rel="lightbox[galeria]">
    <img src="{TEXT}" width="40%" height="40%" border="0"></a>
    Linha de Ajuda:

    Código: Selecionar todos

    Se a imagem for muito grande utilize esta tag para inseri-la
    É necessário baixar os arquivos abaixo e inserí-los na raíz do site.

    http://www.orquideascanoas.com.br/Lightbox.rar

    Demo ou Screen:

    Exemplo no link abaixo:
    http://www.orquideascanoas.com.br/forum ... f=60&t=346
    Abraços.

    Wolf

    Imagem
    Avatar do usuário
    _Vinny_
    Administrador
    Administrador
    Mensagens: 6023
    Registrado em: 03 Set 2009, 21:59
    Contato:
    LendaMSG 1500+Avatar

    Re: thumbnail co lightbox

  • Favoritar esta postagem
  • Mensagem por _Vinny_ »

    thiago wolf, edita a sua mensagem e coloque os arquivos em anexo, assim fica mais seguro para fazer download, pois seu site pode eventualmente sair do ar e os arquivos não ficará disponivel.
    Tradução Português Brasileiro: https://www.phpbb.com/customise/db/translation/brazilian_portuguese/

    Precisa de serviços phpBB? Me mande um mensagem privada ou visite https://vinny.quest
    thiago wolf
    Novato
    Novato
    Mensagens: 45
    Registrado em: 14 Abr 2011, 18:26
    Contato:
    Avatar

    Re: thumbnail co lightbox

  • Favoritar esta postagem
  • Mensagem por thiago wolf »

    _Vinny_ escreveu:thiago wolf, edita a sua mensagem e coloque os arquivos em anexo, assim fica mais seguro para fazer download, pois seu site pode eventualmente sair do ar e os arquivos não ficará disponivel.
    Ok,,, posso colocar os códigos dentro do próprio BBCODE,, mas vai ficar bem extenso....
    Abraços.

    Wolf

    Imagem
    Avatar do usuário
    _Vinny_
    Administrador
    Administrador
    Mensagens: 6023
    Registrado em: 03 Set 2009, 21:59
    Contato:
    LendaMSG 1500+Avatar

    Re: thumbnail co lightbox

  • Favoritar esta postagem
  • Mensagem por _Vinny_ »

    Ok,,, posso colocar os códigos dentro do próprio BBCODE,, mas vai ficar bem extenso....
    O melhor seria os arquivos do lightbox alocados no proprio forum do usuário, assim como declarados no BBcode.
    Tradução Português Brasileiro: https://www.phpbb.com/customise/db/translation/brazilian_portuguese/

    Precisa de serviços phpBB? Me mande um mensagem privada ou visite https://vinny.quest
    Elenir
    Membro Intermediá¡rio
    Membro Intermediá¡rio
    Mensagens: 440
    Registrado em: 26 Abr 2011, 00:08
    MSG 100+

    Re: thumbnail com lightbox

  • Favoritar esta postagem
  • Mensagem por Elenir »

    Achei bem interessante este método de aparecer como lightbox mas não consegui implementar. Poderia explicar melhor como fazer?
    Tentei usar o bbcode para criar o thumb mas quando coloco uma imagem grande, não abre.
    Preciso de ajuda como fazer este bbcode com lightbox
    Obrigado
    gssilva
    Membro Avançado
    Membro Avançado
    Mensagens: 1109
    Registrado em: 27 Jul 2010, 19:40
    Nome Real: Guilherme Silva
    Localização: Araraquara - SP
    Contato:
    MSG 1000+

    Re: thumbnail com lightbox

  • Favoritar esta postagem
  • Mensagem por gssilva »

    O arquivo que está disponível para download você irá colocar na raiz do seu fórum, ou seja, se o seu fórum está assim
    seusite.com/forum você irá colocar os arquivo em forum/ caso esteja assim, seusite.com você irá colocar na diretório principal.

    Para adicionar o BBCode leia kb.php?a=76
    Elenir
    Membro Intermediá¡rio
    Membro Intermediá¡rio
    Mensagens: 440
    Registrado em: 26 Abr 2011, 00:08
    MSG 100+

    Re: thumbnail com lightbox

  • Favoritar esta postagem
  • Mensagem por Elenir »

    ok, obrigado vou tentar
    KillerHemp
    Novato
    Novato
    Mensagens: 60
    Registrado em: 05 Set 2006, 14:56
    Localização: Uberlândia - MG
    Contato:
    MSG 50+

    Re: thumbnail com lightbox

  • Favoritar esta postagem
  • Mensagem por KillerHemp »

    este bbcode é mto interessante, ele funciona com imagens postadas pelo postimage?
    Meredeadmouir
    Novato
    Novato
    Mensagens: 78
    Registrado em: 18 Jun 2011, 18:12
    MSG 50+

    Re: thumbnail com lightbox

  • Favoritar esta postagem
  • Mensagem por Meredeadmouir »

    eu estava atras dessa bbcode so nao sabia o nome dela
    agora tem como tirar esse nome "Click na imagem para ampliar." da thumbs?
    Editado pela última vez por Meredeadmouir em 07 Ago 2011, 00:29, em um total de 2 vezes.
    Meredeadmouir
    Novato
    Novato
    Mensagens: 78
    Registrado em: 18 Jun 2011, 18:12
    MSG 50+

    Re: thumbnail com lightbox

  • Favoritar esta postagem
  • Mensagem por Meredeadmouir »

    ha descobri é so usar esse codigo ;)

    Código: Selecionar todos

    <script type="text/javascript" src="http://www.orquideascanoas.com.br/js/prototype.js"></script>
        <script type="text/javascript" src="http://www.orquideascanoas.com.br/js/scriptaculous.js?load=effects,builder"></script>
        <script type="text/javascript" src="http://www.orquideascanoas.com.br/js/lightbox.js"></script>
        <link rel="stylesheet" href="http://www.orquideascanoas.com.br/css/lightbox.css" type="text/css" media="screen" />
        <span>
        <br>
        <a href="{TEXT}" rel="lightbox[galeria]">
        <img src="{TEXT}" width="40%" height="40%" border="0"></a>
    Responder