Slobada

JQuery Masonry Eklentisi Nedir Kullanimi Nasildir

Masonry Nedir

Masonry, kelime olarak Duvarcılık anlamına gelmektedir ve tasarımlarda Jquery'in nesneleri düzenlemeye veya hizalamaya yarayan bir eklentisi için kullanılmaktadır.

Görevi Nedir

Bu eklenti, kodlama içerisinde eklentiye parametre olarak tanımlanan paylaşımları yan yana ve içerik daha çoksa alttan devam edecek şekilde arada boşluk bırakmadan, tüm boşlukları doldurabilen bir tasarım oluşturmak için kullanılır. Aşağıdaki resimde de görüldüğü üzere, CSS FLOAT tekniğine göre çok daha etkilidir ve görsel olarak da düzenlilik sunmaktadır. masonry grid jquery

Detaylı Bilgi

JQuery Masonry eklentisi hakkında açılmış bir Açık Kaynak Kütüphanesi bulunmaktadır. Eklenti hakkında en detaylı bilgileri bulabileceğiniz sayfa için buraya tıklayabilirsiniz.

Bu sayfada gördüğünüz içerikler de Masonry eklentisi kullanılarak hazırlanmıştır. Günümüzde birçok ünlü web sayfası da bu eklentiden faydalanmaktadır.

Eklenti Kurulum

JQUERY Masonry eklentisini herhangi bir ek işlem yapmadan doğrudan sitenize çağırmak için aşağıdaki SCRIPT kodlamasını kullanabilirsiniz.

Jquery Kurulum

JQUERY 'i herhangi bir ek işlem yapmadan doğrudan sitenize çağırmak için aşağıdaki SCRIPT adreslerinden herhangi birini kullanabilirsiniz.

Bu adreslerin birisini seçip, aşağıdaki örnek kodlamadaki gibi kullanarak sitenize çağırabilirsiniz:

HTML Kodları

JQUERY Masonry eklentisini sitenize çağırdıktan sonra masonry genel sınıf etiketi içerisinde item alt etiketlerini kullanabilirsiniz. Örnek bir kod vermek gerekirse:

CSS Kodları

JQUERY Masonry eklentisini sitenize çağırdıktan ve HTML kodlarını da ekledikten sonra, içeriklerin ekrandaki görünümleri ile gerekli gördüğünüz stil düzenlemelerini yine .masonry ve .item sınıflarını kullanarak yapabilirsiniz. Örnek bir kod vermek gerekirse:

flat ui
flat ui
flat ui
flat ui
flat ui
flat ui
flat ui
flat ui
flat ui
flat ui
flat ui
flat ui
flat ui





Bu sayfa hakkında yorum ekle:
İsminiz:
Mesajın: