Tekil Mesaj gösterimi
  #4  
Okunmamış 11 Ağustos 2018, 00:56
Avatar Seçilmemiş
Escalous Escalous şuan çevrimdışıdır.
Üyeliği Durdurulmuş
 
Üyelik Tarihi: 09 Ağustos 2018
Cinsiyet: Erkek
Meslek: (.*?)
Konum: Diğer
Ad, Soyad:
Mesajlar: 1.410
Beğeniler: 796 / 424
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