Merhaba, tekrar hoş geldiniz!

Bilgi sahibi olanlarla ihtiyaç duyanları buluşturmak, farklı bakış açılarına sahip insanları bir araya getirerek birbirlerini daha iyi anlamalarını sağlamak ve herkesin bilgisini paylaşmasını sağlamak istiyoruz.

XenForo 2 Açılır Kapanır (Akordiyon) Kategori Widget Ekleme Resimli Anlatım

Admin

S.E.O
Administrator
Katılım
30 Eki 2016
Mesajlar
6,910
Beğeniler
12
Puanları
18,020
Konum
Zonguldak
Ad Soyad
Turhan Karabulut
Meslek
Emlak
Yaş
45
Selam arkadaşlar şimdi sizlere Açılıp kapanabilen (akordiyon) şablon linkler eklemek için önce yeni bir widget oluşturmayı göstereciğiz.

Örnek: site://
You do not have permission to view link Giriş yap veya üye ol.
/Kullandığımız Tema / Görünüm ve diller > Widget yöneticisi > Widget ekle

Widget tanımı: HTML
-------
Widget kimliği-ID: menu_akordiyon
Başlık: Menü
Daha Şok ve Güzel Bu pozisyonlarda göster: Widgetin Sitemizde veya Forumumuzda görünmesini istediğiniz alanları siz seçin...


ŞABLON

HTML:
 <ol class="categoryList toggleTarget is-active">
    <li class="categoryList-item">
        <div class="categoryList-itemRow">    
                <a class="categoryList-toggler" data-xf-click="toggle" data-target="< :up :next" role="button" tabindex="0" aria-label="Toggle expanded"></a>
            <a href="link" class="categoryList-link">
                Link-1
            </a>
        </div>    
    <ol class="categoryList toggleTarget">
 
    <li class="categoryList-item">
        <div class="categoryList-itemRow">
                <span class="categoryList-togglerSpacer"></span>
            <a href="link" class="categoryList-link">
                Alt link-1
            </a>
        </div>
    </li>

    <li class="categoryList-item">
        <div class="categoryList-itemRow">
                <span class="categoryList-togglerSpacer"></span>
            <a href="link" class="categoryList-link">
                Alt link-2
            </a>
        </div>
    </li>

    <li class="categoryList-item">
        <div class="categoryList-itemRow">
                <span class="categoryList-togglerSpacer"></span>
            <a href="link" class="categoryList-link">
                Alt link-3
            </a>
        </div>
    </li>

    <li class="categoryList-item">
        <div class="categoryList-itemRow">
                <span class="categoryList-togglerSpacer"></span>
            <a href="link" class="categoryList-link">
                Alt link-4
            </a>
        </div>
    </li>

    <li class="categoryList-item">
        <div class="categoryList-itemRow">
                <span class="categoryList-togglerSpacer"></span>
            <a href="link" class="categoryList-link">
                Alt link-5
            </a>
        </div>
    </li>

    </ol>
    </li>

    <li class="categoryList-item">
        <div class="categoryList-itemRow">
                <a class="categoryList-toggler" data-xf-click="toggle" data-target="< :up :next" role="button" tabindex="0" aria-label="Toggle expanded"></a>
            <a href="link" class="categoryList-link">
                Link-2
            </a>
        </div>
 
    <ol class="categoryList toggleTarget" style="" tabindex="-1">
 
    <li class="categoryList-item">
        <div class="categoryList-itemRow">
                <span class="categoryList-togglerSpacer"></span>
            <a href="link" class="categoryList-link">
                Alt link-2.1
            </a>
        </div>
    </li>

    <li class="categoryList-item">
        <div class="categoryList-itemRow">
                <span class="categoryList-togglerSpacer"></span>
            <a href="link" class="categoryList-link">
                Alt link-2.2
            </a>
        </div>
    </li>

        <li class="categoryList-item">
        <div class="categoryList-itemRow">
                <span class="categoryList-togglerSpacer"></span>
            <a href="link" class="categoryList-link">
                Alt link-2.3
            </a>
        </div>
    </li>

    </ol>
    </li>

    <li class="categoryList-item">
        <div class="categoryList-itemRow">
                <span class="categoryList-togglerSpacer"></span>
            <a href="link" class="categoryList-link">
                Link-3
            </a>
        </div>
    </li>

    <li class="categoryList-item">
        <div class="categoryList-itemRow">
                <span class="categoryList-togglerSpacer"></span>
            <a href="link" class="categoryList-link">
                Link-4
            </a>
        </div>
    </li>

    <li class="categoryList-item">
        <div class="categoryList-itemRow">
                <span class="categoryList-togglerSpacer"></span>
            <a href="link" class="categoryList-link">
                Link-5
            </a>
        </div>
    </li>

    <li class="categoryList-item">
        <div class="categoryList-itemRow">
                <span class="categoryList-togglerSpacer"></span>
            <a href="link" class="categoryList-link">
                Link-6
            </a>
        </div>
    </li>

    </ol>

HTML kodlardaki linkleri ve kategori isimlerini kendinize göre düzenleyin...


- Resim:
k9BEDD.jpg
- Resim:
NnAkoX.jpg


- Resim:
al3XAQ.jpg
- Resim:
YQk49Z.jpg
 
Son düzenleme:
Üst Alt
erotik film izle sex filmleri izle hdd dolum çaycuma satılık daire çaycuma satılık daire - filyos satılık daire