Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Thiago Souza_63114

[Resolvido] lightbox para texto

Recommended Posts

Bah, era só ler...

 

Enfim, ó:

 

Invoca os códigos Javascript na página:

<script type="text/javascript" src="http://www.tidbits.com.br/download/_scripts/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="http://www.tidbits.com.br/download/_scripts/modal/jquery-modal-1.0.pack.js"></script>

 

Adiciona o CSS do modal:

.load { position: absolute; top: 50%; left: 50%; width: 88px; height: 78px; margin: -39px 0 0 -44px; z-index: 99999;}
.bg_modal { position: absolute; top: 0; left: 0; z-index: 99998; }
.view_modal { position: absolute; left: 50%; top: 50%; text-align: left; z-index: 99998; }
.modal { visibility: hidden; cursor:pointer; }
div.conteudo_modal {
   background: none repeat scroll 0 0 #FFFFFF;
   color: #222222;
   height: 280px;
   padding: 10px;
   width: 280px;
}

 

Link para abrir:

<a href="PAGINA AQUI.html" class="modal" rel="modal">Abrir modal</a>

 

Esse Click Modal além de cross-browser e muito leve, ele é personalizável. No CSS que te passei, adicionei a classe "conteudo_modal" (deixei o padrão do modal) pra ti personalizar do jeito que tu quiser.

Pra fechar, só adicionar rel="modalclose" no link.

 

Um exemplo de página do próprio site:

<div class="conteudo_modal">
<h1> Click Modal 1.0 </h1>
<p> Exemplo de modal.</p>
<p><a href="#" title="fechar" rel="modalclose">fechar</a></p>
</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.