Merhaba ForumExe Üyeleri;
Bu konumda sizlere Xenforo alt yapısından sitenize nasıl sol & sağ banner ekleyebilirsiniz onu göstereceğim. Oldukça basit bir işlemdir.
Dilerseniz anlatıma geçelim;
Öncelikle Görünüm ve diller & Şablonlar sekmesine girelim
Ardından PAGE_CONTAINER isimli şablonu bulup açalım
Şablon içerisinde CTRL + F yardımı ile <div class="p-body"> kodunu aratalım.
<div class="p-body"> arattıktan sonra hemen üstüne
Kodunu ekleyelim.
Yine aynı temada extra.less isimli şablonu açıp ve en üstüne ekleyelim;
İşlemler bittiği zaman aşağıdaki gibi gözükecektir. Bende örnek olarak MİSALİ2 görseli ve yönlendirmesi mevcut siz isteğinize göre şekillendirebilirsiniz.
Bu konumda sizlere Xenforo alt yapısından sitenize nasıl sol & sağ banner ekleyebilirsiniz onu göstereceğim. Oldukça basit bir işlemdir.
Dilerseniz anlatıma geçelim;
Öncelikle Görünüm ve diller & Şablonlar sekmesine girelim
Ardından PAGE_CONTAINER isimli şablonu bulup açalım
Şablon içerisinde CTRL + F yardımı ile <div class="p-body"> kodunu aratalım.
<div class="p-body"> arattıktan sonra hemen üstüne
Kod:
<!--[XGT]- Sabit banner alanı-->
<div class="xgtSolSabitBanner">
<a href="url">
<img src="https://img.webme.com/pic/i/isacotur/160x600banner_rozet.jpg" alt="Banner alanı" width="" height="">
</a>
</div>
<div class="xgtSagSabitBanner">
<a href="url">
<img src="https://img.webme.com/pic/i/isacotur/160x600banner_rozet.jpg" alt="Banner alanı" width="" height="">
</a>
</div>
<!--[XGT]- Sabit banner alanı-->Kodunu ekleyelim.
Yine aynı temada extra.less isimli şablonu açıp ve en üstüne ekleyelim;
Kod:
.xgtSolSabitBanner
{
position: fixed;
z-index: 999;
left: 0;
top: 150px;//-- Banner ust boslugu opsiyonel olarak kullanılabilir.
margin-left: 20px; //-- Banner sag yan boslugu opsiyonel olarak kullanılabilir.
}
.xgtSagSabitBanner
{
position: fixed;
z-index: 999;
right: 0;
top: 150px; //--Banner ust boslugu opsiyonel olarak kullanılabilir.
margin-right: 20px; //-- Banner sag yan boslugu opsiyonel olarak kullanılabilir.
}
//-- 1500PX Altı ekranlarda banner max genişliği 100PX olsun!
@media (max-width: 1500px)
{
.xgtSolSabitBanner
{
max-width: 100px;
margin-left: 0px;
}
.xgtSagSabitBanner
{
max-width: 100px;
margin-right: 0px;
}
}
//-- 1300PX Altı ekranlarda banner gizle!
@media (max-width: 1300px)
{
.xgtSolSabitBanner, .xgtSagSabitBanner
{
display: none;
}
}İşlemler bittiği zaman aşağıdaki gibi gözükecektir. Bende örnek olarak MİSALİ2 görseli ve yönlendirmesi mevcut siz isteğinize göre şekillendirebilirsiniz.
