Kişisel bir web günlüğü

4 basit adımda parlak butonlar yapmak

Özellikle web 2.0 tarzındaki sitelerde parlak butonların sıkça kullanıldığını görüyoruz. Çünkü parlak butonlar insanın gözüne son derece hoş geliyorlar. Photoshop, GIMP veya Fireworks gibi yazılımları kullanarak bu butonları oluşturabilirsiniz ama ben size çok daha pratik bir yöntemden bahsetmek istiyorum. Solda duran parlak mavi butonu yalnızca 4 basit adımda siz de yapabilirsiniz.

Benim cool butonum (:

Kendi butonunuzu oluşturmak için My cool button isimli siteye girmeniz yeterli. Tüm işlemleri web üzerinde yapacaksınız. Hiçbir imaj işleme tekniğini bilmenize gerek yok.

1. adımda oluşturmak istediğiniz butonun genişlik değerini piksel cinsinden belirliyorsunuz. 2. adımda butonun kendi rengini ve arkaplan rengini belirliyorsunuz. 3. adımda buton üzerinde bir simge görüntülenmesini isteyip istemediğinizi belirtiyorsunuz. İster öntanımlı simgelerden birini kullanın, isterseniz kendi bilgisayarınızdan bir herhangi bir simge upload edin. 4. adımda ise buton üzerinde görüntülenecek yazıyı yazıyorsunuz. Bu yazının tipini, büyüklüğünü ve rengini istediğiniz gibi değiştirebilirsiniz.

Bu 4 adımdan sonra Apply changes butonuna tıklayarak butonun bir önizlemesini görebilirsiniz. Sonuçtan memnun kalırsanız Download butonuna tıklayarak butonu, PNG formatında bilgisayarınıza indirebilirsiniz.


Mycoolbutton sitesi ile yaptığım örnek buton
25 Mayıs 2007, 13:25 İnternet & Web Bugün 37 kez, toplamda ise 14,259 kez okundu. buton, parlak, resim, web 2.0
13 yorum var

butonlar da tamamdır. ;)

butonun yüksekliğini nasıl ayaarlıyoruz ?

Butonun yüksekliÄŸini ayarlayamıyorsun. Yalnızca “Setup size” bölümünden butonun geniÅŸliÄŸini ayarlayabiliyorsun. Yükseklik otomatik olarak belirleniyor.

usta gercekten çok işime yarıcak güzel yakıştı da;)

teşekkürler erhan güzel butonlar oluşturuluyor. fakat birşey soracağım butonun şeklini değiştiremiyor muyuz ?

Teşekkürler eburhan, güzel oldu bu butonlar :)

Teşekkürler. Böyle birşeyler arıyordum bu günlerde.

oooo Süper Ya Çok Rahat Bir Şekilde Buton Yapılıyo Tşkürler..

ee ben goremiyorum Apply changes butonunu

@sinan
O eski sürümündeydi sitenin. Artık bütün değişiklikleri anında görebiliyorsun. Herhang bir butona tıklamana gerek yok.

arkadasım ben butonu yaptımda siteye koyamıyorum url olarak koydugumda imagehack sitesi çıkıyor tıkladıgım zaman

“Preview” bölümünde “Click for download!” yazısı var. OluÅŸan buton, bu yazının altında görünecek. Üzerine tıklarsan indirebilirsin ve we sitene koyabilirsin.

İçinizde kalmasın, siz de yorum yazın


You are viewing a mobilized version of this site...
View original page here

How do you rate mobile version of this page?

Mobilized by Mowser Mowser