Thiago Souza_63114 1 Denunciar post Postado Janeiro 10, 2012 Olá galera preciso de um lightbox que me possibilite colocar conteúdo html dentro dele tipo texto imagens etcs... e exemplo básico e esse aqui >> http://css-tricks.com/examples/ViewSourceButton/ veja que ando clica abre como se fosse uma janela. Agradeço a todos. Compartilhar este post Link para o post Compartilhar em outros sites
allex_carvalho 124 Denunciar post Postado Janeiro 10, 2012 Segue o link desse, só usei uma vez, porém, foi de boa :) Compartilhar este post Link para o post Compartilhar em outros sites
Thiago Souza_63114 1 Denunciar post Postado Janeiro 10, 2012 Amigo eu entrei no site não consegui fazer o que o rapaz mostrou tem como me passar o seu código, ficarei muito grato. Compartilhar este post Link para o post Compartilhar em outros sites
Diéssica 140 Denunciar post Postado Janeiro 10, 2012 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
Rodrigo Zanotta 0 Denunciar post Postado Janeiro 10, 2012 Tenta o facebox: http://defunkt.io/facebox/ Compartilhar este post Link para o post Compartilhar em outros sites
Thiago Souza_63114 1 Denunciar post Postado Janeiro 11, 2012 Resolvido Valeu galera Muito obrigado consegui com o do Rodrigo Zanotta vlw :D Compartilhar este post Link para o post Compartilhar em outros sites