Börü v1 responsiveness

Merhaba, tekrar hoş geldiniz!

Bilgi sahibi olanlarla ihtiyaç duyanları buluşturmak, farklı bakış açılarına sahip insanları bir araya getirerek birbirlerini daha iyi anlamalarını sağlamak ve herkesin bilgisini paylaşmasını sağlamak istiyoruz.

lostmode

Yeni Üye
Katılım
24 Ağu 2020
Mesajlar
8
Tepkime puanı
0
Puanları
1
Yaş
1020
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?
 
orhan' Alıntı:
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?

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.
 
Kod:
<div class="container-fluid">
	Sayfaniz
	</div>

Bu size şunu verir

Kod:
.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
 

Ekli dosyalar

  • IMG_20210521_203535.jpg
    IMG_20210521_203535.jpg
    116.2 KB · Görüntüleme: 1
  • IMG_20210521_203558.jpg
    IMG_20210521_203558.jpg
    277.8 KB · Görüntüleme: 1
bu kodu bulun

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

değişin

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

bul sil

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

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

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

bul sil

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

bul sil

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

Bunlarida

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

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

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

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

Kod:
table.table_list tbody.content td.stats, .lastpost {
    display: none;
}
 
orhan' Alıntı:
bu kodu bulun

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

değişin

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

bul sil

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

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

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

bul sil

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

bul sil

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

Bunlarida

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

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

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

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

Kod:
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

Kod:
#header_ust {
    position: relative;
}

değiş

Kod:
#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.
 

Geri
Üst Alt