Sitenizin kimi bölümlerinde kullanabileceğiniz, tasarımlarınızı renklendirecek ve istediğiniz bölgeye dikkat çekecek çeşitli şekillerde düğmeleri üretmek için birçok yol var. Bu düğmeleri dilerseniz sadece css ile dilerseniz de çeşitli resimler ile oluşturabiliyorsunuz. Yazıda, kullanabileceğiniz bütün yollardan bahsetmeye çalışacağım.


  • Brilliant Button Maker 80×15 ölçülerinde klasik button üreteci. Dilerseniz sağ veya sol bölümlerde resim de kullanabiliyorsunuz.
  • Adam Kalsey Button Maker yine yukarıdakiyle benzer özelliklerde bir üreteç. Ancak yapabilecekleriniz biraz daha kısıtlı.
  • BlogFlux Button Maker ile yine kod doğrulamalarını, rss beslemelerini gösterebileceğiniz düğmeler hazırlayabilirsiniz.
  • Dynamic Drive Button Maker ile 80×15′in yanı sıra 88×31 ölçülerinde benzer düğmeler üretebilirsiniz.
  • Glass Button Generator ile yukarıdaki üreteçlerden oluşturacağınız düğmelerden daha farklı düğmeler oluşturabilirsiniz. Birçok görsel seçeneği belirleme hakkınız var.
  • Buttonator biraz daha kısıtlı özelliklere sahip bir üreteç. Birkaç hazır altyapının üzerine düğmenizi oluşturuyorsunuz.
  • My Cool Button web 2.0′a yakışacak düğmeler üretmenize olanak veriyor. Büyük, parlak, güzel görünümlü buttonlar, hatta menü başlıkları istiyorsanız bu üreteci kullanabilirsiniz.
  • Chicklet Creator ise bir düğme üretecinden ziyade ziyaretçilerinize rss besleme ve sosyal imleme sitelerine ekleme imkanı veren bağlantılar üretiyor. Addthis ve EkleBunu benzeri bir sistem ama görünümü siz belirleyebiliyorsunuz. Aynı zamanda çeşitli blog motorları için eklenti olarak kullanma seçeneği de var.

Buraya kadar olan bölümde internet üzerinden düğme yapmanıza yarayan siteleri vermeye çalıştım. Şimdi de çeşitli tasarım programları veya css kullanarak kendi düğmelerinizi nasıl yapabileceğinizi uygulamalı olarak anlatan birkaç siteden bahsetmeye çalışacağım.
  • Şurada css birkaç resim dosyası kullanarak şık düğme tasarımlarının nasıl yapıldığı anlatılmış.
  • Yine yukarıdakiyle benzer özellikler taşıyan bir uygulama. Ek olarak hover efekti de var.
  • Buradan da içine javascript de katılmış bir derse ulaşabilirsiniz.
  • Özellikle Photoshop programı ile yüzlerce düğme tasarımı yapmak mümkün. Şurada konu ile ilgili birçok çalışmanın sunulduğu bir liste var.
Son olarak hazır düğme tasarımlarını kullanmak isteyebilirsiniz. İşte bu konuyla ilgili birkaç site;
  • Freestyle 80×15 Antipixel Buttons, hemen hemen her konuyla ilgili onlarca düğme tasarımını toplamış. Kullanabileceğiniz mutlaka birkaç düğme vardır.
  • Button collection‘da çeşitli sitelerden 130 farklı düğme toplanmış. Türkçe içerik için kullanmak zor, ancak kendi tasarımınızı yaparken örnek alabilirsiniz.
  • Şurada hem düğme tasarımının nasıl yapılacağına dair bilgi verilmiş hem de yine birçok konu ile ilgili hazır tasarım sunulmuş.
  • Burada da klasik düğme anlayışı biraz daha renklendirilmiş ve içine animasyon katılmış.


Alıntıdır.