Software  
 
Conhecimento computador >> Software >> Open Source Code >> 
Como adicionar um Lightbox- Gosto Texto no iWeb
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


Anterior :

Próximo : No
  Os artigos relacionados
·Drupal T Função Texto 
·O que faz o botão TinyMCE Código de Limpeza Fazer 
·AutoHotkey & Hotkey Funções 
·BCM Instalação Checklist 
·Como corrigir importados Modelos Blender 
  Artigos em destaque
·Como usar planilha do Excel para criar as coordenadas e…
·Como editar um Video Clip remover Música 
·Como converter um FLV to MP3 Com VideoLAN 
·Como criar um CD MP3 com Winamp 
·Instalação Drupal Multisite 
·Como Teach Yourself Computer Aided Drafting 
·Como adicionar imagens a um documento Excel 2007 
·Como ativar o Kaspersky Internet Security 
·Como remover Security Center 7.1 
·Como gravar XM Radio em um CD 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados