Behaviors Drag Ap Elements Basic Ve Advanced Menüleri
Resimli anlatım
Behaviors Drap AP Elements Basic Bölümü
Adobe Dreamweaver CS3 web tasarım programımızı çalışırıyoruz. Sayfamız da divlerimizi oluşturarak çalışmamızda kullanacağımız image'ları divlerimizin içine yüklüyoruz.

Tag penceresinden Drap AP Element'e tıklıyoruz.

Önümüze gelen pencere

Oluşturduğumuz Drap AP Elementler. onLoad bölümüde mouse ve klavye olaylarını değiştirebiliriz.

Oluşturduğumuz div'lerin 'Z' sayılarını değiştirerek hangi div'in en üstte, en altta veya hangi kademede olacağını bu rakamları değiştirerek belirleyebiliriz.

Çalışmamızın Explorer'da görünümü
Image parçalarını şeffaf olan image'nin üzerine yerleştireceğiz.

Mouse ile image'larımızı yerleştirdik. Resimde görüldüğü gibi image'ımızı resme tam oturtmadan bırakıyoruz ve bir alt resimde görüldüğü gibi image otomatik olarak resim üzerine yerleşecektir.

çalışmamızın sonucu:

Behaviors Drap AP Elements Advanced
Çalışmamız da kullanacağımız fonksiyonun görünümü

Tekrar Basic bölümünde uyguladığımız gibi aynı yolları izleyerek Drag AP Element penceresinden Advanced bölümüne geçiyoruz.
bu pencerede ise image belirlediğimiz alana girince sayfa beyaz, belirli alan dışında olunca sayfa gri renk olacağı anlamına gelir. Call JavaScript ile bu koşulumuzu çağırabiliyoruz. L-Left:50 px T-Top:50px aralığına image getirildiği zaman uygulamamız çalışacaktır.

Div'imizin içine tekrar image'mızı yerleştirdik.

Çalışmamızın Görünümü
Sonuç:

Belirlediğimiz alana image'ın girmesi halinde uygulamamızın almış olduğu durum.

Gönderen: Ali İletir
Adobe Dreamweaver CS3 web tasarım programımızı çalışırıyoruz. Sayfamız da divlerimizi oluşturarak çalışmamızda kullanacağımız image'ları divlerimizin içine yüklüyoruz.

Tag penceresinden Drap AP Element'e tıklıyoruz.

Önümüze gelen pencere

Oluşturduğumuz Drap AP Elementler. onLoad bölümüde mouse ve klavye olaylarını değiştirebiliriz.

Oluşturduğumuz div'lerin 'Z' sayılarını değiştirerek hangi div'in en üstte, en altta veya hangi kademede olacağını bu rakamları değiştirerek belirleyebiliriz.

Çalışmamızın Explorer'da görünümü
Image parçalarını şeffaf olan image'nin üzerine yerleştireceğiz.

Mouse ile image'larımızı yerleştirdik. Resimde görüldüğü gibi image'ımızı resme tam oturtmadan bırakıyoruz ve bir alt resimde görüldüğü gibi image otomatik olarak resim üzerine yerleşecektir.

çalışmamızın sonucu:

Behaviors Drap AP Elements Advanced
Çalışmamız da kullanacağımız fonksiyonun görünümü

Tekrar Basic bölümünde uyguladığımız gibi aynı yolları izleyerek Drag AP Element penceresinden Advanced bölümüne geçiyoruz.
bu pencerede ise image belirlediğimiz alana girince sayfa beyaz, belirli alan dışında olunca sayfa gri renk olacağı anlamına gelir. Call JavaScript ile bu koşulumuzu çağırabiliyoruz. L-Left:50 px T-Top:50px aralığına image getirildiği zaman uygulamamız çalışacaktır.

Div'imizin içine tekrar image'mızı yerleştirdik.

Çalışmamızın Görünümü
Sonuç:

Belirlediğimiz alana image'ın girmesi halinde uygulamamızın almış olduğu durum.

Gönderen: Ali İletir
Yorumunuzu Ekleyin