Skip to content
Menu
Beytullah Güneş
  • Ana Sayfa
  • Kitap
    • Modern Zorbalıklar
  • Dersler
    • 4. Sınıf Matematik
  • Araçlar
    • SEO Analizi Yap
    • En Yeni SEO Analizleri
    • Domain Yaşı Sorgula
    • Google Önbellek Analiz
    • Yapılandırılmış Veri Aracı
  • Blog
    • Bilgisayar
    • Dijital Pazarlama
    • Google
    • Güvenlik
    • İnternet
    • Oyun
    • SEO
    • Sosyal Medya
    • Teknoloji ve Bilim
    • Yapay Zeka
    • Yazılım Tasarım Kodlama
  • Hakkında
    • Hakkında
    • Referanslar
    • Sıkça Sorulan Sorular
    • İletişim
Beytullah Güneş

Butns css Bootstrap buton kütüphanesi nedir nasıl kullanılır

Yazar: Beytullah Güneş | Yayın Tarihi: 24 Ocak 2017

Yeni tasarımlarda ya da güncellemelerde hepimiz hazır ortam kütüphanelerinden faydalanıyoruz ve bu yazımda benzeri çalışmalarınızda kullanabileceğiniz Butns.ga dan bahsetmek istedim. 

Butns.ga Nedir?

Butns.ga özellikle Bootstrap gibi Frontend framework için size kapsamlı bir buton çeşitliliği sunan bir buton stip kütüphanesidir denebilir. Bootstrap gibi Frontend framework’ler kendi button stilleri ile birlikte gelir lakin çok çeşitlilik içermemektedir.
Ücretsiz Butns kütüphanesi tüm ekli framework’lerden bağımsız bir dizi özel button stilleri sunuyor. Zaten özel bir sayfa tasarımına sahip olan ve button stilleriyle uğraşmak istemeyen geliştiriciler için mükemmel bir seçenektir.
Button seçimi için neredeyse sınırsız seçenek ve kombinasyonlar mevcuttur. Butns kullanıcı aşinalığı açısından flat(düz) button’lar, pill(hap) button’lar ve ghost(hayalet) button‘ların karışık & eşleşebilen 30’dan fazla farklı arkaplan / kenarlık renkleri içermektedir.
Ayrıca iki farklı rengi bir araya getiren farklı gradent stilleri arasından seçim yapabilirsiniz. Renkler ve gölgelerle birlikte herhangi bir button’nun şeklini, boyutunu ve şeffaflığını da değiştirebilirsiniz.
Her şey CSS sınıflarıyla kontrol edilir. Bu nedenle kütüphanedeki her şeye tam erişiminiz vardır.
Butns de kullanışlı bir özellik olarak yalnızca bir sınıf adını güncelleyerek farklı stiller arasında kolayca geçiş yapabilmenizdir. Aşırı karmaşık bir stil ekleme veya bir stil sayfası düzenleme sistemi yoktur.
Butns.css web üzerinde kolayca kullanılabilen en kapsamlı button stil sayfalardan bir tanesidir. Birden çok web projesine ekleyebilirsiniz ve hepsi bu kütüphaneyle farklı bir görünümlere sahip olabilir.

Butns.ga NAsıl Kullanılır?

Başlamak için .css dosyasını Butns ana sayfasından veya GitHub repo‘sundan indirebilirsiniz. Her ikisi kaynakta en güncel sürümlerin bağlantısı mevcuttur.
Sınıflar listesine GitHub sayfasından mutlaka göz atmak gerekiyor. Renk, button türü ve küçük/büyük veya yarı saydam gibi görüntüleme seçeneklerini özelleştirmek için bütün sınıfların tam listesini ve kullanım şeklini bulabilirsiniz.
Bootstrap gibi diğer framework’lerin sınıflarıyla çakışmadığından üzerinde rahat bir şekilde oynamalar yapabilirsiniz. Böylece Butns.css’i herhangi bir güçlük çekmeden hemen hemen tüm diğer frontend framework ile birleştirebilirsiniz.
ilgili konu  Ücretsiz Soru Cevap Scripti - Question and Answer Script

Bir yanıt yazın Yanıtı iptal et

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

  • Black Desert Online 2025'te Oynamaya Değer mi? Detaylı İnceleme
    Black Desert Online 2025 te Oynamaya Değer mi? Detaylı İnceleme
  • WorldBox İnceleme Kuralsız Tanrıcılık Oyunu
    WorldBox İnceleme Kuralsız Tanrıcılık Oyunu
  • Knight Online Bırakılır mı?
    Knight Online Bırakılır mı?
  • 4. Sınıf Matematik Üçgenleri Kenar Uzunluklarına Göre Sınıflandırma
    4. Sınıf Matematik Üçgenleri Kenar Uzunluklarına Göre Sınıflandırma
  • 4. Sınıf Matematik Kare ve Dikdörtgenin Kenar Özelliklerini Belirleme
    4. Sınıf Matematik Kare ve Dikdörtgenin Kenar Özelliklerini Belirleme

SEO ARAÇLARI

  • SEO Analizi Yap
  • En Yeni SEO Analizleri
  • Domain Yaşı Sorgula
  • Google Önbellek Analiz
  • Yapılandırılmış Veri Aracı

KATEGORİLER

  • Bilgisayar
  • Dijital Pazarlama
  • Google
  • Güvenlik
  • İnternet
  • Oyun
  • SEO
  • Sosyal Medya
  • Teknoloji ve Bilim
  • Yapay Zeka
  • Yazılım Tasarım Kodlama

Başlıca

  • Ana Sayfa
  • Bilgisayar
  • Dijital Pazarlama
  • Google
  • Güvenlik
  • İnternet
  • SEO

Kurumsal

  • Beytullah Güneş Hakkında
  • Sıkça Sorulan Sorular
  • Kullanım Koşulları
  • Çerez Politikası
  • Gizlilik politikası
  • KVKK
  • Beytullah Güneş İletişim

Sosyal

  • Facebook
  • X
  • Instagram
  • Linkedin
  • YouTube

Beytullah Güneş İletişim

[email protected]

Beytullah Güneş, BTK onaylı bir yer sağlayıcı olarak içerikleri kontrol etme ya da araştırma yükümlülüğü yoktur. Hukuka aykırı olduğunu düşündüğünüz içerikleri lütfen bize BURADAN bildiriniz.

Copyright © 2012 Beytullah Güneş by GNSnetwork. All Rights Reserved