Sadece Mobilde Gözüken Buton Ve Yazı ? |
9 Mesajlar | 8.334 Okunma | ||
- Üyelik 19.09.2015
- Yaş/Cinsiyet 25 / E
- Meslek Dijital Pazarlama Ve Reklam
- Konum Bartın
- Ad Soyad M** E**
- Mesajlar 323
- Beğeniler 32 / 98
- Ticaret 34, (%100)
Sadece mobilden giriş yapacak olan kişilere çıkmasını istediğimiz bir içeriği nasıl normal kullanıcılardan gizleyebiliriz. Örnek vermek gerekirse bir buton yapacağız ve bu sadece site mobil den açıldıgında gözükecek. Veya sitenin ekran boyutları küçüldüğünde ortaya cıkmasıda işimizi görür. Bu konuda fikir ve önerileriniz için şimdiden teşekkürler.
- Üyelik 15.05.2015
- Yaş/Cinsiyet 33 / E
- Meslek PHP Developer
- Konum İstanbul Avrupa
- Ad Soyad Ö** G**
- Mesajlar 1206
- Beğeniler 374 / 380
- Ticaret 16, (%100)
MucahitErgul belki yazılımla alakalı bişey olabilir. Ama benim bildiğim responsive tasarım mantığı ile yapabilirsiniz. Örnek verecek olursak css kodlarında 500x500 ekrandan küçük ekranlarda şu css ler çalışsın dersiniz. divi normalde display:none yapıp çalışacak yerde display:block veya inblock diye yazarsınız.
Herkes yediğinden ikram eder..(Yavuz Sultan Selim)
- Üyelik 24.12.2012
- Yaş/Cinsiyet 25 / E
- Meslek Öğrenci
- Konum Eskişehir
- Ad Soyad İ** K**
- Mesajlar 984
- Beğeniler 231 / 233
- Ticaret 15, (%100)
Bootstrap bir göz atabilirsin. Bu mantık la classa hidden-xs dersen mobil boyutlarda istediğin bir şeyi gizlersin
- Üyelik 16.12.2014
- Yaş/Cinsiyet 37 / E
- Meslek Frontend Developer
- Konum İstanbul Anadolu
- Ad Soyad E** K**
- Mesajlar 75
- Beğeniler 1 / 23
- Ticaret 0, (%0)
.button{
display:none
}
@media (max-width:768px){
.button{
display:block
}
}
bu şekilde yapabilirsin dostum... 768 px tablet genişliğidir. o genişlik değerine kadar olan ekran boyutunda gostermiş olursun sadece.. bu değeri kendine gore de tanımlayabilirsin şu genişliğie kadar gozuksun sadece gibi.. sana kalmış..
display:none
}
@media (max-width:768px){
.button{
display:block
}
}
bu şekilde yapabilirsin dostum... 768 px tablet genişliğidir. o genişlik değerine kadar olan ekran boyutunda gostermiş olursun sadece.. bu değeri kendine gore de tanımlayabilirsin şu genişliğie kadar gozuksun sadece gibi.. sana kalmış..
templates.informationstock.com
www.informationstock.com
www.informationstock.com
- Üyelik 07.12.2015
- Yaş/Cinsiyet - / E
- Meslek Yazılımcı
- Konum Aydın
- Ad Soyad M** Ş**
- Mesajlar 24
- Beğeniler 4 / 3
- Ticaret 0, (%0)
@infstock arkadaşın da söylediği gibi @media kullanımını biraz araştır bu şekilde gayet sağlıklı biçimde yapabilirsin.birde mobilden gelen ziyaretçileri m.siteadi.com gibi bir adrese yönlendirip tamamen mobil için tasarlanmış siteler de yapılabiliyor ama sağlıklısı responsive tasarım diye biliyorum
- Üyelik 13.08.2015
- Yaş/Cinsiyet 34 / E
- Meslek Bilgisayar Mühendisi
- Konum Ankara
- Ad Soyad S** Ç**
- Mesajlar 529
- Beğeniler 114 / 208
- Ticaret 30, (%97)
Merhaba bu kod ile işinizi görebilirsiniz.
$cihaz = $_SERVER['HTTP_USER_AGENT'];
$iphone = strpos($cihaz,"iPhone");
$android = strpos($cihaz,"Android");
$ipod = strpos($cihaz,"iPod");
if ($iphone == true || $android == true || $ipod == true) { ?>
MOBİL'DE GÖRÜNTÜLENECEK KODLAR
BİLGİSAYARDA GÖRÜNTÜLENECEK KODLAR
- Üyelik 19.09.2015
- Yaş/Cinsiyet 25 / E
- Meslek Dijital Pazarlama Ve Reklam
- Konum Bartın
- Ad Soyad M** E**
- Mesajlar 323
- Beğeniler 32 / 98
- Ticaret 34, (%100)
Teşekkürler sorunumu wordpress üzerinde eklenti ile çözdüm. Yardımcı olanlara teşekkürler.
- Üyelik 11.05.2015
- Yaş/Cinsiyet 42 / E
- Meslek Bilgi İşlem / Webmaster
- Konum İstanbul Anadolu
- Ad Soyad K** B**
- Mesajlar 1
- Beğeniler 0 / 0
- Ticaret 0, (%0)
Hangi eklenti ile çözüme ulaştığını da yazsaydın daha açıklayıcı olurdu. İhtiyacı olanda kullanabilirdi.
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)