Lightbox, web sitenizin resimlerini ve videolarını görüntülemek için bir JavaScript dosyasıdır. Bir grafiğin ilişki niteliğine "Lightbox" değerini atadığınızda, kullanıcılar ekranda genişletmek için grafiği tıklatabilir. Örneğin, şirketiniz evinizin iç tasarımını yapıyorsa ve sitenizde çalışmanızın örneklerini içeriyorsa, Lightbox öğeleri müşterilerin ayrı Web sayfaları açmadan portföyünüzde gezinmelerini sağlayabilir. Tarayıcılar varsayılan olarak Lightbox öğelerini ortalar, ancak Dreamweaver uygulamasında bu düzenle karşılaşabilecek kodu engellemek için ek adımlar atabilirsiniz.

1.

Dreamweaver Dosyaları panelini açmak için "F8" tuşuna basın.

2.

Açmak için "lightbox.css" üzerine çift tıklayın.

3.

"Lightbox" stilini tanımlayan bloğa gidin. Bu bloğun kodu aşağıdakine benzer:

hafif kutu {

pozisyon: mutlak; genişlik:% 100; z-endeksi: 10000; metin hizalama: orta; çizgi yüksekliği: 0; font ailesi: "lucida grande", tahoma, verdana, arial, sans-serif; yazı tipi ağırlığı: normal; }

4.

Henüz mevcut değilse, bloğun içine şu satırları ekleyin:

solda: 0; üst: 0;

5.

Stilin "position" özelliğini ayarlayan çizgiyi aşağıdaki satırla değiştirin:

pozisyon: sabit;

6.

Dosya 'yı kaydet.