- 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://
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 kodlardaki linkleri ve kategori isimlerini kendinize göre düzenleyin...
- Resim:
- Resim:
- Resim:
- Resim:
Ö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 ekleWidget 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:
- Resim:
Son düzenleme: