Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Set nav bar image, set text, show hide image, swap image, swap ımage restore anlatımı

Set Nav Bar Image:Genellikle web sayfaların üst bölünde bulunan üstüne gelinince değişen menü yapmak için kullanılır yada değişik efektler için

"Set Nav Bar Image" yapmak için öncelikle sayfamıza bir "DIV" eklememiz gerekmektedir eklemessek  bu seçeneğimiz  false yani kullanılmaz durumdadır  şimdi sayfamıza bir "DIV"  ekleyelim  sayfamızın üst tool barında bulunan "Layout" sekmesinde "DIV" ekleyebiliriz . ben bu konuyu anlatırken bir site üst menüsü hazırlayacağım

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Aşağıdaki gibi eklemiş oluruz ben arkaplan rengimizide değiştirdim bunu sizde yapmak isterseniz eğer "Desing" sayfamızda sağ tıklayarak açılan menüde en altta bulunan "Page Properties " sekmesinden gereçeklerştirmemiz mümkündür

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Ve bu işlemimizide yaptıktan sonra şimdi "DIV"ımizin içine resim eklioruz aşağıdaki gibi resmimizi yine üst tool barda bulunan "Common" seçeneğinde "image simgesine " tıklayarak ekliyoruz

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Eklediğimiz resim aşağıda gözükmektedir ben site menüsü yaptığım için üç "DIV" ve üç resim ekliyorum

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Bu işlemimizide yaptıktan sonra şimdi sıra "Desing " sayfamızın sağ tarafında bulunan "Behaviors" sekmsinden "Set Nav Bar Image" seçeneğine tıklıyoruz

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Bu işlemimizden sonra bu seçeneğimiz tıkladıktan sonra aşağıdaki pence karşımıza çıkmaktadır  pencerenin açıklamaları üstündedir ve bu pencerede iki seçenek vardır "Basic" ve "Advenced" bölümleri

Basic:bu bölümde resimleri yüklüyoruz

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Advenced:bu bölümden ise daha prfesyonel işer yapabilriz

 Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

bur daki ayarlamalarımızıda yaptıktan sonra işimiz bitmiş oluyor ben üst menü yaptığım için üç seçeneğim var  bunun için bu olayı her resim için  yapmak zorundayım  işimizin bitmiş hali aşağıdaki gibidir

 sayfamız ilk açıldığında

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

mouse menümüzün üstüne getirdiğimiz aman oluşan görüntü

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

 

 Set Text:Sayfamızın bazı yerlerine bırakmak istediğimiz yazılar yada bi olay sonucu yazılacak açıklamalar yazmak için kullanırız

Bu olayları kullanmamız  için öncelikle sayfamıza bir "DIV" eklememiz gerekmektedir eklemessek  bu seçeneğimiz  false yani kullanılmaz durumdadır  şimdi sayfamıza bir "DIV"  ekleyelim  sayfamızın üst tool barında bulunan "Layout" sekmesinde "DIV" ekleyebiliriz .

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

eklediğimiz div aşağıdadır

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Bu işlemimizden sonra dıv'ımin içine bir resim ekliyoruz resmimizi yine üst tool barda bulunan "Common" seçeneğinde "image simgesine " tıklayarak ekliyoruz

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

 

Bu işlemimizden sonra sayfamızın sağ tarafında bulunan "Behaviors" sekmesinden "Set Text" seçeneğine tıklarız

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Ve seçtiğimiz seçeneğe göre bir pencere açılacaktır bu seçenek dörde ayrılmaktadır

Set Text Of Container:containerin içindeki mesajdır yani sitelerde olan teşekkür mesajıdır bi nevi bu seçenekte aşağıdaki gibi bir mesaj yazdım ve bu işlem eklediğim resme tıklandığı anda gerçekleşecek

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

 mouse ile tıklamadan önce                                                                      mouse ile tıkladıktan sonra

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore   Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

 

Set Text Status Bar:durum çubuğu mesajı yazmak için kullanılır anlatılıcak fazla bir sey bulunmamaktadır

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

yazdıktan sonra durum çubuğunda kendi ismim ve soy ismim bulunmaktadır aşağıda olduğu gibi

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Set Text Of TextField:Belirlediğimiz yerlerde olay kullanrak yazı yamamızı sağlar.

Bu olayımızı uygulamak için öncelikle üst toola barımızdan "Forms" bölünden "Text Field"ekliyoruz

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

bu ilemi yaptıktan sonra sayfamızda aşağıdaki gibi bir sey çıkacaktır

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Ve daha sonra sağ tarafta bulunan "Behaviors" sekmesinden seçeğimiz seçeriz

 Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

 bu işlemlerden sonra aşağıdaki gibi bir görünüme sahip olmaktayız

sayfa ilk açıldığında                                          mouse ile tıkladığımızda

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image RestoreSet Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

   Show Hide Image: resmimizi belirlediğimiz olay doğrultusunda kaybetmek için kullanırız

öncelikle yine her zman olduğu gibi bir "dıv"  ekliyoruz  sayfamızın üst tool barında bulunan "Layout" sekmesinde "DIV" ekleyebiliriz

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

  Dıv'ımizin eklenmiş hali

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Bu işelemimizden sonra dıvımizin içine bir esim ekliyoruz yine üst tool barda bulunan "Common" seçeneğinde "image simgesine " tıklayarak ekliyoruz

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

 aşağıdaki resmi eklemiş bulunmaktayım

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

bu işlemimizinde yaptıktan sonra sayfamızın sağ tarafında bulunan "Behaviors" sekmesinden" Show Hide Image" seçeneğini seçiyoruz

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

 aşağıdaki pencere karşımıza çıkmaktadır

 Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

 

ayarlarımızı yaptıktan sonra aşağıdaki gbib bir görüntü oluşturmaktadır

mouse tıklamadan önce                                                                         moseuya tıkladıktan sonra

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore      Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

 

Swap Image:resmimizin üstüne geldiğimizde o resmimizin değişmesi yani resim geçişi slayta diyebilriz

Bu olayımızı gereçekleştirmek için önce bir "Dıv" eklemeliyiz sayfamızın üst tool barında bulunan "Layout" sekmesinde "DIV" ekleyebiliriz

  Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Dıvmizi ekledik ve sayfamızda şöyle bir görüntü oluşur

  Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

  Bu işlemimizide yaptıktan sonra dıvımizin içine bir resim ekliyoruz sayfamızın üst tool barında bulunan "Layout" sekmesinde "DIV" ekleyebiliriz

  Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

  eklediğimiz resim aşağıdaki gibidir

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

bu işelemimzide yaptıktan sonra sayfamızın sağ tarafında bulunan "Behaviors" sekmesinden "Swap Image" seçeneğini tıklarız ve karşımıza aşağıdaki pencere açılmaktadır

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

burda eklediğimiz resme tıklandığında hangi resmi geçişi olcağını ayarlarız bu ayarımızda yaptıktan sonra uygulamamız aşağıdaki gibidir

sayfamız yüklendiği zmanki resim

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

mouse ile üstüne geldiğimiz zaman değişen resim

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Swap Image Restore:swap yaptığımız resmi olayını kaldırmak için kullanırız yani bunu yaptığımızda resmin üstüne fareile girip çıktığımızda resim değişmektedir

örnek yapılmasına gerek duymadım çünkü swap ımage restoreye tıkladığınızda okey tuşuna basacaksınız ve bastığınızda olayını eklenmiş olcak bunu sizde förebilrizsiniz

 

Hazırlayan:Tolga GÜLBAKAN

Yorumunuzu Ekleyin


Yükleniyor...
Yükleniyor...