Lightbox er et script du kan bruke til å overlappe bilder på websidene. Du kan også overlappe tekst hvis du bruker en modifisert versjon av skriptet . Hvis du ikke ønsker å bruke et skript på iWeb-stedet , men du likevel ønsker å vise lysboks -lignende tekst , kan du bruke Cascading Style Sheets. CSS- metoden er ikke så passelig som selve Lightbox skriptet , men det vil tillate deg å vise Lightbox -lignende tekst og bilder skal. Du trenger
Alle bildene i en mappe
Vis flere instruksjoner
en

Åpen iWeb og lage en ny side , for eksempel " Introduction.html " .

2

Velg å publisere nettsiden til harddisken og velg en mappe .
3

Opprett et nytt tekstdokument i mappen der du lagret området og name it " lightbox.css " .
4

Åpne " lightbox.css " dokument i en tekst editor som Notepad eller WordPad .
5

Kopier og lim inn følgende kode inn i dokumentet , og deretter lagre og lukke filen : en

black_overlay {display : none; posisjon : . absolutt, topp : 0 %, venstre: 0 %, bredde : 100 % ; height: 100 % ; background- color: black; z-index : 1001 ; - moz - opacity : 0.8 ; opacity : 0,80 ; filter : . alpha ( opacity = 80 ) ;}

white_content {display : none; posisjon: absolutt , topp: 25 % ; venstre: 25 % ; bredde : 50 % ; høyde: 50 % ; padding: 16px ; kant: 16px solid oransje ; background- color: white ; z-index : 1002 ; overflow: auto ;}

6

Åpne " Introduction.html " side i mappen der du opprettet det ved hjelp av tekst editor.
7

Sett denne linjen hvor som helst mellom " " og" < /head> "koder for å legge CSS-filen :

8

Kopier og lim inn følgende kode mellom " " og " " koder for å sette lightbox -aktig tekst:

p Hvis du vil vise et lysbord, klikk på < /p >