Lightbox é um script que você pode usar para sobrepor imagens em suas páginas web. Você também pode sobrepor texto se você usar uma versão modificada do script. Se você não quiser usar um script em seu site iWeb , mas você ainda deseja exibir texto lightbox -like, você pode usar Cascading Style Sheets. O método CSS não é tão personalizável como o script Lightbox real , mas irá permitir que você para exibir o texto e as imagens Lightbox -like corretamente. Coisas que você precisa
Todas as imagens em uma pasta
Show Mais instruções
1

Abra iWeb e criar uma nova página , como " Introduction.html " . < Br > página 2

Escolha para publicar o site para o seu disco rígido e selecione uma pasta.
3

Crie um novo documento de texto dentro da pasta em que você salvou o local e nomeá-lo " lightbox.css " .
4

Abra o documento " lightbox.css " em um editor de texto como o Bloco de Notas ou WordPad.
5

Copie e cole o seguinte código no documento , em seguida, salve e feche o arquivo :

black_overlay {display : none; posição : . absoluta; top : 0% ; esquerda: 0% ; width: 100 %; height: 100 %; background- color: black; z -index: 1001 ; -moz -opacity : 0.8 ; opacidade : 0,80 ; filter: alpha ( opacity = 80); }

white_content {display: . none; position: absolute ; top : 25%; esquerda: 25%; width: 50 %; altura : 50%; padding: 16px ; margem: 16px laranja sólida; background-color : white ; z -index: 1002 ; overflow: auto; } < br >
6

Abra a página " Introduction.html " na pasta onde você o criou usando seu editor de texto.
7

Inserir esta linha em qualquer lugar entre o " "e" " tags para carregar o arquivo CSS:

< link rel =" stylesheet " href =" lightbox.css " type = " text /css " media = " screen " />
8

Copiar e colar o seguinte código entre o " " e " " tags para inserir texto lightbox -like :

Se você deseja exibir uma mesa de luz , clique em