Rehber XenForo Sticky Nav Logo Ekleme

[admin]

Xenforo forumlarda sayfa beraber hareket edet (sabit) navbar alanına logo eklemek için aşağıda ki kodu extra.less şablonuna ekleyebilirsiniz.

@media (min-width: @xf-responsiveMedium) {
    .p-navSticky--primary.is-sticky {
        .p-nav {
            .p-nav-smallLogo {
                display: flex;
                align-items: center;
                max-width: none;
                min-width: 100px;
                height: 37px;
            }
            .p-nav-scroller {
                margin-left: auto;
            }
        }
    }
}

Kod eklemeden önceki hali:

---

Kodu ekledikten sonra aşağıdaki gibi bir görünüm olacaktır:

 

[Dpugsf]

Abi bunun benim temaya uyarlanmış hali var mı

 

[admin]

Abi bunun benim temaya uyarlanmış hali var mı

Senin temada uğraşmak gerekiyor PAGE_CONTAINER şablonunu buraya ekleyebilir misin o şekilde düzenlemem gerekiyor. Menülerin içerisinde p-nav-smallLogo eklenmemiş onu eklenecek. Tarif etsem sen yapabilir misin? yaparım diyorsan tarif edeyim yapamam dersen page_container şablonunu göndermen gerekiyor.

 

[Dpugsf]

Senin temada uğraşmak gerekiyor PAGE_CONTAINER şablonunu buraya ekleyebilir misin o şekilde düzenlemem gerekiyor. Menülerin içerisinde p-nav-smallLogo eklenmemiş onu eklenecek. Tarif etsem sen yapabilir misin? yaparım diyorsan tarif edeyim yapamam dersen page_container şablonunu göndermen gerekiyor.

Yapamam abi özelden yolluyorum

 

[Dpugsf]

Senin temada uğraşmak gerekiyor PAGE_CONTAINER şablonunu buraya ekleyebilir misin o şekilde düzenlemem gerekiyor. Menülerin içerisinde p-nav-smallLogo eklenmemiş onu eklenecek. Tarif etsem sen yapabilir misin? yaparım diyorsan tarif edeyim yapamam dersen page_container şablonunu göndermen gerekiyor.

Abi gönderilmeyecek kadar uzun diyor gönderemiyorum

 

[admin]

Abi gönderilmeyecek kadar uzun diyor gönderemiyorum

Tarif edeyim sana basit çok uğraşmazsın dene olmazsa bir söylersin bakarız yine.

İşlemleri yapmadan önce PAGE_CONTAINER şablonunu kesinlikle bir yere yedekle.

PAGE_CONTAINER şablonunda aşağıdaki kodu bul;

<div class="p-sectionLinks-inner hScroller"

Hemen üzerine ekle;

                <div class="p-nav-smallLogo">
                    <a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
                        <xf:macro id="style_variation_macros::picture"
                            arg-property="publicLogoUrl"
                            arg-property2x="publicLogoUrl2x"
                            arg-width="{{ property('publicLogoWidth') }}"
                            arg-height="{{ property('publicLogoHeight') }}"
                            arg-alt="{$xf.options.boardTitle}" />
                    </a>
                </div>

Örnek aşağıda ki gibi olacak;
<div class="p-nav-smallLogo">
<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
<xf:macro id="style_variation_macros:icture"
arg-property="publicLogoUrl"
arg-property2x="publicLogoUrl2x"
arg-width="{{ property('publicLogoWidth') }}"
arg-height="{{ property('publicLogoHeight') }}"
arg-alt="{$xf.options.boardTitle}" />
</a>
</div>
<div class="p-sectionLinks-inner hScroller" .....................

Daha sonra extra.less şablonuna aşağıdaki kodu ekle.

@media (min-width: @xf-responsiveMedium) {
    .p-navSticky--primary.is-sticky {
        .p-sectionLinks {
            .p-nav-smallLogo {
                display: flex;
                align-items: center;
                max-width: none;
                min-width: 100px;
                height: 37px;
            }
            .p-nav-scroller {
                margin-left: auto;
            }
        }
    }
}

Bu şekilde deneyip bilgi verebilir misin?

 

[Dpugsf]

Tarif edeyim sana basit çok uğraşmazsın dene olmazsa bir söylersin bakarız yine.

İşlemleri yapmadan önce PAGE_CONTAINER şablonunu kesinlikle bir yere yedekle.

PAGE_CONTAINER şablonunda aşağıdaki kodu bul;

<div class="p-sectionLinks-inner hScroller"

Hemen üzerine ekle;

                <div class="p-nav-smallLogo">
                    <a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
                        <xf:macro id="style_variation_macros::picture"
                            arg-property="publicLogoUrl"
                            arg-property2x="publicLogoUrl2x"
                            arg-width="{{ property('publicLogoWidth') }}"
                            arg-height="{{ property('publicLogoHeight') }}"
                            arg-alt="{$xf.options.boardTitle}" />
                    </a>
                </div>

Örnek aşağıda ki gibi olacak;
<div class="p-nav-smallLogo">
<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
<xf:macro id="style_variation_macros:icture"
arg-property="publicLogoUrl"
arg-property2x="publicLogoUrl2x"
arg-width="{{ property('publicLogoWidth') }}"
arg-height="{{ property('publicLogoHeight') }}"
arg-alt="{$xf.options.boardTitle}" />
</a>
</div>
<div class="p-sectionLinks-inner hScroller" .....................

Daha sonra extra.less şablonuna aşağıdaki kodu ekle.

@media (min-width: @xf-responsiveMedium) {
    .p-navSticky--primary.is-sticky {
        .p-sectionLinks {
            .p-nav-smallLogo {
                display: flex;
                align-items: center;
                max-width: none;
                min-width: 100px;
                height: 37px;
            }
            .p-nav-scroller {
                margin-left: auto;
            }
        }
    }
}

Bu şekilde deneyip bilgi verebilir misin?

Dediğin şekilde yaptım ama hiçbir şey değişmedi abi

 

[admin]

Dediğin şekilde yaptım ama hiçbir şey değişmedi abi

Anydesk gönderebilir misin?

 

[Dpugsf]

Anydesk gönderebilir misin?

Gönderiyorum ab i