Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!


Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > Beyin Fırtınası

Resmî tüm cihazlara uygun göstertmek?

  #1  
Okunmamış 05 Nisan 2019, 17:08
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 03 Ekim 2018
Yaş / Cinsiyet: 22 / Kadın
Meslek: Webmaster
Konum: Tokat
Ad, Soyad: Em... On...
Mesajlar: 37
Beğeniler: 9 / 22
Ticaret: 0, 0%
merhaba arkadaşlar yeni blog yazmak için domain aldım site yapım aşamasında gayret içerisinde local host çalışıyorum bilgisayarım da ama geçici olarak bu kodlar ile bekletmek istiyorum sitemi ama bütün cihazlarda uyumlu şekilde otomatik boyut veremiyorum siteye ölçüler çok alakasız yardımcı olur musunuz ? ne yapmam gerekli sizce ?

www.maviyazar.com



<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<title>mavi yazar yakında...</title>
</head>
<body>
<center><p><img src="maviyazaryakinda.png"></p></center>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abt TE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq 4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
Alphaumer34 bunu beğendi.
  #2  
Okunmamış 05 Nisan 2019, 18:09
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 05 Nisan 2019
Yaş / Cinsiyet: 22 / Erkek
Konum: Adıyaman
Ad, Soyad: Re... Or...
Mesajlar: 275
Beğeniler: 67 / 92
Ticaret: 0, 0%
Açılmamış bir site günde 700.000 tane ziyaretçi girdiğini sanmıyorum bunun için önerim bırakın böyle kalsın siz siteyi ayarlayana kadar worpdress'in eklentilerinde bile site yapım aşamasındayken responsive çalışmıyor bir çoğu (bunun için zaman kaybetmeye değmez).
EmineOnur bunu beğendi.
  #3  
Okunmamış 05 Nisan 2019, 18:13
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 03 Ekim 2018
Yaş / Cinsiyet: 22 / Kadın
Meslek: Webmaster
Konum: Tokat
Ad, Soyad: Em... On...
Mesajlar: 37
Beğeniler: 9 / 22
Ticaret: 0, 0%
joyned biliyorum evet amam ne olursa olsun kalite ve titizlikten yanayım elbet bir kod vardır her giren cihaza göre resim boyut alıp cihaza göre sığdırılmış vaziyette olabilir umarım biriside yardımcı olabilir bana
  #4  
Okunmamış 05 Nisan 2019, 18:16
Avatar Seçilmemiş
O Şimdi Asker :)
 
Üyelik Tarihi: 28 Mart 2018
Yaş / Cinsiyet: 21 / Erkek
Meslek: Bilişim
Konum: Denizli
Ad, Soyad: Se... Ka...
Mesajlar: 264
Beğeniler: 42 / 38
Ticaret: 0, 0%
bunu dener misin ?

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">

cihaz boyutlarına göre ayarlamayı sen yapacaksın

@media only screen and (max-width : 480px) {


}

@media only screen and (max-width : 650px) and (min-width : 481px) {


}

@media only screen and (max-width : 1050px) and (min-width : 651px) {


}

@media only screen and (max-width : 1290px) and (min-width : 1051px) {


}
EmineOnur bunu beğendi.
Konu srkn12 tarafından (05 Nisan 2019, 18:19 ) değiştirilmiştir. Sebep: safs
  #5  
Okunmamış 05 Nisan 2019, 18:24
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 03 Ekim 2018
Yaş / Cinsiyet: 22 / Kadın
Meslek: Webmaster
Konum: Tokat
Ad, Soyad: Em... On...
Mesajlar: 37
Beğeniler: 9 / 22
Ticaret: 0, 0%
srkn12 rica etsem verdiğim koda ekleyip öyle atabilir misin pek bir bilgim yok o koduda buradan bir arkadaşımızdan almıştım
  #6  
Okunmamış 05 Nisan 2019, 18:40
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 12 Ocak 2019
Yaş / Cinsiyet: 26 / Erkek
Meslek: Öğrenci
Konum: Tekirdağ
Ad, Soyad: Ni... Öz...
Mesajlar: 184
Beğeniler: 52 / 26
Ticaret: 0, 0%
<img class='img-fluid' src="maviyazaryakinda.png">

img ile baslayan yeri bu sekilde degistirirmisiniz ?
EmineOnur bunu beğendi.
  #7  
Okunmamış 05 Nisan 2019, 18:44
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 03 Ekim 2018
Yaş / Cinsiyet: 22 / Kadın
Meslek: Webmaster
Konum: Tokat
Ad, Soyad: Em... On...
Mesajlar: 37
Beğeniler: 9 / 22
Ticaret: 0, 0%
nozver çok teşekkür ederim valla oldu iphone 6s plus cihazında sığdı ama resim en yukarda gösteriyor tam ortalanmıyor yani yükseklik alçaklık bakımından onun için bir şey yapabilirmiyiz hocam ?
  #8  
Okunmamış 05 Nisan 2019, 18:58
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 05 Nisan 2019
Yaş / Cinsiyet: 22 / Erkek
Konum: Adıyaman
Ad, Soyad: Re... Or...
Mesajlar: 275
Beğeniler: 67 / 92
Ticaret: 0, 0%
Ben gönderdim ama gözükmüyor kod olarak göndereceğim dosyayı kendiniz oluşturun.

style.css dosyası oluşturun içine
@media only screen and(max-width : 1200px) {
slide>.con>img{
width: 100%;
}

img {
max-width: 100%;
height: auto;
}
Ekleyin sonra index html de title 'ın altına
<link rel="stylesheet" type="text/css" href="style.css">
Ekleyin bu kadar.
Style dosyası index ile aynı klasörde olmalı.
  #9  
Okunmamış 05 Nisan 2019, 19:01
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 05 Nisan 2019
Yaş / Cinsiyet: 22 / Erkek
Konum: Adıyaman
Ad, Soyad: Re... Or...
Mesajlar: 275
Beğeniler: 67 / 92
Ticaret: 0, 0%
Resim ortalanmaz çünkü background olarak eklememişsiniz ekleseniz olur büyük ihtimal ile.
  #10  
Okunmamış 05 Nisan 2019, 19:16
Avatar Seçilmemiş
O Şimdi Asker :)
 
Üyelik Tarihi: 28 Mart 2018
Yaş / Cinsiyet: 21 / Erkek
Meslek: Bilişim
Konum: Denizli
Ad, Soyad: Se... Ka...
Mesajlar: 264
Beğeniler: 42 / 38
Ticaret: 0, 0%
Alıntı:
EmineOnur Adlı Üyeden Alıntı
srkn12 rica etsem verdiğim koda ekleyip öyle atabilir misin pek bir bilgim yok o koduda buradan bir arkadaşımızdan almıştım
HTML Kodu:
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<title>mavi yazar yakında...</title>
    
    <style>
    
       body {
    background-image:url("http://www.maviyazar.com/maviyazaryakinda.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
   }
     html {
    height: 100%
    }
        
    </style>
    
</head>
<body>


<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abt TE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq 4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
EmineOnur bunu beğendi.
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > Beyin Fırtınası


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 18:52.