Layer kullanarak gizli katman oluşturmak

Bu dersimizde bir resim veya yazı üzerine gelince otomatik olarak açılan katman hazırlamayı öğreneceğiz.

.Bir resim olsun ve bu resimde yer alan kaynakla ilgili yada o resimle ilgili bilgilerin üzerine tıklandığında yada Mouse ile üzerine gelindiğin de onun la ilgili bilgiler hemen altında beliriversin.Herhangi bir resmi dreamweaver da çağırıyoruz.
(Common>İmages)..

Ve bu resmimizin altına Layout menüsünde Drawlayer'i tıklıyor ve fare ile istediğimiz büyüklükte bir katman oluşturuyoruz. Ve içine bir tablo ekliyor bu tablonun içine yazmak istediklerimizi yazıyoruz.



Şimdi bu resimi seçili hale getirip Behaviors panelinden Şhow-Hide Layers sekmesine tıklıyoruz. Eğer bir yazı yada link için yapmak istersek,o linki yada yazıya seçili hale getirerek yapabiliriz.Ben burada bir resim için bahsedeceğim.



Karşımıza gelen iletişim kutusunda sayfadaki layerlerin isimleri gelecektir.Tabii layer sayısı birden fazla ise onun için hangi layerde çalışıyorsak o layerin ismine dikkat etmemiz gerekir.Ve ilgili layerimizi seçip altındaki panelden şhow butonuna ve ardından ok diyoruz.



Ve Bahaviors panelinden şhowhidelayers (show) davranışının tıkladığımızda gerçekleşmesi için onClick sekmesini seçiyoruz.



Ve yine resim seçili halde iken Behaviors panelinden Şhow hide layers sekmesine tıklıyor ilgili layerimiz seçili halde iken hide butonuna tıklıyoruz ve ok diyoruz.Ardından Yine behaviors panelinden şhowhidelayers (hide ) davranışının farenın resim üzerine tıklamdığımızda gerçekleşmesi için onmouseOut sekmesini seçiyoruz.



Sıra geldi püf noktalardan birine. Ne demiştik, kullanıcı fareyi resmin üzerine getirdiğinde veya resmin üzerine tıkladığında bu ek bilgi katmanı ortaya çıkacaktı.. Onun için kullanıcı sayfaya ilk girdiğinde bu ek bilgi katmanının görünmüyor olması gerekir. Bunun için katmanı yani layeri seçili duruma getirip Properties panelindeki Visibility açılır menüsünden hidden yani görünmezlik davranışını seçiyoruz. Bunu yapmaz isek sayfa ilk açıldığın katman gözüküyor olacaktır.



Hemen F12'ye basıp önizleme yapabilirsiniz. Kolay gelsin.

Kolay Gelsin...

  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

resimde onclick yada benzeri özellikler çıkmıyor onload onabort onerror çıkıyor,sizce nerede hata yapıyorum.
Neden olmasın kı ? Sorun tam olarak bu mu?Resim üzerinde aktifalan yanı hotspot oluşturarak dene bir de?
Çok teşekkürler.. bilmediğim birşeyi daha öğrenmemi sağladığınız için...
ben yapamadım :(
ben yapamadım:-dusun:
kitmir.kitmir e katılıyrum resimde onclick yada benzeri özellikler çıkmıyor onload onabort onerror çıkıyor sanırım aaynı hatayı yapıyoruz. ya bunu acklarsanız çok sevinirim.emeğina sağlık
properties te visibility yoqqi:-dusun:yada ben mi bulamadım
ben layeri sayfada sabitliyemiyorum ,sayfada istedigim yere yerleshtiriyorum fakat f12 yapinca benimkoydugum yerde olushmuyo,aciklayabilirmisiniz zahmet olmazsa ,ne yapmam lazim acaba,
Forumda cevaplamıştım.Bi bak belkıyarar işine http://www.sanalkurs.net/forum/dreamweaver_frontpage/layerleri_nasil_sabitlerim-t4869.0.html
Css özelliklerinden position kısmını absolute yap.layer'i de İnsert dıv tag yolu ile yada direk kod alanına (<div></div>)şeklinda yazarak oluştur.Yine yapamassan forum da sorarsan daha çok yardımcı olabiliriz.
yapamadım..aslında harika bişi ama yapamadımmm:agla:
yeni konu actim 40 turkce video diye...dreamweaver bölümünde cok basit bi yontem var burada uzun anlatilmis.....hadiyin ....

Yukarı Git