Собственно, этот скрипт позволит поставить в профиль пользователю награды, почти как на форумах РусФФ.
В 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
Задать вопрос можно прямо тут)
За скрипт большое спасибо Deff'у
Отредактировано Рунный (2012-09-05 12:40:20)
