Nasıl yapılır ? Menü Düzenleme

habipdayan · 3 Ara 2022

Merhaba hayırlı akşamlar.
Üstteki resim baz alınarak;
Üst menü ile Konularımı Bul - Takipler ve Forumlarda ara kısmını ayırıp logoyu oraya nasıl koyabilrim? Yardımcı olursanız sevinirim.

eTiKeT™ · 4 Ara 2022

Merhabalar,
Belittiğiniz alan PAGE_CONTAINER isimli şablonda {$subNavHtml|raw} kodunun hemen üstüdür. Ancak direk oraya eklencek bir grafik ile işlem gerçekleştiremezsiniz.
Bunun için CSS ve HTML ile bir yapı oluşturmak gerekli.

Olurmu bilmiyorum test etmedim ama şu kodu ekleyerek bir deneme yapa bilirsiniz;

HTML:

            <div class="p-header-logo p-header-logo--image">
                <a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
                    <img src="{{ base_url(property('publicLogoUrl')) }}" srcset="{$srcset}" alt="{$xf.options.boardTitle}"
                        width="{{ property('publicLogoWidth') ?: '' }}" height="{{ property('publicLogoHeight') ?: '' }}" />
                </a>
            </div>

habipdayan · 5 Ara 2022

eTiKeT™' Alıntı:
Merhabalar,
Belittiğiniz alan PAGE_CONTAINER isimli şablonda {$subNavHtml|raw} kodunun hemen üstüdür. Ancak direk oraya eklencek bir grafik ile işlem gerçekleştiremezsiniz.
Bunun için CSS ve HTML ile bir yapı oluşturmak gerekli.

Olurmu bilmiyorum test etmedim ama şu kodu ekleyerek bir deneme yapa bilirsiniz;

HTML:

<div class="p-header-logo p-header-logo--image"> <a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}"> <img src="{{ base_url(property('publicLogoUrl')) }}" srcset="{$srcset}" alt="{$xf.options.boardTitle}" width="{{ property('publicLogoWidth') ?: '' }}" height="{{ property('publicLogoHeight') ?: '' }}" /> </a> </div>

Olmadı hocam tam olarak böyle bir şeyi kastediyorum.

habipdayan · 7 Ara 2022

eTiKeT™' Alıntı:
Merhabalar,
Belittiğiniz alan PAGE_CONTAINER isimli şablonda {$subNavHtml|raw} kodunun hemen üstüdür. Ancak direk oraya eklencek bir grafik ile işlem gerçekleştiremezsiniz.
Bunun için CSS ve HTML ile bir yapı oluşturmak gerekli.

Olurmu bilmiyorum test etmedim ama şu kodu ekleyerek bir deneme yapa bilirsiniz;

HTML:

<div class="p-header-logo p-header-logo--image"> <a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}"> <img src="{{ base_url(property('publicLogoUrl')) }}" srcset="{$srcset}" alt="{$xf.options.boardTitle}" width="{{ property('publicLogoWidth') ?: '' }}" height="{{ property('publicLogoHeight') ?: '' }}" /> </a> </div>

Bu kod işe yaradı hocam fakat mobil kısmında iki tane logo görünüyor. Mobil için 2x logosu bunlar. Ben bunu nasıl kaldırabilirim?

eTiKeT™ · 7 Ara 2022

Profilinize siteniz eklerseniz çevrim için olarka bakarak yol göstere biliriz.

habipdayan · 8 Ara 2022

eTiKeT™' Alıntı:
Profilinize siteniz eklerseniz çevrim için olarka bakarak yol göstere biliriz.

Buyrun

eTiKeT™ · 8 Ara 2022

Temanızın extra.less isimli şablona şunu eklermisiniz.

CSS:

@media (max-width: @xf-responsiveNarrow)
{
    .p-header-logo.p-header-logo--image
    {
        display:none;
    }
}

habipdayan · 8 Ara 2022

eTiKeT™' Alıntı:
Temanızın extra.less isimli şablona şunu eklermisiniz.

CSS:

@media (max-width: @xf-responsiveNarrow) { .p-header-logo.p-header-logo--image { display:none; } }

Çok çok teşekkür ediyorum hocam

İyi ki varsınız

Ara

Ara

Foruma hoş geldin 👋, Ziyaretçi

Nasıl yapılır ? Menü Düzenleme

habipdayan

Kullanıcı