Çözüldü Forum sayfa genişliği (responsive) ayarı

[ne0]

Merhabalar

Forum sayfa genişliğini bir türlü ayarlayamadım bunun bir css kodu vs mi var acaba ayarlardan en fazla sayfa genişliğini 1600-1800px arası yapıyorum düşük ve orta cözünürlüklü bilgisayarlda ekrana tam sığıyor ama yüksek çözünürlüklü bilgisayarda ortada küçück kalıyor tüm çözürlüklerde aynı kararda olmasını nasıl sağlayabiliriz iyi forumlar

 

[ofnopee]

Admin CP - Görünüm ve diller - Tema özellikleri - Sayfa ayarı kısmından en fazla sayfa genişliği kısmını artırarak ayarlayabilirsiniz.

 

[ne0]

O ofnopee yorum için teşekkürler ancak yazdığımı tam okumadınız sanırım?

en fazla sayfa genişliğini 1600-1800px arası yapıyorum düşük ve orta cözünürlüklü bilgisayarlda ekrana tam sığıyor ama yüksek çözünürlüklü bilgisayarda ortada küçück kalıyor

 

[Tanner]

px yerine % ekleyin yani 1500px değil, 100% veya 80% gibi ekleyin kendi zevkinize gore hangi rakam size hos gemirse yüksek çözünürlüklü ekranlarda da sayfa dilediğiniz gibi genisleyecek.

 

[ne0]

px yerine % ekleyin yani 1500px değil, 100% veya 80% gibi ekleyin kendi zevkinize gore hangi rakam size hos gemirse yüksek çözünürlüklü ekranlarda da sayfa dilediğiniz gibi genisleyecek.

Teşekkür ediyorum.

 

[Tanner]

ne0, rica ederim.

 

[metalgear]

kodu 80% girince güzel ama mobilde geçersiz olması lazım 100% olması lazım bunu hangi kodla yaparız?

 

[netr0n]

kodu 80% girince güzel ama mobilde geçersiz olması lazım 100% olması lazım bunu hangi kodla yaparız?

Aşağıdaki kodları extra.less şablonuna girebilirsiniz.

@media (max-width: @xf-responsiveWide){
    .p-body-inner {
        max-width: 100% !important;
    }
}

 

[metalgear]

Aşağıdaki kodları extra.less şablonuna girebilirsiniz.

@media (max-width: @xf-responsiveWide){
    .p-body-inner {
        max-width: 100% !important;
    }
}

kod için teşekkürler. bu kodu biraz güncelledim. forumu farklı çözünürlüklerde farklı genişliğe almak için şu kodları kullandım

@media screen and (min-width: 1px) and (max-width: 600px) {
    .p-body-inner {
        max-width: 100% !important;
    }
}

@media screen and (min-width: 601px) and (max-width: 1930px) {
    .p-body-inner {
        max-width: 80% !important;
    }
}

@media screen and (min-width: 1931px) and (max-width: 10000px) {
    .p-body-inner {
        max-width: 65% !important;
    }
}

ancak bu kodda pagewrapper kısmı dışarıda kalıyor p body girdiğimiz için ve kayma oluyor aşağıdaki gibi. bunu nasıl çözeriz.
forum linki : Sony Alfa

 

[eTiKeT™]

p-nav-inner ve p-footer-inner yapılarını da eklemelisiniz.