[MyBB 1.8] Expcolimageyi FontAwesome yapımı

[Dream41]

http://destek.10tl.net/showthread.php?tid=86420 Bu konuda @Gokss hocam sormuştu tam bir çözüm bulamadık bende böyle bir şey buldum denedim çalışıyor.
Resim.

Admin kp > Temalar Şablonlar > Kullanılan Tema > Global.css en alta ekleyin.

Kod: Tümünü Seç Tümünü Kopyala

.expander.fa.collapse:before {
    content: '\f205';
}

.expander.fa.collapse_collapsed:before {
    content: '\f204';
}

Admin kp > Temalar Şablonlar > Şablonlar >  Kullanılan Tema > Forumbit Şablonlar > forumbit_depth1_cat
Bul 

Kod: Tümünü Seç Tümünü Kopyala

<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>

Değiştir.

Kod: Tümünü Seç Tümünü Kopyala

<div class="expcolimage">
    <span data-src="{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander fa" alt="{$expaltext}" title="{$expaltext}"> </span>
</div>

Admin kp > Temalar Şablonlar > Şablonlar >  Kullanılan Tema > Gruplandırılmış Şablonlar > headerinclude en alta ekle

Kod: Tümünü Seç Tümünü Kopyala

<script type="text/javascript">
$(document).ready(function()
{
    $(".expcolimage .expander").each(function()
    {
        if($(this).data('src'))
        {
            $(this).addClass($(this).data('src').replace('.png', ''));
        }
    });

    expandables.expandCollapse = function(e, controls)
    {
        element = $(e);

        if(!element || controls == false)
        {
            return false;
        }
        var expandedItem = $("#"+controls+"_e");
        var collapsedItem = $("#"+controls+"_c");

        if(expandedItem.length && collapsedItem.length)
        {
            if(expandedItem.is(":hidden"))
            {
                expandedItem.toggle("fast");
                collapsedItem.toggle("fast");
                this.saveCollapsed(controls);
            }
            else
            {
                expandedItem.toggle("fast");
                collapsedItem.toggle("fast");
                this.saveCollapsed(controls, 1);
            }
        }
        else if(expandedItem.length && !collapsedItem.length)
        {
            if(expandedItem.is(":hidden"))
            {
                expandedItem.toggle("fast");
                element.removeClass("collapse_collapsed").addClass("collapse")
                                    .attr("alt", "[-]")
                                    .attr("title", "[-]");
                element.parent().parent('td').removeClass('tcat_collapse_collapsed');
                element.parent().parent('.thead').removeClass('thead_collapsed');
                this.saveCollapsed(controls);
            }
            else
            {
                expandedItem.toggle("fast");
                element.removeClass("collapse").addClass("collapse_collapsed")
                                    .attr("alt", "[+]")
                                    .attr("title", "[+]");
                element.parent().parent('td').addClass('tcat_collapse_collapsed');
                element.parent().parent('.thead').addClass('thead_collapsed');
                this.saveCollapsed(controls, 1);
            }
        }
        return true;
    };
});
</script>

[Besico]

Harikasın!

[mehmetext]

Teşekkürler.

[κεıƨʟч]

Teşekkürler hocam

[Muratbaykam]

Biraz daha açsanız neye yariyor anlamadim veya bir resim atsaniz .

[#Captain]

Biraz daha açsanız neye yariyor anlamadim veya bir resim atsaniz .

@Murat#Baykam: Hani kategorilerin sağ köşesinde - ve + olarak bulunan collapse tarzı birşey varya, onu değiştirmeye yarıyor.

[Dream41]

Resim eklendi @Murat#Baykam

[kaRanLık-61]

Her tarayıcıda çalışmaz kullanacakların bilgisine

[#Power]

Tavsiyem yapmayın bunu. Sakat iş. Ben üstünde uğraşmıştım da yapamamıştım, javascript kullanmadım. Javascript varsa sıkıntı çıkar illa bi şekilde. Sağlıklı bir yol değildir.