Forum Resimlerini Mobil Uyumlu Yapmak

Php Nuke Hakkındaki Tüm Paylaşımlar,Sorunlar

Moderatör: Moderatörler

Forum Resimlerini Mobil Uyumlu Yapmak

Mesajgönderen gonlumungulu » 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 ;


Kod: Tümünü seç
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-resp ... irmek.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

Resim
Yeni Üye
Kullanıcı avatarı
Mesajlar: 123
Kayıt: 2011/12/10 - 01:00
Ettiği teşekkür: 7
Aldığı teşekkür: 1


Dön Php Nuke

Kimler çevrimiçi

Bu forumu gezen kullanıcılar: Hiç bir kayıtlı kullanıcı yok ve 3 misafir