)
Mybb Mobilde div etiketini gizlemeyi göstereceğim.Bu ekliyeceğimiz kod sayesinde bilgisayarda gözüken büyük resimler veya büyük tabloları mobil sürümde gizlemek mümkün.Yapmanız gereken sadece aşağıda vereceğim Css kodunu Global.css eklemek eğer özel tema kullanıyorsanız onun Css dosyasına eklemek.
Kod:
@media screen and (max-width: 600px){.gizle {visibility: hidden;display: none;}}Mybb Mobilde Div Etiketini Gizleme Kodunun Çalışması İçin Headerinclude Şablonlarında Aşağıdaki Etiketin Olması Gerekiyor.
Kod:
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">Kodlarımızı Ekledikten Sonra Mobilde Divi Gizlemek İçin Divimize "gizle" Classını Veriyoruz.
Örnek ;
PHP Kod:
<div class="gizle">Mobilde Gizlenecek İçerik</div>
Mobilde Div Etiketini Gizleme Kodunu Sadece Divde kullanabiliriz sanmayın.Classı yazdığınız bütün etiketlerde işe yarar.
Örnek ;
PHP Kod:
<p class="gizle">Mobilde Gizlenecek İçerik</p>
<a class="gizle">Mobilde Gizlenecek İçerik</a>
<span class="gizle">Mobilde Gizlenecek İçerik</span>
<li class="gizle">Mobilde Gizlenecek İçerik</li>
<ul class="gizle">Mobilde Gizlenecek İçerik</ul>
<h1 class="gizle">Mobilde Gizlenecek İçerik</h1>
