Çözüldü Anasayfanın en üstüne menü ekleme

dejavu · 22 Eki 2020

Merhabalar görselde belirttiğim kırmızı alana hemen aşağıda yer alan navigasyon menüleri tarzında birşey eklemek istiyorum bunu nasıl yaparım?

eTiKeT™ · 22 Eki 2020

Buton bar olarak en kolay şekilde temanın PAGE_CONTAINER isimli şablonunda bul;

Eğer xenforo 2.2 ise

HTML:

<xf:set var="$srcset">{{ property('publicLogoUrl2x') ? base_url(property('publicLogoUrl2x')) . ' 2x' : '' }}</xf:set>

Eğer xenforo 2.2 altı ise

HTML:

<header class="p-header" id="header">

Hemen üstüne ekle;

HTML:

    <div class="p-staffBar xgtButonBar">
        <div class="p-staffBar-inner hScroller" data-xf-init="h-scroller">
            <div class="hScroller-scroll">
                    <a href="https://xenforo.gen.tr" class="xgtButonBar-buton p-staffBar-link badgeContainer">
                        <i class="fad fa-acorn"></i> Bağlantı 1
                    </a>
                    <a href="https://xenforo.gen.tr" class="xgtButonBar-buton p-staffBar-link badgeContainer">
                        <i class="fad fa-acorn"></i> Bağlantı 2
                    </a>
                    <a href="https://xenforo.gen.tr" class="xgtButonBar-buton p-staffBar-link badgeContainer">
                        <i class="fad fa-acorn"></i> Bağlantı 3
                    </a>
            </div>
        </div>
    </div>

Aynı temanın extra.less isimli şablonuna ekle;

CSS:

.xgtButonBar
{
    background: #0f3652;
    border: none;
    
    .xgtButonBar-buton
    {
        color: #d8e2ea;
        background: rgba(24, 88, 134,0.6);
        border-radius: 4px;
        
        &:hover
        {
            background: rgba(24, 88, 134,0.9);
        }
        
        i
        {
            margin:0px 2px 0px 0px;
            color:#d8e2ea;
        }
    }
}

Sonu;

Origin · 22 Eki 2020

Bu kodun üstüne

Kod:

<header class="p-header" id="header">

Bu kodu yapıştırıp manuel düzenleme yapabilirsin daha sonra

PHP:

<div class="p-nav-inner">
            
            <div class="focus-mobile-navigation">
                <a class="p-nav-menuTrigger" data-xf-click="off-canvas" data-menu=".js-headerOffCanvasMenu" role="button" tabindex="0">
                    <i aria-hidden="true"></i>
                    <span class="p-nav-menuText">Menü</span>
                </a>
                <div class="focus-mobile-logo">
                    <a href="https://rstgamers.com">
                        
                            RST Gamers Oyuncu Topluluğu
                        
                    </a>
                </div>
            </div>

            <div class="focus-wrap-user hide:desktop">

    <!-- User bar -->

        <div class="p-nav-opposite">
            <div class="p-navgroup p-account p-navgroup--guest">
                
                    <a href="/login/" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--logIn" data-xf-click="overlay" data-follow-redirects="on">
                        <span class="p-navgroup-linkText">Giriş yap</span>
                    </a>
                    
                        <a href="/register/" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--register" data-xf-click="overlay" data-follow-redirects="on">
                            <span class="p-navgroup-linkText">Kayıt ol</span>
                        </a>
                    
                
                
                    <a href="#" class="p-navgroup-link xenfocus-navgroup-icon" rel="nofollow" data-xf-init="tooltip" data-xenfocus-editor="" data-original-title="" id="js-XFUniqueId2">
                        <i class="fa--xf far fa-toggle-on" aria-hidden="true"></i>
                    </a>
                
                
                
                
            </div>

            <div class="p-navgroup p-discovery">
                <a href="/whats-new/" class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--whatsnew" title="Neler yeni">
                    <i aria-hidden="true"></i>
                    <span class="p-navgroup-linkText">Neler yeni</span>
                </a>

                
                    <a href="/search/" class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--search" data-xf-click="menu" data-xf-key="/" aria-label="Ara" aria-expanded="false" aria-haspopup="true" title="Ara">
                        <i aria-hidden="true"></i>
                        <span class="p-navgroup-linkText">Ara</span>
                    </a>
                    <div class="menu menu--structural menu--wide" data-menu="menu" aria-hidden="true">
                        <form action="/search/search" method="post" class="menu-content" data-xf-init="quick-search">

                            <h3 class="menu-header">Ara</h3>
                            
                            <div class="menu-row">
                                
                                    <input type="text" class="input" name="keywords" placeholder="Ara…" aria-label="Ara" data-menu-autofocus="true">
                                
                            </div>

                            
                            <div class="menu-row">
                                <label class="iconic"><input type="checkbox" name="c[title_only]" value="1"><i aria-hidden="true"></i><span class="iconic-label">Sadece başlıkları ara</span></label>

                            </div>
                            
                            <div class="menu-row">
                                <div class="inputGroup">
                                    <span class="inputGroup-text" id="ctrl_search_menu_by_member">Kullanıcı:</span>
                                    <input class="input" name="c[users]" data-xf-init="auto-complete" placeholder="Üye" aria-labelledby="ctrl_search_menu_by_member" autocomplete="off">
                                </div>
                            </div>
                            <div class="menu-footer">
                                <span class="menu-footer-controls">
                                    <button type="submit" class="button--primary button button--icon button--icon--search"><span class="button-text">Ara</span></button>
                                    <a href="/search/" class="button"><span class="button-text">Gelişmiş Arama…</span></a>
                                </span>
                            </div>

                            <input type="hidden" name="_xfToken" value="1603322021,35c783bb775edf16b6e2f04836d7f193">
                        </form>
                    </div>
                
            </div>
        </div>

