Css ile mobil görünümde div veya span gizleme
Hot Network Questions
⌛ How to stop Clangd from inserting functi⌛ MssqL 2024 ve 2025 Kurulumu detaylı anl
⌛ Web sitesi yaptırmak istiyorum?
⌛ Google Gemini Nedir? Nasıl Kullanılır?
⌛ SUGO: Voice Live Chat Party
⌛ Toki 500 bin kura çekiliş zamanı 2026
⌛ Bigo Live Elmas sat veya satın al
⌛ VBScript Replace Function classic asp
⌛ birevim maduriyetim var
⌛ türk telekom madur etti beni
⌛ jojobet ihanetine uğradım
⌛ Asp de Tarih ve Saat İşlemleriyle İlgili
⌛ Haber sitelerinin RSS adresleri
⌛ Erzurum Şehir Hastanesi Personel Alımı İ
⌛ Mssql - SQL server data, kopyala, oluştu
⌛ Dubai Çikolatası ( Lezzeti Efsane)
⌛ Afad anlık deprem istatislikleri
⌛ Dişi kedi çiftleşirken acı çeker mi?
⌛ WordPress Nasıl kurulr?
⌛ Mükerrirlere Özgü İnfaz Ne Demek?
⌛ iphone nasıl silinir?
⌛ Yeni bir Apple Hesabı oluşturma İphone
⌛ Android studio Kurulumu Videolu Anlatım
⌛ Css ile mobil görünümde div veya span gi
⌛ Windows 11 USB ile Kolay Kurulum Video l
⌛ classic asp ile .txt dosyası nasıl yükle
⌛ JWPlayer - customize listbar to add a "d
✍ Dilruba433 - 👀 Viewed 334 times
Soru;
Elinizde bir reklam kodu veya mobil kullanıcılarınız telefonlarında açamayacağı büyüklükte resim, video gibi akıllı telefonları yoran kodları gizlemek istiyorsanız aslında çok basit bir kodumuz mevcut. Bir kaç css kodu ile çok bilginiz olmasa daha yapabileceğiniz bu işlem şöyle yapılıyor. Örneğin elimizde reklam kodu var bunu sadece masaüstü kullanıcılarına göstermek istiyoruz. (Not : Bunun tam tersi de mevcut yani sadece mobil kullanıcılarınızın div etiketini görmesi içinde yapabilirsiniz. ) Buradaki en önemli nokta display:none; kodu olup mobil ekranda çıkmasını istiyorsanız bu etiketi kaldırmanız yeterlidir. daha sayfanızda gizlemek istediğiniz bölümü
Mobil Kullanıcılardan div etiketini gizle
Burada illa div tagında kullanma zorunluluğu yoktur.
etiketleri arasına bile alabilirsiniz.
Aklınıza takılan bir yer varsa konuda belirtmeniz yeterli olacaktır.@media (max-width: 600px) {
.nomobile {
visibility: hidden;
clear: both;
float: right;
margin: 5px auto;
width: 22%;
height: auto;
display: none; // Önemli olan nokta burası burayı kaldırırsanız sadece mobile için görüntülenir.
}
}