Kullanıcı:
Filtreler
Neler yeni
XenGenTr
Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol
  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Nasıl yapılır ? header genişliği

Mete_

Mete_

xFanatik
SMS onaylı
Kullanıcı
Katılım
30 Ara 2016
Mesajlar
332
Çözümler
6
Header kısmını nasıl daraltabiliriz. forum çizgileri ile aynı olması için.

1.PNG


Böyle olmasını istiyorum header bölümü forum genişliği ile aynı

2.PNG
 

Nasıl yapılır ? header genişliği

netr0n
PAGE_CONTAINER Şablonunu açın ve aşağıdaki kodu bulun

HTML: 
<body data-template="{$template}">

Hemen altına aşağıdaki kodu ekleyin.

HTML: 
<div class="xen-content-wrapper">

Aynı şekilde PAGE_CONTAINER şablonunda aşağıdaki alanı bulun

HTML: 
</div> <!-- closing p-pageWrapper -->

Hemen altına aşağıdaki kapanış divini ekleyin.

HTML: 
</div> <!--xen-content-wrapper-->

extra.less şablonunu açın ve aşağıdaki kodları ekleyip kayıt edin.

CSS: 
.xen-content-wrapper
{
    max-width: @xf-pageWidthMax;
    margin: 0 auto;
}

.p-body-inner{
    padding: 0 !important;
}


.p-breadcrumbs {
    margin-top: 20px;
    margin-bottom: 20px;
}

.p-breadcrumbs.p-breadcrumbs--bottom {
    margin-bottom: 20px !important;
}
...
Tamamını görüntüle
Tarihe göre sırala Oylara göre sırala
Şunu uygulamanız daha sağlıklı olur

xenforo.gen.tr

Çözüldü - Header Navigasyon Alanı

header navigasyonu resimdeki gibi nasıl yaparım istediğim sayfayı kaplamaması yani düm düz şerit halinde dolmasını istemiyorum resimdeki gibi ortada ve yanlarda boşluk istiyorum nasıl yapabilirim
xenforo.gen.tr xenforo.gen.tr
 
Oyla 0 Downvote
ortamix' Alıntı:
bu konu benimde yardıma ihtiyacımda var biraz boşluk var header da onu nasıl daralta bilirim
Dosya ekle
ortamix.com site ismi
Genişletmek için tıkla ...
Kod: 
/* header alanı ve footer kenarları silme */
.p-header, .p-nav, .p-sectionLinks, .p-navSticky, .topNavSticky, .p-staffBar, .p-footer {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    border-radius: 3px;
}

ben bu şekilde bir uygulama yaptım yukarıda ki sonucun aynısını vermekte.
 
Oyla 0 Downvote
Cevap yazmak için giriş yap yada kayıt ol.

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol