Tekil Mesaj gösterimi
  #4  
Okunmamış 11 Ağustos 2018, 00:56
Escalous Adlı Üyenin Avatarı
Escalous Escalous şuan çevrimdışıdır.
WM Aracı
 
Üyelik Tarihi: 09 Ağustos 2018
Cinsiyet: Erkek
Meslek: İşsiz
Konum: Danimarka
Ad, Soyad:
Mesajlar: 924
Beğeniler: 437 / 249
Ticaret: 3, 100%
Sorun değil hocam ama keşke araştırma yapsaydınız Araştırıpda bulamadıysanız bu sözüm için kusura bakmayın..

Kod:
<style>
  /* burada mobili gizliyoruz */
  .logo .mobile {
    display: none;
  }
  /* mobili aciyoruz ve masaustunu gizliyoruz */
  @media (max-width: 600px) {
    .logo .mobile {
      display: block;
    }
    .logo .desktop {
      display: none;
    }
  }
</style>

<div class="logo">
  <img src="http://www.resimsitesi.com/images/masaustuicinlogoyolu.png" class="desktop" />
  <img src="http://www.resimsitesi.com/images/logo_mobile.png" class="mobile />
</div>
Bu şekilde gözebiliyormuşsunuz hocam Yapımıda responsive mantığıyla. Üstteki kodun mantığı site 600px boyutlarına (mobil boyutlara) düştüğünde masaüstündeki logoyu gizleyip mobil logoyu açıyor. 600px yukarsında (masaüstü oturumlarda) karışıklık olmaması adına default olarak mobil logo kapalı kalıyor.

dilerseniz <style> içeriğini .css dosyası varsa bloggerde onun içine atabilirsiniz.

Gerisindede logoyu div tagları içerisine alıyoruz. Div tagı adı logo olmak zorunda çünkü üstteki Css tanımı .logo üstüne. Div tagındaki logoyu değiştirirseniz css içindeki .logo yazılarınıda değiştirin.

Kaynak: https://stackoverflow.com/questions/...le-and-desktop