Come aggiungere un testo Lightbox -Like in iWeb

Lightbox è uno script è possibile utilizzare per sovrapporre le immagini nelle tue pagine web . È anche possibile sovrapporre testo se si utilizza una versione modificata dello script . Se non si desidera utilizzare uno script sul tuo sito iWeb , ma si desidera comunque visualizzare lightbox -come testo, è possibile utilizzare fogli di stile CSS . Il metodo CSS non è personalizzabile come lo script vero Lightbox , ma vi permetterà di visualizzare Lightbox -come il testo e le immagini in modo corretto. Cose che ti serviranno in tutte le immagini in una cartella
Show More Istruzioni
1

Apri iWeb e creare una nuova pagina , come ad esempio " Introduction.html " .

2

scegliere di pubblicare il sito Web sul disco rigido e selezionare una cartella .
3

Creare un nuovo documento di testo all'interno della cartella in cui è stato salvato il sito e il nome " lightbox.css " .
4

Aprire il documento " lightbox.css " in un editor di testo come Blocco note o WordPad .
5

Copia e incolla il seguendo il codice nel documento , quindi salvare e chiudere il file :

black_overlay { display: none; posizione : . assoluta ; top : 0 % ; sinistra : 0 % ; width: 100% ; altezza : 100 % ; background-color : black; z-index : 1001 ; -moz - opacity: 0.8 ; opacity: .80 ; filtro : . alfa (opacità = 80) ; }

white_content { display: none; position: absolute , mentre il top : 25% ; sinistra : 25% ; width: 50% ; altezza : 50 % ; padding: 16px ; border : 16px arancio solido ; background-color : white ; z-index : 1002 ; overflow: auto ; }
pagina 6

Aprire la pagina " Introduction.html " nella cartella in cui è stato creato usando il vostro editor di testo .
7

Inserite questa linea in qualsiasi punto tra il " " e" < /head> "tag per caricare il file CSS :

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

Copia e incolla il seguente codice tra " " e " " tag per inserire lightbox -come testo : < br

> Se si desidera visualizzare un lightbox , fare clic su < a href = " javascript: void ( 0 ) " onclick = Link < /a> < /p >