Forum
Aktif konular
Üyeler
Kurallar
Arama
Tahribat.com Forumları 
Html - CSS - XML - JavaScript - Ajax 
Bir Tasarımı Nasıl Responsive Hale Getiririm? Bir Tasarımı Nasıl Responsive Hale Getiririm?
-
Hacılar elimde basit bir html-css script var.Şimdi bunu ben sadece pc de responsive olacak şekilde çevirmek istiyorum.
Yani işte yakınlaştırınca-uzaklaştırınca sayfa ona göre devam etsin.Ne yapmak lazım ?
-
Hazır css kütüphaneleri ile yapabilirsin.
Grid, bootstrap, kube vs...
-
grid, bootstrap falan kullanmak istemiyorsan, güzel bir responsive tüm kombinasyonların kesişim kümesini hayal edip sade ve kısa bir css yazarak oluyor fakat o kadar uzman olmadığın için ben sana @media screen ile amele işi takılmanı öneririm şimdilik, width olasılıklarına göre sayfana ayrı stiller ver.
-
kvasir bunu yazdı
grid, bootstrap falan kullanmak istemiyorsan, güzel bir responsive tüm kombinasyonların kesişim kümesini hayal edip sade ve kısa bir css yazarak oluyor fakat o kadar uzman olmadığın için ben sana @media screen ile amele işi takılmanı öneririm şimdilik, width olasılıklarına göre sayfana ayrı stiller ver.
frameworksüz böyle oluyormuş demek
-
kvasir bunu yazdı
grid, bootstrap falan kullanmak istemiyorsan, güzel bir responsive tüm kombinasyonların kesişim kümesini hayal edip sade ve kısa bir css yazarak oluyor fakat o kadar uzman olmadığın için ben sana @media screen ile amele işi takılmanı öneririm şimdilik, width olasılıklarına göre sayfana ayrı stiller ver.
o daha zor olur grid sistemini daha kolay hocam.
http://designinstruct.com/web-design/responsive-css-grid/
şurda listelemiş.
onun dışında bootstrap bu konuda çok iyi 4 ayrı ekrana göre tasarım yapabiliyorsun.
-
Hacılar söylediklerinize bakıcam.Bana en basit yolu söyleyin.Dediğim gibi sadece pcde bu yakınlaştırıp uzaklaştırma olayını çözsün yeter.Mobil falan istemiyorum.
-
temanda illaki header, footer, left, right gibi kısımlar vardır. Bunları rastgele iç içe yapılmamışsa media screen ile footer, header, content, left block, right block hepsini fluid hale getireceksin. Bunların içindeki elemanları da belirli bir pixelle değil yüzdeyle hesaplatacaksın. uzun bir iş açıkcası temayı yeniden yapsan daha kısa sürer.
Örnek: http://www.freshtilledsoil.com/how-to-convert-a-fixed-width-to-a-responsive-website/
-
u235 bunu yazdı
Hacılar söylediklerinize bakıcam.Bana en basit yolu söyleyin.Dediğim gibi sadece pcde bu yakınlaştırıp uzaklaştırma olayını çözsün yeter.Mobil falan istemiyorum.
bootstrap
-
Tam dedigini anlamadim ama
Her turlu ekranda ayni resimi gormek isyersen sadece. Yani background
Tek satirlik bir kod yazayim
Arkadaki butun resimlet otomatik butusun kuculsun
Butun site ıcin dersen her ekran icin ayri css yaan lazim.
Daha pratigi varsa bende öğreneyim :)
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla