Börü v1 responsiveness

Başlatan lostmode, May 21, 2021, 04:07 ÖS

« önceki - sonraki »
Son düzenlenme: May 21, 2021, 04:19 ÖS lostmode
Börü v1 2.0 kullanıyorum. Responsive olmasını istemiyorum yazdığım bazı özel şeylerden ötürü. Yani sayfa küçültüp büyültüğünde değişmesin boyutlar düz site gibi olsun Nasıl kaldırabilirim Responsiveliğini ?

Merhaba Temanın özeliği bootstrap kütüphanesini kullanması onu çıkarırsak tema diye bir şey kalmaz yazdığınız kodları buna göre düzenleyin?

Alıntı yapılan: orhan - May 21, 2021, 05:06 ÖSMerhaba Temanın özeliği bootstrap kütüphanesini kullanması onu çıkarırsak tema diye bir şey kalmaz yazdığınız kodları buna göre düzenleyin?

Benim için sayfanın küçülttugumde değişmemesi kâfi. Bootstrabi gene kullanmaya devam edebilir ama sayfayı pencere moduna alıp küçülttugumde mesela değişmesin sadece o küçülttugum kısım gözüksün istiyorum.

<div class="container-fluid">
Sayfaniz
</div>

Bu size şunu verir

.container-fluid {
    width: 100%; /*genişliğini tam sayfa yapar*/
    padding-right: 15px; /*sağdan 15 santim*/
    padding-left: 15px; /*soldan 15 santim daraltır*/
    margin-right: auto;
    margin-left: auto;
}

Kısacası her koşulda pencerenizi tam sayfa gösterir.

maalesef işe yaramadı benim istediğim şey şu ben sayfayı küçülttüğüm zaman şöyle oluyor:



ben küçültünce bile sıfır değişmesini istiyorum yani şöyle



yani gerekirse yarısı gözükmesin ama değişmesin.

Maalesef eklediğiniz resimleri göremiyorum hizliresim yurt dışına kapalı.

Şu iki fotoğraf

bu kodu bulun

@media (max-width: 768px)
.anagovde {
    display: inline-block;
}

değişin

.anagovde {
    display: inline-block;
    margin: 0 auto;
    min-width: 764px;
    max-width: 2300px;
}

bul sil

table.table_list tbody.content td.stats, .lastpost {
    display: none;
}

bul sil
table.table_list tbody.content td.stats, .lastpost {
    display: none;
}

bul sil
table.table_list tbody.content td.icon, table.table_list a.unreadlink, table.table_list a.collapse, #index_common_stats {
    display: none;
}

bul sil

table.table_list tbody.content td.icon, table.table_list a.unreadlink, table.table_list a.collapse, #index_common_stats {
    display: none;
}

bul sil

.hidden, .icon, .stats, #posting_icons, #mlist th, .icon1, .icon2 {
    display: none;
}

Bunlarida

table.table_list tbody.content td.stats, .lastpost {
    display: none;
}

table.table_list tbody.content td.stats, .lastpost {
    display: none;
}

.hidden, .icon, .stats, #posting_icons, #mlist th, .icon1, .icon2 {
    display: none;
}

table.table_list tbody.content td.stats, .lastpost {
    display: none;
}

table.table_list tbody.content td.stats, .lastpost {
    display: none;
}

#8 Son düzenlenme: May 21, 2021, 08:34 ÖS lostmode
Alıntı yapılan: orhan - May 21, 2021, 08:04 ÖSbu kodu bulun

@media (max-width: 768px)
.anagovde {
    display: inline-block;
}

değişin

.anagovde {
    display: inline-block;
    margin: 0 auto;
    min-width: 764px;
    max-width: 2300px;
}

bul sil

table.table_list tbody.content td.stats, .lastpost {
    display: none;
}

bul sil
table.table_list tbody.content td.stats, .lastpost {
    display: none;
}

bul sil
table.table_list tbody.content td.icon, table.table_list a.unreadlink, table.table_list a.collapse, #index_common_stats {
    display: none;
}

bul sil

table.table_list tbody.content td.icon, table.table_list a.unreadlink, table.table_list a.collapse, #index_common_stats {
    display: none;
}

bul sil

.hidden, .icon, .stats, #posting_icons, #mlist th, .icon1, .icon2 {
    display: none;
}

Bunlarida

table.table_list tbody.content td.stats, .lastpost {
    display: none;
}

table.table_list tbody.content td.stats, .lastpost {
    display: none;
}

.hidden, .icon, .stats, #posting_icons, #mlist th, .icon1, .icon2 {
    display: none;
}

table.table_list tbody.content td.stats, .lastpost {
    display: none;
}

table.table_list tbody.content td.stats, .lastpost {
    display: none;
}

Ana gövdede sorun kalmadı gibi. Lakin navbar ve üstü hala aynı durumda navbar boyut küçülünce değişiyor aynı şekilde diğerleri de.

Bul

#header_ust {
    position: relative;
}

değiş

#header_ust {
    position: relative;
    margin: 0 auto;
    min-width: 764px;
    max-width: 2300px;
}

Horizantal menü ve üstü sayfa küçülünce mobil moda geçiyor. Aynı şekilde search kısmı da yukarıya geliyor. Ayrıca boardlar ve konu içerisinde de küçültünce küçülmeye devam ediyor.