Merhaba Arkadaşlar
Dreamweaver'da yapılmış klasik html+css bir sitemiz var ancak mobil uyumlu değil. Sitenin tasarımını bozmadan mobil uyumlu yapmanın bir yolu var mı ? Belli başlı konulara göz attım ancak soruma cevap bulamadım.
Yardımcı olursanız sevinirim.
Şimdiden teşekkürler.
Html Siteyi Mobil Uyumlu Yapmak (Soru) |
19 Mesajlar | 20.546 Okunma | ||
- Üyelik 11.10.2013
- Yaş/Cinsiyet 38 / E
- Meslek Web Master
- Konum Aydın
- Ad Soyad K** A**
- Mesajlar 43
- Beğeniler 3 / 6
- Ticaret 2, (%100)
aerdogan
Kullanıcı
- Üyelik 28.06.2013
- Yaş/Cinsiyet 32 / E
- Meslek Full Stack Web Developer
- Konum İstanbul Anadolu
- Ad Soyad A** E**
- Mesajlar 259
- Beğeniler 10 / 37
- Ticaret 7, (%100)
Jquery mobile ile mobil site yapın.
Webayt İçerik Yönetim Sistemi
Modüler, Google Dostu ve 100+ Dil Desteği!
Serplink Sıralama Takibi
Yakında Hizmetinizde!
Modüler, Google Dostu ve 100+ Dil Desteği!
Serplink Sıralama Takibi
Yakında Hizmetinizde!
- Üyelik 13.03.2012
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 996
- Beğeniler 210 / 211
- Ticaret 3, (%100)
Hocam bunun iki yolu var ya direkt mobil bir tema yaparsınız ana temanın renklerinde ve benzer özelliklerde ya da onu responsive yaparsınız. Responsive hem daha hızlı hem daha iyi bir çözümdür.
- Üyelik 23.01.2015
- Yaş/Cinsiyet 33 / E
- Meslek Bilgisayar Mühendisi
- Konum İstanbul Anadolu
- Ad Soyad E** A**
- Mesajlar 227
- Beğeniler 45 / 35
- Ticaret 0, (%0)
temanızın css ini @media tagleriyle mobil araçlara uygun hale getirirsiniz.
www.enderaric.com
Skype : enoua_engineer
Bilgisayar Mühendisi
Skype : enoua_engineer
Bilgisayar Mühendisi
- Üyelik 11.10.2013
- Yaş/Cinsiyet 38 / E
- Meslek Web Master
- Konum Aydın
- Ad Soyad K** A**
- Mesajlar 43
- Beğeniler 3 / 6
- Ticaret 2, (%100)
Hocam bunun iki yolu var ya direkt mobil bir tema yaparsınız ana temanın renklerinde ve benzer özelliklerde ya da onu responsive yaparsınız. Responsive hem daha hızlı hem daha iyi bir çözümdür.
Hocam responsive yapmak için html 5 gerekli diye biliyorum. Site html 5 tasarıma sahip değil. Sadece media etiketiyle mobil uyumlu yapmak mümkünmüdür şu anki siteyi bu haliyle ?
En kolay çözüm nedir sizce bu durumda ?
- Üyelik 13.03.2012
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 996
- Beğeniler 210 / 211
- Ticaret 3, (%100)
PrimeSuspect adlı üyeden alıntı
Hocam responsive yapmak için html 5 gerekli diye biliyorum. Site html 5 tasarıma sahip değil. Sadece media etiketiyle mobil uyumlu yapmak mümkünmüdür şu anki siteyi bu haliyle ?En kolay çözüm nedir sizce bu durumda ?
Hocam html5 gerekli değil. Yani Evet media ile css üzerinden yapabilirsiniz. Mesela bu 960px ise media ile bunu belli ekran büyüklüklerine göre ayarlarsınız.
İsterseniz bir demo adres verirseniz P.M'den bir bakayım.
- Üyelik 11.10.2013
- Yaş/Cinsiyet 38 / E
- Meslek Web Master
- Konum Aydın
- Ad Soyad K** A**
- Mesajlar 43
- Beğeniler 3 / 6
- Ticaret 2, (%100)
Hocam html5 gerekli değil. Yani Evet media ile css üzerinden yapabilirsiniz. Mesela bu 960px ise media ile bunu belli ekran büyüklüklerine göre ayarlarsınız.
İsterseniz bir demo adres verirseniz P.M'den bir bakayım.
İsterseniz bir demo adres verirseniz P.M'den bir bakayım.
Pm gönderdim hocam. Teşekkür ederim.
- Üyelik 18.05.2013
- Yaş/Cinsiyet 32 / E
- Meslek Öğrenci
- Konum İstanbul Avrupa
- Ad Soyad E** Y**
- Mesajlar 280
- Beğeniler 38 / 59
- Ticaret 0, (%0)
Bootstrap tasarım yapabilirsin alternatif olarak
HELLYEAH - I dont care anymore
- Üyelik 10.02.2015
- Yaş/Cinsiyet 29 / E
- Meslek Web Tasarım
- Konum Tunceli
- Ad Soyad M** E**
- Mesajlar 205
- Beğeniler 35 / 18
- Ticaret 7, (%100)
aslında çok basit şekilde yapabilirsin
@media screen and (max-width:500px) and (min-width:100px) {
.sagalan{display:none;}
}
max ve min width'leri klasik mobil boyutunda ayarla
css'inde olan stilini belirt ve o boyutlarda bu stil devreye girsin mesela ben mobil uyumlu tema yaparken sidebar'ın olmasını istememiştim ve sidebar'ın divi .sagalan
@media screen and (max-width:500px) and (min-width:100px) {
.sagalan{display:none;}
}
Şöyle yapınca bu boyutlarda sidebar gizleniyor mesela ortaalan vardır onada %li width değeri verirsin ve ayarlarsın
@media screen and (max-width:500px) and (min-width:100px) {
.sagalan{display:none;}
}
max ve min width'leri klasik mobil boyutunda ayarla
css'inde olan stilini belirt ve o boyutlarda bu stil devreye girsin mesela ben mobil uyumlu tema yaparken sidebar'ın olmasını istememiştim ve sidebar'ın divi .sagalan
@media screen and (max-width:500px) and (min-width:100px) {
.sagalan{display:none;}
}
Şöyle yapınca bu boyutlarda sidebar gizleniyor mesela ortaalan vardır onada %li width değeri verirsin ve ayarlarsın
- Üyelik 11.10.2013
- Yaş/Cinsiyet 38 / E
- Meslek Web Master
- Konum Aydın
- Ad Soyad K** A**
- Mesajlar 43
- Beğeniler 3 / 6
- Ticaret 2, (%100)
aslında çok basit şekilde yapabilirsin
@media screen and (max-width:500px) and (min-width:100px) {
.sagalan{display:none;}
}
max ve min width'leri klasik mobil boyutunda ayarla
css'inde olan stilini belirt ve o boyutlarda bu stil devreye girsin mesela ben mobil uyumlu tema yaparken sidebar'ın olmasını istememiştim ve sidebar'ın divi .sagalan
@media screen and (max-width:500px) and (min-width:100px) {
.sagalan{display:none;}
}
Şöyle yapınca bu boyutlarda sidebar gizleniyor mesela ortaalan vardır onada %li width değeri verirsin ve ayarlarsın
@media screen and (max-width:500px) and (min-width:100px) {
.sagalan{display:none;}
}
max ve min width'leri klasik mobil boyutunda ayarla
css'inde olan stilini belirt ve o boyutlarda bu stil devreye girsin mesela ben mobil uyumlu tema yaparken sidebar'ın olmasını istememiştim ve sidebar'ın divi .sagalan
@media screen and (max-width:500px) and (min-width:100px) {
.sagalan{display:none;}
}
Şöyle yapınca bu boyutlarda sidebar gizleniyor mesela ortaalan vardır onada %li width değeri verirsin ve ayarlarsın
Tasarım sanırım max min width yapmaya uygun değil. Yinede teşekkür ederim hepinize.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)