Curse
Üye
- Kayıt
- 30 Eylül 2007
- Mesaj
- 315
- Tepki
- 2
Fireworks Rollover Button 1- Öncelike ekranda görüldüğü Edit menüsünden Insert seçeneğine tıklayalım ve New Button alt menüsüne gidelim.
2- Fireworks ekranımızda aşağıda görüldüğü gibi bir pencere açılacaktır.
![](/forum/proxy.php?image=http%3A%2F%2Fimg208.imageshack.us%2Fimg208%2F1607%2Frollover2rj3.th.jpg&hash=69bdf07697c81c7afee6d20ec1746dff)
3- Bu pencerede Up sekmesi seçili iken #006699 renk değerini girerek ekrandaki gibi bir Rectangle şekli çizelim.Bu şeklin üzerinede beyaz renkte bir "button" adlı bir yazı oluşturalım.Ardından da textimixe bir link verelim.Bunu textimiz seçili iken Edit / Insert /Rectangular Slice ile yapabiliriz.
4- Over sekmesine tıklayalım.Sayfamız ilk önce boş gözükecektir.Copy Graphic butonuna tıklarsak butonumuz belirecektir.
5- Over sekmesinde iken textimizi seçili hale getirerek #CCCCCC renk değerini girelim.
6- Şimdide Down sekmesine tıklayalım.Yine görüldüğü gibi sayfa boş gözükecektir.Copy Graphic sekmesine tıklayalım tekrardan.Ardından butonumuz tekrar gözükecektir.Bu sekmede iken textimiz seçili haldei iken renk değerimizi #CCCC99 olrak değiştirelim.
7- Over While Down sekmesini seçtiğimizde yine sayfamızın boş olduğunu göreceğiz.Aynı işlemi tekrarlayarak Copy Graphic butonuna tıklayalım.Şimdi butonumuz tekrardan gözükecektir.Yine textimizin rengini değiştirmek için textimizi seçili hale getirelim ve ardından da #00CC66 renk değerini girelim.
8-Active Area sekmesine tıklayalım.Ve bu pencerende de done butonu seçelim.
9- Rollover buton çalışmamızı bir önceki adımda anlatıldığı gibi done butonuna basarak bitirdiğimiz zaman,karşımıza böyle bir pencere çıkacaktır.Bu aşamaya kadar geldiğimizde artık çalışmamızı kaydedebiliriz.
10- Resim formatımızı jpg olarak ayarlıyalım.Ve File / Export menüsüne giderek ekrandaki gibi ayarlarımızı yapalım.Kaydettikten sonra butonumuzun işlevini rolloverbutton.html dosyası içinde görebiliriz.
![](/forum/proxy.php?image=http%3A%2F%2Fimg167.imageshack.us%2Fimg167%2F6982%2Frollover1wb2.jpg&hash=957662788661ad8faa2be604274e98fb)
2- Fireworks ekranımızda aşağıda görüldüğü gibi bir pencere açılacaktır.
![](/forum/proxy.php?image=http%3A%2F%2Fimg208.imageshack.us%2Fimg208%2F1607%2Frollover2rj3.th.jpg&hash=69bdf07697c81c7afee6d20ec1746dff)
3- Bu pencerede Up sekmesi seçili iken #006699 renk değerini girerek ekrandaki gibi bir Rectangle şekli çizelim.Bu şeklin üzerinede beyaz renkte bir "button" adlı bir yazı oluşturalım.Ardından da textimixe bir link verelim.Bunu textimiz seçili iken Edit / Insert /Rectangular Slice ile yapabiliriz.
![](/forum/proxy.php?image=http%3A%2F%2Fimg167.imageshack.us%2Fimg167%2F3477%2Frollover3or6.jpg&hash=a2801a640575fd8522be7028e828a10c)
4- Over sekmesine tıklayalım.Sayfamız ilk önce boş gözükecektir.Copy Graphic butonuna tıklarsak butonumuz belirecektir.
![](/forum/proxy.php?image=http%3A%2F%2Fimg404.imageshack.us%2Fimg404%2F3698%2Frollover4oi3.jpg&hash=29ea09c13b2c5ef48d7986c54f5493ed)
5- Over sekmesinde iken textimizi seçili hale getirerek #CCCCCC renk değerini girelim.
![](/forum/proxy.php?image=http%3A%2F%2Fimg404.imageshack.us%2Fimg404%2F7314%2Frollover5lm8.jpg&hash=cbfa22b30d55094efc711cc29d075c75)
6- Şimdide Down sekmesine tıklayalım.Yine görüldüğü gibi sayfa boş gözükecektir.Copy Graphic sekmesine tıklayalım tekrardan.Ardından butonumuz tekrar gözükecektir.Bu sekmede iken textimiz seçili haldei iken renk değerimizi #CCCC99 olrak değiştirelim.
![](/forum/proxy.php?image=http%3A%2F%2Fimg167.imageshack.us%2Fimg167%2F2931%2Frollover6ol8.jpg&hash=22beb917947b4f19cebec04026b720e1)
7- Over While Down sekmesini seçtiğimizde yine sayfamızın boş olduğunu göreceğiz.Aynı işlemi tekrarlayarak Copy Graphic butonuna tıklayalım.Şimdi butonumuz tekrardan gözükecektir.Yine textimizin rengini değiştirmek için textimizi seçili hale getirelim ve ardından da #00CC66 renk değerini girelim.
![](/forum/proxy.php?image=http%3A%2F%2Fimg404.imageshack.us%2Fimg404%2F2500%2Frollover7io5.jpg&hash=f851ccbda31a50edb3fc8a053384e765)
8-Active Area sekmesine tıklayalım.Ve bu pencerende de done butonu seçelim.
![](/forum/proxy.php?image=http%3A%2F%2Fimg167.imageshack.us%2Fimg167%2F1562%2Frollover8mu4.jpg&hash=f021ff7d90c79f04479f9204e56b8e72)
9- Rollover buton çalışmamızı bir önceki adımda anlatıldığı gibi done butonuna basarak bitirdiğimiz zaman,karşımıza böyle bir pencere çıkacaktır.Bu aşamaya kadar geldiğimizde artık çalışmamızı kaydedebiliriz.
![](/forum/proxy.php?image=http%3A%2F%2Fimg211.imageshack.us%2Fimg211%2F1386%2Frollover9yw0.jpg&hash=b05c7091a2660194ab7bf4c9b22e69e8)
10- Resim formatımızı jpg olarak ayarlıyalım.Ve File / Export menüsüne giderek ekrandaki gibi ayarlarımızı yapalım.Kaydettikten sonra butonumuzun işlevini rolloverbutton.html dosyası içinde görebiliriz.
![](/forum/proxy.php?image=http%3A%2F%2Fimg211.imageshack.us%2Fimg211%2F1452%2Frollover10lt5.jpg&hash=fdba682464f1dd31de555d9af9f7b1ed)