Merhabalar,
Az önce yeni bir site kurdum. Siteyi responsive yapmak istiyorum. Şuanda basit bir html sayfası yazdım. Responsive nasıl yapabilirim.
Siteyi Responsive Yapmak |
10 Mesajlar | 2.098 Okunma | ||
- Üyelik 25.10.2017
- Yaş/Cinsiyet 23 / E
- Meslek Öğrenci
- Konum Sakarya
- Ad Soyad A** U**
- Mesajlar 903
- Beğeniler 89 / 267
- Ticaret 7, (%100)
- Üyelik 20.06.2016
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 632
- Beğeniler 0 / 196
- Ticaret 9, (%89)
Shydox css ve html e hakim olmanız gerekmekte başlangıç için bunlar şarttır..
ardından işlemlerinizi kolaylaştıracak bootstrap kiti ile hızlı bir şekilde işlemlerinizi hızlandırabilirsiniz.. https://getbootstrap.com/
bazen sadece bootstrapda yetmeyebilir. bu yüzden telefon tablet gibi ekranlarda bölümlerin nasıl görülecegini @media yöntemleriyle tanıtmanız gerekmektedir..
bknz. https://getbootstrap.com/docs/3.3/css/
ardından işlemlerinizi kolaylaştıracak bootstrap kiti ile hızlı bir şekilde işlemlerinizi hızlandırabilirsiniz.. https://getbootstrap.com/
bazen sadece bootstrapda yetmeyebilir. bu yüzden telefon tablet gibi ekranlarda bölümlerin nasıl görülecegini @media yöntemleriyle tanıtmanız gerekmektedir..
bknz. https://getbootstrap.com/docs/3.3/css/
- Üyelik 25.10.2017
- Yaş/Cinsiyet 23 / E
- Meslek Öğrenci
- Konum Sakarya
- Ad Soyad A** U**
- Mesajlar 903
- Beğeniler 89 / 267
- Ticaret 7, (%100)
Güven hocam bunların eğitimini udemy üzerinden hepsini aldım. Ancak demek istediğim bu değildi. Sadece şuanda responsive yapmak istiyorum. Siteyi gerçekten kurduğumda wordpress olacak.
- Üyelik 25.10.2017
- Yaş/Cinsiyet 23 / E
- Meslek Öğrenci
- Konum Sakarya
- Ad Soyad A** U**
- Mesajlar 903
- Beğeniler 89 / 267
- Ticaret 7, (%100)
Güven el ile diyorum zaten hocam. Altı üstü h1 h3 ve resim koydum. Sadece telefonda uyumlu gözükmesini istedim. O yüzden sordum bunun bir kodu yok mu.
- Üyelik 16.07.2015
- Yaş/Cinsiyet 27 / E
- Meslek Bilgisayar Müh. Öğrencisi
- Konum İstanbul Anadolu
- Ad Soyad M** T**
- Mesajlar 215
- Beğeniler 94 / 93
- Ticaret 23, (%100)
Hocam head arasına bu kodu eklemelisiniz. Ardından diğer arkadaşımızın dediği @media etiketi yardımı ile boyuta göre düzenleme yapabilirsiniz.
- Üyelik 20.06.2016
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 632
- Beğeniler 0 / 196
- Ticaret 9, (%89)
bende diyorumki verdiğim örnek sitelerin içerisine bakarsan
css dosyan icerisine
ekleyip içini doldurmalısın diyorum.. burda anlaşılamayacak ne var bootstrapın verdiğim sitesindede var bu kod..
kodun anlamı 575px görünümünden daha az olan tarayıcıları bu şekilde göster demek
EDİT: meta viewport taglarıda verdigim sitede mevcut.
css dosyan icerisine
@media (max-width: 575px) {
}
ekleyip içini doldurmalısın diyorum.. burda anlaşılamayacak ne var bootstrapın verdiğim sitesindede var bu kod..
kodun anlamı 575px görünümünden daha az olan tarayıcıları bu şekilde göster demek
EDİT: meta viewport taglarıda verdigim sitede mevcut.
- Üyelik 07.08.2014
- Yaş/Cinsiyet 31 / E
- Meslek Öğrenci
- Konum Diyarbakır
- Ad Soyad H** K**
- Mesajlar 718
- Beğeniler 37 / 219
- Ticaret 7, (%100)
Eğer temayla fazla ugraşmadıysan Bootstap'i araştır ve sıfırdan başla.Gayet profesyonel tasarım yapabilirsin.
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)