Ako pridať krabice , ako je text v iWeb

krabice je skript , ktorý môžete použiť na prekrytie obrazov na vašich webových stránkach . Môžete tiež prekryť text , ak budete používať upravenú verziu skriptu . Ak nechcete použiť skript na vašom webe iWeb , ale napriek tomu chcete zobraziť lightbox podobný textu , môžete použiť kaskádové štýly . Metóda CSS nie je tak prispôsobiteľné ako skutočný Lightbox skript , ale to vám umožní zobraziť krabice - ako text a obrázky správne . Veci , ktoré budete potrebovať
všetky obrázky v jednej zložke
Zobraziť ďalšie inštrukcie Cestuj 1

Otvorte iWeb a vytvoriť novú stránku , ako je napríklad " Introduction.html " .

2

Vyberte , či chcete publikovať webové stránky na pevný disk a vyberte priečinok .
3

Vytvorte nový textový dokument v zložke , v ktorej ste uložili na web a pomenujte ju " lightbox.css " .
4

Otvorte " lightbox.css " dokument v textovom editore , napríklad Poznámkový blok alebo WordPad .
5

skopírujte a vložte nasledujúci kód do dokumentu , uložte a zatvorte súbor :

black_overlay { display : none ; pozície : . absolute ; top : 0 % , ľavá : 0 % ; Šírka : 100 % ; výška : 100 % ; background- color : black ; z - index : 1001 , - moz - opacity : 0.8 ; opacity : 0,80 ; filter : alpha ( opacity = 80 ) ; }

white_content { display : . nie je ; position : absolute , horná : 25 % ; left : 25 % ; šírka : 50 % ; výška : 50 % ; padding : 16px ; border : 16px pevná oranžová , background- color : biela , z - index : 1002 ; overflow : auto ; }
Praha 6

Otvorte stránku " Introduction.html " v priečinku , kde ste vytvorili ho pomocou textového editora .
7

vložte tento riadok niekde medzi " " a " < /head > " tagy načítať súbor CSS :

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

skopírujte a vložte nasledujúci kód medzi " " a " < /body > " značiek na vloženie lightbox podobný texte :

Ak chcete zobraziť lightbox , kliknite na tlačidlo < a href = " javascript : void ( 0 ) " onclick = Odkaz < /a > < /p >