[FOORUM] Privaatsõnumite counter

Et anda kasutajatele parem ülevaade uutest privaatsõnumitest, on võimalus lisada foorumisse counter.


• Kõigepealt loome uue Javascripti (✓ In all the pages).

Kood:

$(function(g) {
var tg = document.getElementById('i_icon_mini_new_message');if(!tg) return;
var mps = $(tg).attr("alt").match(/[0-9]+/);
$('li a[href^="/privmsg"]').attr('data-counter', ''+mps+'');
});

• Seejärel lisame CSSi (ACP -> Display -> Colors -> CSS Stiilifail).

Kood:

[data-counter]:after {
        background-color: #FF6969;
        background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
        content: attr(data-counter);
        position: absolute;
        padding: 2px 6px;
        border: 2px solid white;
        border-radius:100px;
        box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
        background-clip: padding-box;
        font:bold 10px "Helvetica Neue", sans-serif;
        color: white;
        text-decoration: none;
        text-shadow: 0 -1px 0 rgba(0,0,0,.6);
        margin-left: -17px;
        margin-top: -3px;
}​

NB! Muuda numbri asukohta vastavalt oma foorumile (margin-left ja margin-top).