Собственно, этот скрипт позволит поставить в профиль пользователю награды, почти как на форумах РусФФ.
В HTML-низ
Код:
<style> /****************************************************************/ /*CSS МЕДАЛЬКИ В ПРОФИЛЬ(ТОПИК) */ /****************************************************************/ span.tooltip4:hover span { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(http://savepic.org/1942239.png); background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border-bottom-left-radius: 17px; border-bottom-right-radius: 17px; border-top-left-radius: 17px; border-top-right-radius: 17px; box-shadow: 0px 5px 15px; color: #000000; display: inline; position: absolute; } span.tooltip4 span { background-attachment: scroll; display: none; margin-left: -25px; margin-top: -45px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 6px; width: auto; } .awards { cursor:pointer; cursor:hand; margin:2px; } img.Flug { cursor:pointer; cursor:hand; float:left; margin: -4px 0 -31px -21px; } </style> <div id=Myawrd style="display:none;"> <!-- ================================================= //НОМЕР НАГРАДЫ // ЗА ЧТО // CCЫЛКА НА КАРТИНКУ //=================================================--> <p>1,За доблестный Труд,http://savepic.org/1963976.gif</p> <p>2,Спасателю утопающих,http://savepic.org/1953736.gif</p> <p>3,Лучшему модератору,http://savepic.org/1950664.gif</p> </div> <script type="text/javascript"> var NumPole=1; //Номер доп поля c наградками; var listMedal=[]; $("#Myawrd p").each(function(j){ listMedal[j]=[];listMedal[j]=$(this).html().split(',')}); var NamFld = '.pa-fld'+NumPole; var FlugIm= '<img width=51 class=Flug src="http://savepic.org.s1.hideme.ru/1911734.png" />'; var awSTrt = '<span class=tooltip4><img width="23" class=awards src="'; $("div.post-author "+ NamFld).each(function () { if($(this).html()!=null){ var L = $(this).html().replace(/^.+:(?:[\s]|<br>)/ig,'') var L0=$(this).html().replace(/^(.+:)[\s\S]*$/igm,'$1')+'<br>';$(this).html(L0) var Thisaw = L.split(','); for (j=0; j< Thisaw.length; j++){ Dp='';var x=Thisaw[j];x=x.replace(/(\d+)#.+$/img,'$1');Dp=(Thisaw[j].replace(x,'')).replace(/^#/i,''); for (i=0; i< listMedal.length-1; i++){ //alert(Thisaw[j]+","+listMedal[i][0]) if(x==listMedal[i][0]){L=awSTrt+listMedal[i][2]+'"><span>'+listMedal[i][1]+' '+Dp+'<br>'+FlugIm+'</span></span>'; $(this).append(L);break;} } };} }); </script>
"Размножаем" наградки вот этим куском:
<p>1,За доблестный Труд,http://savepic.org/1963976.gif</p>
Немного расшифровок:
Красным - номер наградки
Синим - описание (конкретно - за что дали)
Зеленым - ссылка на изображение
Перед установкой скрипта необходимо создать дополнительное поле, в котором награды будут размещаться.
Награды прописываем в поле через запятую БЕЗ ПРОБЕЛОВ, например:
4,7,13