thumbnail com lightbox

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

thumbnail com lightbox

Mensagem por thiago wolf » 19 Abr 2011, 18:25

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: 5722
Registrado em: 03 Set 2009, 21:59
Nome Real: Marcus Vinicius
Localização: Macapá, AP - Brasil
Contact:

Re: thumbnail co lightbox

Mensagem por _Vinny_ » 19 Abr 2011, 20:30

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.

Avatar do usuário
thiago wolf
Novato
Novato
Mensagens: 45
Registrado em: 14 Abr 2011, 18:26
Contact:

Re: thumbnail co lightbox

Mensagem por thiago wolf » 19 Abr 2011, 20:47

_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: 5722
Registrado em: 03 Set 2009, 21:59
Nome Real: Marcus Vinicius
Localização: Macapá, AP - Brasil
Contact:

Re: thumbnail co lightbox

Mensagem por _Vinny_ » 19 Abr 2011, 21:01

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.

Elenir
Membro Intermediá¡rio
Membro Intermediá¡rio
Mensagens: 440
Registrado em: 26 Abr 2011, 00:08

Re: thumbnail com lightbox

Mensagem por Elenir » 27 Abr 2011, 23:32

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
Contact:

Re: thumbnail com lightbox

Mensagem por gssilva » 10 Mai 2011, 00:41

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

Re: thumbnail com lightbox

Mensagem por Elenir » 12 Mai 2011, 01:30

ok, obrigado vou tentar

KillerHemp
Novato
Novato
Mensagens: 60
Registrado em: 05 Set 2006, 14:56
Localização: Uberlândia - MG
Contact:

Re: thumbnail com lightbox

Mensagem por KillerHemp » 27 Mai 2011, 09:06

este bbcode é mto interessante, ele funciona com imagens postadas pelo postimage?

Meredeadmouir
Novato
Novato
Mensagens: 78
Registrado em: 18 Jun 2011, 18:12

Re: thumbnail com lightbox

Mensagem por Meredeadmouir » 02 Jul 2011, 06:08

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

Re: thumbnail com lightbox

Mensagem por Meredeadmouir » 02 Jul 2011, 06:11

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