Lysbord er et script du kan bruge til overlay billeder på dine websider. Du kan også overlejre tekst, hvis du bruger en modificeret version af scriptet . Hvis du ikke ønsker at bruge et script på dit iWeb-websted , men du stadig ønsker at vise lightbox -lignende tekst, kan du bruge Cascading Style Sheets . CSS Metoden er ikke så tilpasses som den faktiske Lysbord scriptet , men det vil give dig mulighed for at vise Lightbox- lignende tekst og billeder ordentligt. Ting du skal
Alle billeder i en mappe
Vis Flere Instruktioner
1
Open iWeb og oprette en ny side , såsom " introduction.html " . < Br >
2
Vælg at udgive hjemmesiden til din harddisk , og vælg en mappe.
3
Opret et nyt tekstdokument i den mappe, hvor du gemte stedet og name it " lightbox.css " .
4
Åbn " lightbox.css " dokument i en teksteditor som Notesblok eller WordPad.
5.
Kopier og indsæt efter kode i dokumentet , derefter gemme og lukke filen : Hej
black_overlay { display: none; position : . absolute; top: 0% , venstre: 0% , bredde : 100% ; højde: 100% ; background- color: black; z- index: 1001 ; - moz - opacity : 0.8 ; opacity : .80 ; filter: . alpha ( opacity = 80 );}
white_content { display: none; position: absolute , top : 25% , venstre: 25% , bredde : 50% højde : 50% padding: 16px ; kant: 16px solid orange, background- color: white ; z- index: 1002 ; overflow : auto ;} < br >
6
Åbn " introduction.html " side i den mappe, hvor du oprettede den ved hjælp af din teksteditor.
7
Indsæt denne linje et sted mellem de "
" og" "tags at indlæse CSS fil:
< link rel =" stylesheet " href =" lightbox.css "type =" text /css " media = " screen " />
8
Kopier og indsæt følgende kode mellem "
" og " " tags til at indsætte lightbox -lignende tekst: < br >
Hvis du ønsker at vise en lightbox , klik
Dette er lightbox -lignende tekst. Alt kan gå her , herunder billeder .
9
Erstat " Dette Link " i koden fra trin 8 med det element, du ønsker, at brugeren klik for at vise lightbox .
10
Erstat "Dette er den lightbox -lignende tekst. Alt kan gå her , inklusive billeder " med din lightbox -lignende tekst. Du kan endda inkludere billeder. Når brugeren klikker på "Luk ", den lightbox lukker.
11
Gem og luk " introduction.html " fil .
