Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

1Beğeni
  • 1 Yazan Referee

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > Joomla

Eklediğim bazı kodlar Mobilde gözükmesin

  #1  
Okunmamış 04 Mayıs 2014, 19:26
halilyc Adlı Üyenin Avatarı
labters.com
 
Üyelik Tarihi: 14 Aralık 2013
Yaş / Cinsiyet: 25 / Erkek
Ad, Soyad: Ha... Yü...
Mesajlar: 849
Beğeniler: 191 / 458
Ticaret: 6, 100%
Öncelikle merhabalar beyler, iyi forumlar. Şuan bir müşterim için tema tasarlıyorum ve mobil versiyon için farklı bir tema tasarlamak gereksiz olduğu için bu sorunu bu şekilde ortadan kaldırmayı düşündüm. Misal nasıl istediğim kodların başına show=guest yazdığım zaman sadece ziyaretçilere gözüküyorsa bunun gibi bir yöntemle bazı kodların (reklam alanı misal) mobil versiyonda çıkmasını engelliyebilir miyim ? Yardımcı olabilirseniz çok sevinirim, iyi günler.
  #2  
Okunmamış 04 Mayıs 2014, 19:47
Referee Adlı Üyenin Avatarı
Java Developer
 
Üyelik Tarihi: 04 Ekim 2013
Yaş / Cinsiyet: 26 / Erkek
Konum: Ankara
Ad, Soyad: Öz... Ak...
Mesajlar: 516
Beğeniler: 130 / 20
Ticaret: 37, 100%
Öncelikle selamlar, aşağıdaki gibi bir css düzeni oluşturursan mobilde ne gözükeceğini ve pc de gözükeceğini sen ayarlarsın. Örnek olarak aşağıdaki max 480px genişliğinde ibaresi, 480px ve altı ekranlarda (muhtemelen telefon ve tablet) gözükecek olan css dir.

Kod:
@media screen and (max-width:480px){
/* Buraya yazacağınız css kodu maksimum 480px genişliği olan cihazlarda çalışacaktır. */
}
Biraz daha açmak gerekirse "abc" id'li divin telefonda ve tablette gözükmeyip, pc de gözükmesini istiyorsan aşağıdaki kod satırları işini görecektir.

Kod:
@media screen and (max-width:480px){ 480px ve daha küçük ekranlar
  #abc{display :none;}   //#abc divini gizledik
}


@media screen and (min-width:1024px){ // 1024px ve daha büyük ekranlar
  #abc{display :block;} //#abc divini görünür yaptık.
}
Umarım açıklayıcı bir yazı olmuştur. Daha detaylı bilgi için google'dan responsive kavramını araştırabilirsin.
xFeyz bunu beğendi.
  #3  
Okunmamış 04 Mayıs 2014, 20:22
halilyc Adlı Üyenin Avatarı
labters.com
 
Üyelik Tarihi: 14 Aralık 2013
Yaş / Cinsiyet: 25 / Erkek
Ad, Soyad: Ha... Yü...
Mesajlar: 849
Beğeniler: 191 / 458
Ticaret: 6, 100%
a.selam hocam teşekkürler tam aradığım olay buydu Allah razı olsun

Ek Olarak: Hocam bu şekilde çalışmadı bi eksik veya yanlış mı var acaba ?

Alıntı:
@media screen and (max-width:480px){

div#logos{
position:absolute;
height:96px;
width:237px;
top:0px;
left:135px;
}

div#reklamleft{
position:absolute;
height:620px;
width:140px;
top:320px;
left:0px;
}

div#reklamright{
position:absolute;
height:620px;
width:140px;
top:320px;
left:1130px;

}

div#footerbg{
position:relative;
height:90px;
width:100%;
bottom:0px;
left:0px;
background:url(/templates/protostar/images/footerbg.png) repeat-x;
}

div#ayrac{
content:'';
position:absolute;
top:312px;
left:0px;
width:100%;
height:20px;
background:url(/templates/protostar/images/shadow-down.png) no-repeat center top;
opacity:.6;
filter:alpha(opacity=60); }

}
  #4  
Okunmamış 28 Haziran 2014, 01:05
Avatar Seçilmemiş
arama motoru optimizasyonu
 
Üyelik Tarihi: 17 Nisan 2012
Cinsiyet: Erkek
Konum: Antalya
Ad, Soyad: Ke... Ağ...
Mesajlar: 164
Beğeniler: 18 / 12
Ticaret: 1, 100%
div#logos yerine #logos yap bakalım.
r10 - kenanagkurt | EmirWebTasarim.com
  #5  
Okunmamış 28 Haziran 2014, 01:09
xFeyz Adlı Üyenin Avatarı
creative solutions
 
Üyelik Tarihi: 05 Şubat 2014
Cinsiyet: Erkek
Meslek: developer
Konum: Bursa
Ad, Soyad: Fe... Öm...
Mesajlar: 712
Beğeniler: 226 / 197
Ticaret: 7, 100%
Eğer sadece gözüküp gözükmemesi üzerinde çalışıyorsan, normal tasarımı @media dışına alıp, @media içerisinde sadece display öğelerini bırakabilirsin.
EFSANE! | omerbeyoglu.me
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > Joomla


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 01:55.