</div>
            
    
    <!-- Navigation wrap -->
    <nav class="focus-wrap-nav">
        <div class="p-nav-scroller hScroller" data-xf-init="h-scroller" data-auto-scroll=".p-navEl.is-selected">
            <div class="hScroller-scroll is-calculated" style="margin-bottom: -47px;">
                <ul class="p-nav-list js-offCanvasNavSource">
                
                    <li>
                        
    <div class="p-navEl ">

        

        

            
    
    <a href="https://rstgamers.com" class="p-navEl-link " data-xf-key="1" data-nav-id="home">Ana sayfa</a>


            

        
        
    </div>

                    </li>
                
                    <li>
                        
    <div class="p-navEl is-selected" data-has-children="true">

        
            <svg data-name="curve" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 6"><path d="M0,6H6V0A6,6,0,0,1,0,6Z"></path></svg>
            <svg data-name="curve" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 6"><path d="M6,6H0V0A6,6,0,0,0,6,6Z"></path></svg>
        

        

            
    
    <a href="/" class="p-navEl-link p-navEl-link--splitMenu " data-nav-id="forums">Forumlar</a>


            <a data-xf-key="2" data-xf-click="menu" data-menu-pos-ref="< .p-navEl" data-arrow-pos-ref="< .p-navEl" class="p-navEl-splitTrigger" role="button" tabindex="0" aria-label="Genişletilmiş geçiş" aria-expanded="false" aria-haspopup="true"></a>

        
        
            <div class="menu menu--structural" data-menu="menu" aria-hidden="true">
                <div class="menu-content">
                    <!--<h4 class="menu-header">Forumlar</h4>-->
                    
                        
    
    
    <a href="/whats-new/posts/" class="menu-linkRow u-indentDepth0 js-offCanvasCopy " data-nav-id="newPosts">Yeni mesajlar</a>

    

                    
                        
    
    
    <a href="/search/?type=post" class="menu-linkRow u-indentDepth0 js-offCanvasCopy " data-nav-id="searchForums">Forumlarda ara</a>

    

                    
                </div>
            </div>
        
    </div>

                    </li>
                
                    <li>
                        
    <div class="p-navEl " data-has-children="true">

        

        

            
    
    <a href="/whats-new/" class="p-navEl-link p-navEl-link--splitMenu " data-nav-id="whatsNew">Neler yeni</a>


            <a data-xf-key="3" data-xf-click="menu" data-menu-pos-ref="< .p-navEl" data-arrow-pos-ref="< .p-navEl" class="p-navEl-splitTrigger" role="button" tabindex="0" aria-label="Genişletilmiş geçiş" aria-expanded="false" aria-haspopup="true"></a>

        
        
            <div class="menu menu--structural" data-menu="menu" aria-hidden="true">
                <div class="menu-content">
                    <!--<h4 class="menu-header">Neler yeni</h4>-->
                    
                        
    
    
    <a href="/whats-new/posts/" class="menu-linkRow u-indentDepth0 js-offCanvasCopy " rel="nofollow" data-nav-id="whatsNewPosts">Yeni mesajlar</a>

    

                    
                        
    
    
    <a href="/whats-new/latest-activity" class="menu-linkRow u-indentDepth0 js-offCanvasCopy " rel="nofollow" data-nav-id="latestActivity">Son aktiviteler</a>

    

                    
                </div>
            </div>
        
    </div>

                    </li>
                
                    <li>
                        
    <div class="p-navEl " data-has-children="true">

        

        

            
    
    <a href="/members/" class="p-navEl-link p-navEl-link--splitMenu " data-nav-id="members">Kullanıcılar</a>


            <a data-xf-key="4" data-xf-click="menu" data-menu-pos-ref="< .p-navEl" data-arrow-pos-ref="< .p-navEl" class="p-navEl-splitTrigger" role="button" tabindex="0" aria-label="Genişletilmiş geçiş" aria-expanded="false" aria-haspopup="true"></a>

        
        
            <div class="menu menu--structural" data-menu="menu" aria-hidden="true">
                <div class="menu-content">
                    <!--<h4 class="menu-header">Kullanıcılar</h4>-->
                    
                        
    
    
    <a href="/online/" class="menu-linkRow u-indentDepth0 js-offCanvasCopy " data-nav-id="currentVisitors">Şu anki ziyaretçiler</a>

    

                    
                </div>
            </div>
        
    </div>

                    </li>
                
                    <li>
                        
    <div class="p-navEl ">

        

        

            
    
    <a href="https://discord.gg/hnwsNgY" class="p-navEl-link " target="_blank" ="target="&quot;_blank&quot;&quot;" data-xf-key="5" data-nav-id="Discord">Discord</a>


            

        
        
    </div>

                    </li>
                
                    <li>
                        
    <div class="p-navEl ">

        

        

            
    
    <a href="https://steamcommunity.com/groups/rstgamers" class="p-navEl-link " target="_blank" ="target="&quot;_blank&quot;&quot;" data-xf-key="6" data-nav-id="Steam">Steam</a>


            

        
        
    </div>

                    </li>
                
                    <li>
                        
    <div class="p-navEl ">

        

        

            
    
    <a href="https://docs.google.com/forms/d/1hP0iFVSRiVbP-r0MkZKoEgSYxvENBVSFnmJvlrsujk8/edit" class="p-navEl-link " target="_blank" ="target="&quot;_blank&quot;&quot;" data-xf-key="7" data-nav-id="Whitelist">Whitelist Başvurusu</a>


            

        
        
    </div>

                    </li>
                
                </ul>
            </div><i class="hScroller-action hScroller-action--end is-active" aria-hidden="true"></i><i class="hScroller-action hScroller-action--start" aria-hidden="true"></i>
        </div>
    </nav>
    

            
    <div class="focus-wrap-search">
    
        
            <form action="/search/search" method="post">
            
            <!-- Search -->
            <div class="focus-search">   
                
                <div class="focus-search-flex">
                    <input name="keywords" placeholder="Ara…" aria-label="Ara" data-menu-autofocus="true" type="text">
                    <div class="focus-search-prefix"><i class="fa--xf far fa-search" aria-hidden="true"></i></div>
                </div>
                
            </div>
            
            
                <div class="focus-search-menu">

                    
                    

                    
                    <div class="menu-row">
                        <label class="iconic"><input type="checkbox" name="c[title_only]" value="1"><i aria-hidden="true"></i><span class="iconic-label">Sadece başlıkları ara</span></label>

                    </div>
                    
                    <div class="menu-row">
                        <div class="inputGroup">
                            <span class="inputGroup-text">Kullanıcı:</span>
                            <input class="input" name="c[users]" data-xf-init="auto-complete" placeholder="Üye" aria-labelledby="ctrl_search_menu_by_member" autocomplete="off">
                        </div>
                    </div>
                    <div class="menu-footer">
                        <span class="menu-footer-controls">
                            <a href="/search/" class="button"><span class="button-text">Filtreler</span></a>
                            <button type="submit" class="button--primary button button--icon button--icon--search"><span class="button-text">Ara</span></button>
                        </span>
                    </div>

                </div

            </form>
        

    </div>


        </div>

