Como criar uma lightbox html

Luz é uma ferramenta de design da Web que cria uma pequena caixa que exibe conteúdos como imagens ou texto em que ela aparece no centro da tela quando um link é clicado. Há muitas variações de criar uma mesa de luz, ea maioria deles requerem que alguns javascript ser usado. Há, no entanto, uma maneira de criar um efeito lightbox em seu site usando apenas código HTML.

Abra um editor de texto, como o Bloco de Notas ou TextEdit. Digite o código CSS na parte cabeçalho da sua página. primeiro tipo ""

Tipo "

Adicionar um "Fechar" botão de sua mesa de luz por digitação "Fechar" dentro do conteúdo de sua Lightbox.

Criar um link para o Lightbox, digitando "Clique aqui" Substituir "Clique aqui" com o texto que deseja para o seu link.

Salve o arquivo. Você já criou um Lightbox com apenas HTML.

Gorjeta

• Verifica Integre sua mesa de luz em uma seção do seu site. Eles são especialmente bons para a exibição de imagens ou vídeos.

Referências

• ligação Emanuele Feronato- Criar um efeito Lightbox apenas com CSS - não javascript agosto necessário- de 2007
• ligação Homepage Oficial Lightbox

Sobre o autor

Robert Godard começou a escrever em 2007 para vários blogs criativos e publicações acadêmicas. Ele tem sido destaque em vários blogs de cinema e trabalhou na indústria cinematográfica. Ele participou de Baltimore College, ganhando o seu B.A. na história.