[FOORUM] Värviline mention-tag

Värviline mention-tag võimaldab lugejatel jõuda kiiremini selgusele kasutaja osas, keda on foorumis tagitud.
○ Näide:


• Liigu ACP -> Display -> Pictures and Colors -> Colors -> CSS Stiilifail ja lisa CSS:

Kood:

.mentiontag[data-id="KASUTAJANUMBER"] {
  color:#VÄRVIKOOD;
  font-weight:bold;
}

○ Kasutajale vastava numbri leiad sa minnes tema profiilile. Näiteks @Tonighti link on http://www.faval.eu/u3 ehk temale vastab number 3. Seega tuleb CSSi panna data-id="3".

○ Värvikoodi leiad sa paneelist kasutajagrupi alt.


○ Korraga saab lisada ka mitmele kasutajale sama värvuse, selleks eralda nad komadega (näide: .mentiontag[data-id="1"], .mentiontag[data-id="2"], .mentiontag[data-id="3"], .mentiontag[data-id="15"])

Kui keegi soovib seda scriptiga, siis:

Kood:

$(function() {
    var bold = true,
        storage = window.localStorage,
        user,
        c;

    $('.mentiontag').each(function() {
        user = this.textContent.replace('@', '').replace(/\s/, '_');

        if (storage && storage.getItem('userColor_' + user) && storage.getItem('userColor_' + user + '_exp') > new Date().getTime() - 60 * 60 * 1000) {
            c = storage.getItem('userColor_' + user);
        } else {

            $.ajax({
                url: this.href,
                type: 'get',
                async: false,
                success: function(data) {
                    c = $('.page-title span', data).css('color');
                }
            });

            storage.setItem('userColor_' + user, c);
            storage.setItem('userColor_' + user + '_exp', new Date().getTime());
        }

        bold ? $(this).css({
            'color': c,
            'font-weight': 'bold'
        }) : $(this).css('color', c);
    });

});