Cerere Icon-ul subiectului

Cum Ai Facut Sa-ti apara pe forum asa :

Primul pas adaugam in JavaScript urmatorul cod:  

Cod:

$(function() {
$('img[src="http://2img.net/i/itest/smilies/default/default27.gif"]').replaceWith('<span class="resol_d">PINNED</span>');
$('img[src="http://2img.net/i/itest/smilies/default/default33.gif"]').replaceWith('<span class="resol_d">IMPORTANT</span>');
$('img[src="http://2img.net/i/itest/smilies/default/default140.gif"]').replaceWith('<span class="resol_d">SOLVED</span>');
$('img[src="http://2img.net/i/itest/smilies/default/default146.gif"]').replaceWith('<span class="resol_d">Sticky</span>');
$('img[src="http://2img.net/i/itest/smilies/default/default145.gif"]').replaceWith('<span class="resol_d3">TUTORIAL</span>');
$('img[src="http://2img.net/i/itest/smilies/default/default72.gif"]').replaceWith('<span class="resol_d1">JavaScript</span>');
$('img[src="http://2img.net/i/itest/smilies/default/default130.gif"]').replaceWith('<span class="resol_d2">HTML</span>');
$('img[src="http://2img.net/i/itest/smilies/default/default40.gif"]').replaceWith('<span class="HOY">HOT</span>');
});

Adaugam dupa in CSS pentru fiecare clasa codul dorit eu dau doar un exemplu:

Cod:

.resol_d2 {
    background: none repeat scroll 0px 0px #003300;
  border-radius: 4px 4px 4px 4px;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    padding: 0px 5px;
    text-transform: uppercase;
    ver
}

Dupa mergem la Administrare Imagini => Iconuri pentru mesaje si creeam cate o imagine cu fiecare link din codul js  \asa trebuie sa arate 
Succes

ms mult

Rezolvat! Closed