Merhaba arkadaşlar, xenforo default tema kullanmaktayım. Farklı bir logo alanı tasarladım kafam da, ama alan geniş olunca işleme geçemedim. Örnek olarak hazırladığım resimdeki gibi yapabilir miyiz?
ÖRNEK
ORJİNAL
ÖRNEK
ORJİNAL
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.
-
Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
Daha fazla bilgi!
Çözüldü Logo Alanını Bu Şekilde Yapabilir Misiniz?
- Konuyu Başlatan PlayStation Haber
- Başlangıç tarihi
Bu sorun verilen destek sayesinde çözüme ulaştırılmıştır.
Merhaba,
Görünüm Ve Diller > Şablonlar > Extra.less şablonun içerisine aşağıda ki kodu ekleyiniz.
Görünüm Ve Diller > Şablonlar > Extra.less şablonun içerisine aşağıda ki kodu ekleyiniz.
Kod:
.p-header {
background: linear-gradient(274deg, rgba(27,121,172,1) 0%, rgba(96,182,229,1) 100%);
}
.p-header-logo {
margin: 0 auto;
padding: 15px;
}
MusaPekel Teşekkür ederim kodlar için. 
Örnek resimdeki gibi görünüm olsun istiyorum sizdeki kodlar header alanını ve arka planını sorunsuz değiştiriyor. Üzerinde biraz çalıştım ve istediğim görüntüyü elde ettim ama içerikler sola kayıyor.
Kod:
.p-header {
background: linear-gradient(274deg, rgba(27,121,172,1) 0%, rgba(96,182,229,1) 100%);
height:200px;
width:1200px;
left: 19%;
}
.p-header-logo {
margin: 0 auto;
padding: 15px;
}
.p-staffBar {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width:1200px;
left: 19%;
}
.p-nav {
width:1200px;
}
.p-sectionLinks {
width:1200px;
}
Merhaba, Eklediğiniz width kısımlarını 1200 olarak ayarlamışsınız onu tam olarak ne için yaptığınızı anlamadım. width:1200px değerini siliniz.
Kod:.p-header { background: linear-gradient(274deg, rgba(27,121,172,1) 0%, rgba(96,182,229,1) 100%); height:200px; width:1200px; left: 19%; } .p-header-logo { margin: 0 auto; padding: 15px; } .p-staffBar { border-top-left-radius: 20px; border-top-right-radius: 20px; width:1200px; left: 19%; } .p-nav { width:1200px; } .p-sectionLinks { width:1200px; }
Ekli dosyayı görüntüle 12083
Kod:
[data-template="forum_list"] {
.p-header {
background: linear-gradient(274deg, rgba(27,121,172,1) 0%, rgba(96,182,229,1) 100%) !important;
}
.p-header-logo {
margin: auto !important;
}
.p-header-content {
height: 200px;
width: 1200px;
}
}[CODE]
Öncelikle logonuzun arka planını şeffaf yapın hocam aksi takdirde yukarıda istediğiniz görünümü tam elde edemezsiniz. Ardından ise yukarıda vermiş olduğum kodları extra.less dosyasına eklerseniz "sadece ana sayfa" kısmında görünecek şekilde yukarıdaki header görünümünü elde edebilirsiniz.istediğinizi tam olarak şu olması gerekiyor.
CSS:
.p-header {
background: linear-gradient(274deg, rgba(27,121,172,1) 0%, rgba(96,182,229,1) 100%);
}
.p-header-logo {
margin: 0 auto;
padding: 15px;
}
.p-staffBar, .p-header, .p-nav, .p-sectionLinks {
width: 1200px;
margin: auto;
}
