• 20-08-2014, 11:25:04
    #1
    Merhaba arkadaşlar,

    iusosyal.com/bilgi - bu link üzerindeki giriş sayfasını mobile uygun hale nasıl getirebilirim ?

    Şimdiden hepinize teşekkür ediyorum
  • 20-08-2014, 12:00:23
    #2
    CSS bilginiz varsa media query kullanarak yapabilirsiniz. Media Query içerisinde belirtmiş olduğunuz ekran boyutlarına göre tasarımınız değişecektir.

    http://www.smashingmagazine.com/2011...ve-web-design/
    http://learn.shayhowe.com/advanced-h...ve-web-design/
  • 20-08-2014, 12:02:06
    #3
    fth adlı üyeden alıntı: mesajı görüntüle
    CSS bilginiz varsa media query kullanarak yapabilirsiniz. Media Query içerisinde belirtmiş olduğunuz ekran boyutlarına göre tasarımınız değişecektir.

    http://www.smashingmagazine.com/2011...ve-web-design/
    http://learn.shayhowe.com/advanced-h...ve-web-design/
    Hemen bakıyorum hocam, çok geniş bi css bilgisine sahip değilim fakat deneyeceğim
  • 20-08-2014, 12:08:30
    #4
    Biraz CSS bilgisine sahip olmak yeterli aslında

    Örneğin:

    Bu kodu yerleştirdiğiniz zaman ekran genişliği maksimum 480px olan ekranlarda arkaplan kırmızı olacaktır.

    @media screen and (max-width: 480px) {
    body{background: red;}
    }
    Ya da alttaki kod ekran çözünürlüğü minimum 768px ve maksimum 1024px olan cihazlarda dikey tutulduğunda aktif olacaktır.

    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    body{background: black;}
    }

    CSS Media Query'lerin listesine ise http://css-tricks.com/snippets/css/m...ndard-devices/ adresinden ulaşabilirsiniz.
  • 20-08-2014, 12:12:14
    #5
    fth adlı üyeden alıntı: mesajı görüntüle
    Biraz CSS bilgisine sahip olmak yeterli aslında

    Örneğin:

    Bu kodu yerleştirdiğiniz zaman ekran genişliği maksimum 480px olan ekranlarda arkaplan kırmızı olacaktır.

    @media screen and (max-width: 480px) {
    body{background: red;}
    }
    Ya da alttaki kod ekran çözünürlüğü minimum 768px ve maksimum 1024px olan cihazlarda dikey tutulduğunda aktif olacaktır.

    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    body{background: black;}
    }

    CSS Media Query'lerin listesine ise http://css-tricks.com/snippets/css/m...ndard-devices/ adresinden ulaşabilirsiniz.
    İlginiz ve cevaplarınız için çok teşekkür ediyorum hocam Deniyorum şuan, becerebilirsem sonucu ileticem inşallah
  • 21-08-2014, 11:49:04
    #6
    MehmetS adlı üyeden alıntı: mesajı görüntüle
    İlginiz ve cevaplarınız için çok teşekkür ediyorum hocam Deniyorum şuan, becerebilirsem sonucu ileticem inşallah
    Rica ederim kolay gelsin.