lostyazilim
tr.link

Sitenin Boyutlarını Düzenleme

17 Mesajlar 1.902 Okunma
lstbozum
tr.link

theCrawLe theCrawLe mobiluzman.com Kullanıcı
  • Üyelik 30.08.2011
  • Yaş/Cinsiyet 31 / E
  • Meslek Muhasebe Uzmanı
  • Konum Mersin
  • Ad Soyad H** Ç**
  • Mesajlar 2482
  • Beğeniler 615 / 615
  • Ticaret 12, (%100)
Herkese Forum Nick'imin altındaki sitem için blogger tabanlı temayı düzenledim fakat kendi bilgisayarımın ekranına göre ayarladım tam olarak şuan bende sıkıntısız görünüyor fakat diğer ekranlarda bozuk görünüyor.Sitenin her ekran boyutunda aynı şekilde görünmesini nasıl sağlarım.
 

 

öksürüğe ne iyi gelir  https://neiyigelir.com/oksuruge-ne-iyi-gelir
wmaraci
reklam

BugraGulay BugraGulay <?php echo"It's Life"; ?> Kullanıcı
  • Üyelik 11.10.2015
  • Yaş/Cinsiyet 29 / E
  • Meslek Web Developer/Bilgisayar Müh.
  • Konum Ankara
  • Ad Soyad B** G**
  • Mesajlar 477
  • Beğeniler 34 / 135
  • Ticaret 7, (%100)
Responsive tasarım çağımızın gözdesi haline tam olarak bu yüzden geldi. Eğer genişliklerden şikayetciyseniz kodlama bölümünde sayfa genişliğini 100% şekline getirin. Fakat diğer türlü responsive tema araştırın. Google ' a bootstrap yazdığınızda göreceğiniz templateler her cihaz ve çözünürlüğe uygun şekilde hazırlanmakta. Bende genel olarak hazır şablon kullandığım için bu konudaki bilgim bununla sınırlı umarım yardımcı olur :)
 

 

theCrawLe theCrawLe mobiluzman.com Kullanıcı
  • Üyelik 30.08.2011
  • Yaş/Cinsiyet 31 / E
  • Meslek Muhasebe Uzmanı
  • Konum Mersin
  • Ad Soyad H** Ç**
  • Mesajlar 2482
  • Beğeniler 615 / 615
  • Ticaret 12, (%100)
BugraGulay tasarım zaten responsive yalnızca arka plan ile alakalı olarak sıkıntı yaşıyorum arka plan responsive olmuyor sanırım sadece. Bende arka planı kendi ekran boyutlarına göre ayarlardım fakat farklı pclerden açtığım zaman siteyi arka planda kayma oluyor yoksa diğer araç gereçler responsive moduna geçiyor.
 

 

öksürüğe ne iyi gelir  https://neiyigelir.com/oksuruge-ne-iyi-gelir

FarukAri FarukAri WM Aracı Kullanıcı
  • Üyelik 23.02.2014
  • Yaş/Cinsiyet 25 / E
  • Meslek Öğrenci
  • Konum Kayseri
  • Ad Soyad F** A**
  • Mesajlar 55
  • Beğeniler 13 / 11
  • Ticaret 8, (%88)
istediğiniz şey sanırım background-size. style dosyanızda body için background-size:cover; ekleyiniz.
 

 

wmaraci
wmaraci

BugraGulay BugraGulay <?php echo"It's Life"; ?> Kullanıcı
  • Üyelik 11.10.2015
  • Yaş/Cinsiyet 29 / E
  • Meslek Web Developer/Bilgisayar Müh.
  • Konum Ankara
  • Ad Soyad B** G**
  • Mesajlar 477
  • Beğeniler 34 / 135
  • Ticaret 7, (%100)
body {
background-image: url("paper.gif");
background-repeat: repeat-y;
}



css içine background-repeat ekle derim. Benim aklıma gelen çözüm bu oldu ekran daha küçük haldeyken repeat etmez fakat büyüdüğünde repeat eder.
 

 

