Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Kullanım tekniği Açılır Kapanır (Akordiyon) Kategori Widget Ekleme

Ugur Kullanıcımız yeni bir kaynak oluşturdu:

Açılır Kapanır (Akordiyon) Kategori Widget Ekleme - Widget alanına açılıp kapanabilen linkler ekler

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

Şablon:
HTML:
<ol class="categoryList toggleTarget is-active">
    <li class="categoryList-item">
        <div class="categoryList-itemRow">           
                <a class="categoryList-toggler"...

Bu kaynak hakkında daha fazla bilgi ...
 
hocam, kendi akordiyonumu yazsam style kodlarını nereye eklemem gerekir? ya da html içerisine gömsem sorun çıkar mı?
 
Style kodlarını html içinde kullanabilirsiniz fakat tavsiye edilmez,

Onun yerine, html kodlarına class değeri vererek css kodlarını extra.less şablonu içine ekleyin.
 
neden tavsiye etmiyorsunuz acaba? böylesi daha pratik olur diye düşünüyorum. extra.less de hata verebiliyor bana. birde bütün kodları oraya ekleyince hem ağırlaşıyor hemde baya karmaşık bir hal alıyor. daha sonra düzenlemesi kolay olsun diye yorum satırı bıraktığım için sıkıştıramıyorum, performansı olumsuz etkilediğini düşünüyorum.
 
neden tavsiye etmiyorsunuz acaba? böylesi daha pratik olur diye düşünüyorum. extra.less de hata verebiliyor bana. birde bütün kodları oraya ekleyince hem ağırlaşıyor hemde baya karmaşık bir hal alıyor. daha sonra düzenlemesi kolay olsun diye yorum satırı bıraktığım için sıkıştıramıyorum, performansı olumsuz etkilediğini düşünüyorum.
Style kodlaru xf2de
CSS:
<xf:css>
//
</xf:css>
Şeklinde bilginiz olsun
 
Tam aksine, html içine style kodları eklemek html boyutunu büyüteceği için sayfa hızını ve boyutunu arttıracaktır.
 
valla bravo. ben leb demeden, çorumu anlatmışsınız resmen. yoksa <style> </style> şeklinde yazar, olmayınca da moralim bozulurdu. teşekkür ederim.

<xf:css> style dosyasını çağırmak için kullanılır, <style> </style> yerine kullanamazsınız.

Örnek: <xf:css src="bb_code_preview.less" />
 
Screenshot hocam bence yanılıyorsunuz. sonuçta dışarıdan da alsa, belli bir miktar harcanacak. sıkıştırıp html içerisine gömünce daha az oluyor. tavsiye etmemenizin nedeni html boyutu büyüyeceği için mi? <link rel="stylesheet" yerine <xf:css src= kullanacağım anladım. bu noktadan sonra kafamda çok soru işareti sordu gidip biraz araştırıyım yormayım sizi.
 

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.