PhpNukeTurkiye.Com (F)  >> PNT Nuke ve Php-Nuke (F)  >> Php Nuke (F)
DSolu Görünüm İçin Tıklayın "Forum Resimlerini Mobil Uyumlu Yapmak"

gonlumungulu: Forum Resimlerini Mobil Uyumlu Yapmak (2017/04/13 - 14:33)

Forum Resimlerini Mobil Uyumlu Yapmak

Konu başlıgından anlaşıldıgı gibi web sayfamızdaki resimleri mobil uyumlu hale getirmemiz mümkün Nasılmı

Resimleri responsive hale getirmek için css dosyamıza aşağıdaki kodları ekleyerek mobil aygıtlara uyumlu hale getirebiliriz. CSS Dosyasının İçerisine Yazılacak Kod ;


img {
max-width: 100%;
height:auto;
box-sizing:border-box;
display:block;
}
Css özelliğini ana etiket olan img tagına tanımladığımız için html kısmına herhangi bir class veya ıd vermemize gerek yoktur.

Not : Bootstrap kütüphanelerini kullandığınız sitelerde class olarak “img-responsive” kullanırsanız resimleriniz hiç bir kod yazmaya gerek duymadan responsive hale gelecektir.

Örnek Kullanım : < img src=”ornek.jpg” class=”img-responsive”>

Kaynak : http://blog.avciufuk.com/resimleri-responsive-uyumlu-hale-getirmek.html

****************
Ben Bugun forumlardaki resimleri kücültme ilgili nette bu paylaşımı buldum ve burda sizler icin lazım olur dıye dusunuyorum. Bu uygulamayı tüm sayfalarınızda kullanmanız mümkün ve konu ile yorumlarınız bekliyorum

https://3.bp.blogspot.com/-RgOF0cgdabU/WO9ha0RQ7cI/AAAAAAAAEnA/DluTqKa7T9QsxziRNu5kpk84O5f3J44hACLcB/s1600/gggg.gif