theCrawLe theCrawLe mobiluzman.com Kullanıcı
  • Üyelik 30.08.2011
  • Yaş/Cinsiyet 31 / E
  • Meslek Muhasebe Uzmanı
  • Konum Mersin
  • Ad Soyad H** Ç**
  • Mesajlar 2482
  • Beğeniler 615 / 615
  • Ticaret 12, (%100)
BugraGulay öneri için teşekkürler arka plan repeat olacak bir şekilde değil yoksa aklıma geldi o resmi en küçük ekrana göre ayarlar tekrar ettirirdim fakat arka plan gördüysen tekrar ettirilecek şekilde değil.
 

 

öksürüğe ne iyi gelir  https://neiyigelir.com/oksuruge-ne-iyi-gelir

BugraGulay BugraGulay <?php echo"It's Life"; ?> Kullanıcı
  • Üyelik 11.10.2015
  • Yaş/Cinsiyet 29 / E
  • Meslek Web Developer/Bilgisayar Müh.
  • Konum Ankara
  • Ad Soyad B** G**
  • Mesajlar 477
  • Beğeniler 34 / 135
  • Ticaret 7, (%100)

body {
background-image:url(bg.jpg);
background-repeat:no-repeat;
background-size: cover;
}


isterseniz bi deneyin burda background-size: cover; alanı muhtemelen sorununuzu çözecektir her ekranı kaplayacak duruma gelecektir.
 

 

BugraGulay BugraGulay <?php echo"It's Life"; ?> Kullanıcı
  • Üyelik 11.10.2015
  • Yaş/Cinsiyet 29 / E
  • Meslek Web Developer/Bilgisayar Müh.
  • Konum Ankara
  • Ad Soyad B** G**
  • Mesajlar 477
  • Beğeniler 34 / 135
  • Ticaret 7, (%100)
Ek Olarak :
background-size: 100% 100%;
background-size iki değer tanımlandığında ilk değer genişlik için ikinci değer yükseklik için uygulanır, tek değer atanmış ise hem genişlik hemde yükseklik için bu değer geçerli olur.
 

 

theCrawLe theCrawLe mobiluzman.com Kullanıcı
  • Üyelik 30.08.2011
  • Yaş/Cinsiyet 31 / E
  • Meslek Muhasebe Uzmanı
  • Konum Mersin
  • Ad Soyad H** Ç**
  • Mesajlar 2482
  • Beğeniler 615 / 615
  • Ticaret 12, (%100)
FarukAri BugraGulay

body{
font-family: 'Ropa Sans', Arial, Helvetica, sans-serif;
background:url(https://2.bp.blogspot.com/-FDqE1n7scyk/WOOpJ_8SCBI/AAAAAAAAHDU/CHDZ4ea0jfoIEmHaDBCKcFPYsWWQgsHwgCLcB/s1600/cats11.jpg);
background-repeat:no-repeat;
background-size: cover;

}


Şuan bu şekilde fakat hala aynı diğer pc den denediğim zaman sadece broserden uzaklaştır kullanarak %80 boyutuna getiriyorum o şekilde düzgün görünüyor.
 

 

öksürüğe ne iyi gelir  https://neiyigelir.com/oksuruge-ne-iyi-gelir

BugraGulay BugraGulay <?php echo"It's Life"; ?> Kullanıcı
  • Üyelik 11.10.2015
  • Yaş/Cinsiyet 29 / E
  • Meslek Web Developer/Bilgisayar Müh.
  • Konum Ankara
  • Ad Soyad B** G**
  • Mesajlar 477
  • Beğeniler 34 / 135
  • Ticaret 7, (%100)
Hocam sizin sorununuz çerezlerde muhtemelen sayfayı inceliyorum %150 %50 boyutlar arasında genişlikte hiç bir sorun yok 2. yöntemi uygularsanız sanırım mobildede sıkıntı kalmıcaktır telefondan girdiğimde alt tarafta boşluk kalıyor bilginiz olsun
 

 

wmaraci
Konuyu toplam 5 kişi okuyor. (0 kullanıcı ve 5 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al