Buton Yapımı

Bu dersimizde sizlere basit bir buton yapımını göstereceğim. Up -Ower - Down hallerinde işlem yapıp butonu aktifleştireceğiz.

Buyrun başlayalım dersimize

 

Öncelikle resimdeki gibi bir daire çiziyoruz ekrana (shift tuşuna basılı tutarsanız tam yuvarlak çizebilirsiniz)

Buna Elipse efecti uyguluyoruz.

Resimde gördüğünüz gibi ortadaki iki çizgiyi birleştiren noktayı biraz aşağıya çekiyoruz

 

Daha sonra bu dairenin içne boyutu ondan ufak olacak şekilde bir daire çiziyoruz.

Bunada Linear efecti uyguluyoruz.

 

Yanlız burda dikkat etmeniz gereken nokta linear efecti verdiğiiz zaman renk kutucuğuna tıklayalım ikinci rengin üstündeki küçük simgeyi tıklayıp OPACITY değerini "0" yapıyoruz.

 

 

Daha sonra Polygon Toolu seçip bir tane üçgen çiziyoruz ekrana.

 

 

Devam ediyoruz.......

 

Şimdi çizdiğimiz grafiklerin hepsini CTRL+A yapıp seçiyoruz Daha sonra F8 tuşuna basıyoruz. Çıkan seçim kutusundan button'u seçiyoruz.

 

Butonumuz oluşmuş oldu. Şimdi üzerine çift tıklayıp butonun içine giriyoruz.

Burada

UP - Normal Hali
OVER - Mause ile üzerine gelinceki hali
DOWN- Tıklanıldığı an
Ower While Down - Eğer daha önceden tıklanılmışsa butonun alacağı görünüm
Active Area - Şuanda aktif olan butonu gösterir. (Bu seçim birden fazla buton yapıldığında uygulanmalıdır)

Şimdi arkadaşlar istersek CTRL+A ile hepsini seçip CTRL+C ile kopyalayabiliriz.
İstersek de Copy up Graphic butonunu tıklayarak butonumuzu kopyalayabiliriz.
Eğer kopyalayabildiysek sırayla yukarda anlatılan bölümlere yapıştırıyoruz.

 

 

Ben burda üzerine gelince yani "UP" ve tıklanıldığı an olan "DOWN" sekmelerinde değişiklik yaptım.
Sizde nerde değişiklik yapmak istiyorsanız o sekmeye gelip grafikleriniz üzerinde değişiklik yapabilirsiniz.

Mesela ben "UP" sekmesinde ortadaki üçgeni siyah yaptım

 

Gerekli değişiklikleri yaptıysak DONE yi tıklayıp çıkıyoruz.

Şimdi çalışma ekranına tekrar geri döndük. Çizdiğimiz butona link verelim.

Resimde gördüğünüz yer properties bölümünde bulunuyor.

 

 

Burayıda açıklayacak olursak:
Link : Butonun tıklanılınca gideceği adresi belirtir. Ben http://www.gencislam.com yazdım (http:// yi mutlaka yazmanız lazım www. ile başlayan linkler geçersizdir.)
Alt : Mause butonun üzerine geldiğinde bi açıklama yazısı çıkar bunu burda belirtiyoruz. (Gençliğin Buluştuğu Nokta)
Target: HTML biliyorsanız eğer sayfanın açılma pozisyonudur. _blank farklı bir pencerede açar self de farklı pencerede açar ama işlevi farklıdır birden fazla değil tek bir ayrı pencerede açar.

Butonun çalışır halini test etmek için BURAYItıklayabilirsiniz

 

Başarılar....

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol