Домовой написал(а):
А можно сделать что бы окно с наградой открывалось не мгновенно а плавно?
Код:
<!-- Награды v3.1 by kozhilya transform -->
<style type="text/css">
.pa-fld1 .award-wrp{
display:inline-block!important;
vertical-align:bottom;
text-align:center;
cursor:pointer;
margin:4px;
}
.pa-fld1 img {
max-height:35px;
}
.pa-fld1{
max-width:100%;
margin:5px auto;
}
.post-author {
position:relative;
}
.pa-fld1 .award-wrp .awr-div {
left:3px;
background:rgba(252,254,178,.85); /* Фон и прозрачность фона для большой награды*/
padding:8px 0 0px 0;
border-radius:15px;
position:absolute;
z-index:100;
display:none;
margin-top:-237px;
margin-bottom:19px;
width:99%;
border:#DCC471 solid 2px;
box-shadow:inset 0 0 5em #DCC471;
font-family:Georgia;
font-size:14px;
}
.pa-fld1 .award-wrp:hover .awr-div{
display:block;
}
.pa-fld1 .award-wrp .awr-div {
width:211px;
padding:3px 6px;
height:188px;
}
.pa-fld1 .award-wrp .awr-div img{
position:absolute!important;
left:0;
top:35px;
right:0;
bottom:0;
margin:auto;
border-bottom:6px solid transparent;
max-height:160px;
}
.awr-div .xwost{
margin:auto;
top:100%;
margin-top:-3px;
margin-left:-3px;
position:absolute;
/*outline:red 1px solid;*/
height:35px;
}
/*Кнопка в Профиле*/
#pun-profile fieldset > span.mywards {
background-image:linear-gradient(to bottom, #FFFCF3 0%, #E7CE95 100%);
border:1px solid #BD993E;
border-radius:4px;
cursor:pointer;
left:250px;
margin-bottom:4px;
padding:2px;
position:relative;
top:-26px;
}
</style>
<script>
$('.post li.pa-fld1>img').wrap('<span class="award-wrp"></span>');
$('.post li.pa-fld1>.award-wrp').each(function() {
var img=$(this).find('img'),tit=img.attr('title'),left=($(this).offset().left-$(this).parents('.post-author').offset().left);
img.removeAttr('title');
$(this).find('img').clone().appendTo($('<div class=awr-div></div>').prepend('<img class=xwost src="/i/blank.gif">'+tit).appendTo(this));
});
$('.award-wrp').one('mouseenter',function(){
left=($(this).offset().left-$(this).parents('.post-author').offset().left);
$(this).find('img.xwost').css({'width':$(this).width()+'px','left':+left+'px'})
}).mouseenter(function(){
$(this).find('.awr-div').stop().css({'opacity':0}).animate({'opacity':1}, 740);
});
$('#pun-profile fieldset').each(function() {
if ($(this).find('legend span').text() == 'Награды') {
var h = '<table style="display: inline;">';
$(this).find('p.checkfield').each(function() {
var alt = $(this).find('img').attr('alt');
var name = alt.substring(0, alt.indexOf('|'));
var desc = alt.substring(alt.indexOf('|')+1);
h += '<tr><td><p class="checkfield">' + $(this).html() + '</p></td><td>Награда: <strong>'+name+'</strong><br>Описание: <strong>'+desc+'</strong></td></tr>'
});
$(this).find('div.fs-box').html(h);
$(this).find('div.fs-box').css({'display':'none'});
$(this).find('legend').after('<span class=mywards onclick="$(this).parent().find(\'div.fs-box\').toggle(1000);">Выставить награды</span>');
}
});
</script>
