Bacon – Çerçeve şekillerine göre makaleyi hizalama

0
178
Görüntülenme

bacon
Demo hakkındaki  resim biraz  garip ve sanırım  hiç ilgi çekici  bir yanı da ok gibi  görünüyor. Biraz karmaşık olduğundan dolayı  paylaşıp paylaşmama  konusunda  çelişkili  bir  durum içinde olsam da bazı  sitelerde  bu tip yazılar kullanabilmek için resim üzerinde  hazırlayıp kullandıklarını  bildiğim için paylaşmak istedim.

Şekline bakıldığında gereksiz  olarak ta  anlaşılabilir bu eklenti  ama  baya  bi  işe  yarar  tarafları var.  sitenizin bir köşesinde yazı yayınladığınız  zaman bu yazıyı  ya  sağa  ya sola yada ortaya doğru  hizalayabilirsiniz.  Css ve microsoft filtrelerinin sizlere  sunduğu limit bu kadar bir de  ul, ol ve li kullanarak  biraz daha içe doğru kaydırabilmeniz  mümkün yazıları.  Ama bir yazıyı yılan görünümünde   sarmal bir şekilde  kullanamıyordunuz elbette ta  ki David Hudson size  Bacon eklentisini hazırlayana kadar.

Bacon eklentisi yazılarınıza  istediğiniz şekli vermenizi  sağlayabilen bir  eklenti. X  ve Y  koordinatlarını belirlemekte  biraz  zorlanacaksınız  ama bu eklenti ile yazıya  şekil vermekte  limit kalmayacak sizzler  için.  Oval  bir  resmin yada  üçgen şeklinde  hazırlanmış bir  resmin  kenarına göre yazılarınızı  hizalayabilmeniz  mümkün bu eklenti ile.
Kullanım

  • Head etiketleri arasına eklemeniz  gereken bölümler.

Js ve Css dosya adresleri : 

 JavaScript : 

Bu aşamada yazı sınıflarını  dikkatli inceleyerek her sınıf ın olduğu çerçeveye  ayrı ayrı koordinat  ayarı vermeniz gerekmekte

 Css : 

  •  Body etiketleri arasına eklemeniz gereken bölüm.

Html : 

Her  yazı  için belirlenen çerçevelerin içini  boş bıraktım. Kendinize göre yazı eklersiniz boş alanlara yada kendinize  göre farklı  sınıflar  belirlersiniz.

 

  • Demo

 

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.