IRCRehberi.Net- Türkiyenin En iyi IRC ve Genel Forum Sitesi  
 sohbet
derya sohbet


XenForo XenForo Dersleri , XenForo Kurulumu , XenForo Forum Dökümanları 'na bu başlık altından ulaşabilirsiniz.

 
 
Seçenekler Stil
Alt 09 Haziran 2021, 13:30   #1
Bordo aşktır, mavi tutku..
Absent - ait Kullanıcı Resmi (Avatar)

Standart XenForo Açılır Kapanır (Akordiyon) Kategori Widget Ekleme

Açılıp kapanabilen (akordiyon) linkler eklemek için önce yeni bir widget oluşturuyoruz.

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ü
Bu pozisyonlarda göster: Widgetin görünmesini istediğiniz alanları seçin.

PHP- Kodu

<ol class="categoryList toggleTarget is-active">
    <
li class="categoryList-item">
        <
div class="categoryList-itemRow">        
                <
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">
                <
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

________________

Öpüşmek; alt katı kiralamak için, üst katta yapılan anlaşmadır..
 


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Kapalı
Pingbacks are Kapalı
Refbacks are Kapalı





Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 08:51.