[FOORUM] Värviline mention-tag

Vaata eelmist teemat Vaata järgmist teemat Go down

Tonight
Tonight

[FOORUM] Värviline mention-tag Vetera11
Liitus : 19/02/2012
Postitusi : 17991

PostitamineTonight 22.01.17 22:12

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

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 https://www.faval.eu/u3 ehk temale vastab number 3. Seega tuleb CSSi panna data-id="3".

Värvikoodi leiad sa paneelist kasutajagrupi alt.
[FOORUM] Värviline mention-tag Group10

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"])
Tonight
Tonight

[FOORUM] Värviline mention-tag Vetera11
Liitus : 19/02/2012
Postitusi : 17991

PostitamineTonight 01.02.17 20:01

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);
    });

});

Vaata eelmist teemat Vaata järgmist teemat Tagasi üles

Soovid vestluses osaleda?

Selleks logi sisse või tee endale kasutaja.

Liitu foorumiga

Tee endale kasutaja ning osale aruteludes.


Tee uus kasutaja

Logi sisse

Omad foorumis juba kasutajat? Logi sisse.


Logi sisse

 
Permissions in this forum:
Sa ei saa vastata siinsetele teemadele