• 08-06-2020, 11:40:27
    #10
    Arkadaşlar responsive durumu css ve html yoluyla ayarlanabilen bir durumdur. Php'de resim olarak çıktı verilen html'e müdahale etmelisiniz.

    Css'e bunu ekleyin
    .img-fluid {
    display:block;
    max-width:100%;
    height:auto;
    }
    sonrasında da responsive olmasını istediğiniz görsele
    <img src="blabla" class="img-fluid">
    ekleyerek bu sınıfı eklediğiniz görsellerinizin responsive olmasını sağlamış olursunuz. Bir blog metni gövdesindeki görsellerin tamamına bu responsive görsel özelliğini uygulamak için de şöyle bir şey yapılabilir:

    .blog-content img {
    display:block;
    max-width:100%;
    height:auto;
    }
    .blog-content sınıfı blog içeriğin gövdesini kapsayan html elemente verilmeli.

    İyi çalışmalar.
  • 08-06-2020, 11:59:36
    #11
    Misafir adlı üyeden alıntı: mesajı görüntüle
    site detaylarını yazarmısın
    Misafir adlı üyeden alıntı: mesajı görüntüle
    <img src="resim yolu" style="width:100%; height:100%;" >
    maviyazar adlı üyeden alıntı: mesajı görüntüle
    Bunu nereye hangi php dosya içerisine neresine ekleyebileceğime dair bilgim yok ne yazık ki
    Shogun adlı üyeden alıntı: mesajı görüntüle
    img {
    width100%;
    }
    Megend adlı üyeden alıntı: mesajı görüntüle
    Merhaba
    Eğer resimler tam genişlikte ise
    .responsive {
    width: 100%;
    height: auto;
    }

    bu kodu style etiketi içinde sayfaya koyun ve
    resimlere class="responsive" ekini yazın

    Eğer tam genişlikte değilse

    .responsive {
    max-width: 300px;
    height: auto;
    }

    bunu kullanabilirsiniz
    300 px değiştirmeyi unutmayın
    hozcelik adlı üyeden alıntı: mesajı görüntüle
    Özelden ulaşır mısın, deneyelim.
    Megend adlı üyeden alıntı: mesajı görüntüle
    Anydesk verirseniz yardımcı olabilirim
    Yada teamviewer
    Pmden atabilirsin bilgileri
    DWather adlı üyeden alıntı: mesajı görüntüle
    Arkadaşlar responsive durumu css ve html yoluyla ayarlanabilen bir durumdur. Php'de resim olarak çıktı verilen html'e müdahale etmelisiniz.

    Css'e bunu ekleyin
    .img-fluid {
    display:block;
    max-width:100%;
    height:auto;
    }
    sonrasında da responsive olmasını istediğiniz görsele
    <img src="blabla" class="img-fluid">
    ekleyerek bu sınıfı eklediğiniz görsellerinizin responsive olmasını sağlamış olursunuz. Bir blog metni gövdesindeki görsellerin tamamına bu responsive görsel özelliğini uygulamak için de şöyle bir şey yapılabilir:

    .blog-content img {
    display:block;
    max-width:100%;
    height:auto;
    }
    .blog-content sınıfı blog içeriğin gövdesini kapsayan html elemente verilmeli.

    İyi çalışmalar.
    Tek mesele şu 2 yerin sonununa !important eklemekmiş


    tv ile bağlanıp yardımcı oldu arkadaşımız sağ olsun @hozcelik; kendisine çok teşekkür ederim