[FOORUM] Privaatsõnumite counter

Vaata eelmist teemat Vaata järgmist teemat Go down

Tonight
Tonight

[FOORUM] Privaatsõnumite counter Vetera11
Liitus : 19/02/2012
Postitusi : 17991

PostitamineTonight 08.02.14 21:13

Et anda kasutajatele parem ülevaade uutest privaatsõnumitest, on võimalus lisada foorumisse counter.
[FOORUM] Privaatsõnumite counter Ios210

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).

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