dejavu · 22 Eki 2020

Navigasyonun kalınlığında yapmayacam ama oradan biraz daha ince olacak fazla sırıtmayacak

dejavu · 22 Eki 2020

eTiKeT™' Alıntı:

Buton bar olarak en kolay şekilde temanın PAGE_CONTAINER isimli şablonunda bul;

Eğer xenforo 2.2 ise

HTML:

<xf:set var="$srcset">{{ property('publicLogoUrl2x') ? base_url(property('publicLogoUrl2x')) . ' 2x' : '' }}</xf:set>

Eğer xenforo 2.2 altı ise

HTML:

<header class="p-header" id="header">

Hemen üstüne ekle;

HTML:

    <div class="p-staffBar xgtButonBar">
        <div class="p-staffBar-inner hScroller" data-xf-init="h-scroller">
            <div class="hScroller-scroll">
                    <a href="https://xenforo.gen.tr" class="xgtButonBar-buton p-staffBar-link badgeContainer">
                        <i class="fad fa-acorn"></i> Bağlantı 1
                    </a>
                    <a href="https://xenforo.gen.tr" class="xgtButonBar-buton p-staffBar-link badgeContainer">
                        <i class="fad fa-acorn"></i> Bağlantı 2
                    </a>
                    <a href="https://xenforo.gen.tr" class="xgtButonBar-buton p-staffBar-link badgeContainer">
                        <i class="fad fa-acorn"></i> Bağlantı 3
                    </a>
            </div>
        </div>
    </div>

