<script language="javascript">
var ot = 0; //отображение сообщений на стене 0 по убыванию, 1 по возрастанию
var mc = 5; //число отображаемых предметов (включая первый пост топика)

if($('#profile-signature').length){
var ss = $('#profile-signature >ul >p >a[href*="viewtopic.php"]').eq(-1), s2 =$(ss).attr('href'), as = [], vs= [];
var si = s2.split(/=/)[1],blk = '<article class="stena"><h1>Инвентарь персонажа</h1>';
$.get('/export.php?type=atom&tid='+si+'&max='+mc, function(d) {
var d2 = $(d).find('entry');
$(d2).each(function (i){
as[i] = {a: $(this).find('name').text(), b: $(this).find('content').text()};
vs.unshift({a: $(this).find('name').text(), b: $(this).find('content').text()});
});

function fs(arr){for (var i in arr){if(arr[i].a==UserLogin){blk +='<div id ="s-'+i+'" class="mypost"><div class="content"><div class="from">От <b>'+arr[i].a+'</b></div>'+arr[i].b+'</div></div>';}
else{blk +='<div id ="s-'+i+'" class="anypost"><div class="content"><div class="from">От <b>'+arr[i].a+'</b></div>'+arr[i].b+'</div></div>';}}};

(ot==1)? fs(as): fs(vs);
blk +='</article>';
$('#profile-signature').after(blk);
});}
</script>

<style>
.stena div#s-0,
.stena .from {display: none;}

.anypost, .mypost {
display: inline-block;
width: 100px; /* максимальная ширина блока с предметом */
height: 100px; /* максимальная высота блока с предметом */
margin: 5px;
position: relative;
}
.stena .content img:last-child {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 10;
max-width: 100px; /* максимальная ширина предмета */
max-height: 100px; /* максимальная высота предмета */
background-color: #ccc; /* цвет фона предмета */
border-radius: 5px; /* закругление предмета (если не надо - удалить) */
}
.punbb .stena .content span img {
border: none;
max-width: 50px; /* максимальная ширина картинок в всплывающем ОПИСАНИИ */
max-height: 50px; /* максимальная высота картинок в всплывающем ОПИСАНИИ */
border-radius: 0%;
display: inline;
position: relative;
background-color: transparent;
}
.stena .content:hover .from,
.stena .content:hover span {
opacity: 1;
}

.stena .content span {
position: absolute;
z-index: 20;
background-color: #90a2c6;  /* цвет фона всплывающего описания */
min-width: 200px; /* минимальная ширина всплывающего описания */
margin-top: 30px;
padding: 5px;
border-radius: 5px; /* закругление границ (если не надо - удалить) */
text-align: left !important;
opacity: 0;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}

</style>