Aynı temanın extra.less isimli şablonuna ekle;

CSS:

.xgtButonBar
{
    background: #0f3652;
    border: none;
   
    .xgtButonBar-buton
    {
        color: #d8e2ea;
        background: rgba(24, 88, 134,0.6);
        border-radius: 4px;
       
        &:hover
        {
            background: rgba(24, 88, 134,0.9);
        }
       
        i
        {
            margin:0px 2px 0px 0px;
            color:#d8e2ea;
        }
    }
}

Sonu;
Ekli dosyayı görüntüle 13393

dediklerini harfi harfine uyguladım fakat sonuç alamadım. 2.2 üstü ve altı seçeneklerini denememe rağmen

eTiKeT™ · 22 Eki 2020

Olmama şansı yok basit bir değişim belki lokasyon ile ilgli bir sorun vardır. Temanız özel bir tema çünkü,temanızın PAGE_CONTAINER isimli şablonun kodlarını ekler misiniz buraya.

VasY · 23 Eki 2020

eTiKeT™' Alıntı:
Olmama şansı yok basit bir değişim belki lokasyon ile ilgli bir sorun vardır. Temanız özel bir tema çünkü,temanızın PAGE_CONTAINER isimli şablonun kodlarını ekler misiniz buraya.

Hocam arkadaşın Teması dışardan düzenlenen kodları kabul etmiyor.. Direk o temanın üzerinden css uyarlanırsa kabul ediyor.. ilginç birşey ama böyle bilgin olsun.

eTiKeT™ · 23 Eki 2020

Kabul ettiririz sıkıntı yok

dejavu · 24 Eki 2020

eTiKeT™ buyrun

eTiKeT™ · 24 Eki 2020

Yapınızda sıra dışı bir şey göremedim ben şu satırın hemen üzerinde gösteril yapılması gerekli :  eğer çözüm olmadı ise DM ile admin girişi atın bakalım.

Ara

Ara

Foruma hoş geldin 👋, Ziyaretçi

Çözüldü Anasayfanın en üstüne menü ekleme

dejavu

xFanatik