��

mybb@mybb.ru (��) — Fri, 21 Jun 2013 21:41:14 +0400

��, ��.
��

��:

<style>
.pa-fld5 img {max-width:40px; max-height:40px;}
</style>

� ��-�� :

��:

<!--���������� ������-->
<style>
div.AwardAllWindow {
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
  position: fixed; top: 0px; left: 0px;
}
div.AwardWindow {
  z-index: 9999; position: fixed;
  top: 10% !important; left: 50% !important;
  width: 700px; padding: 10px; 
  background:  url("http://s2.uploads.ru/aqmKd.png");
  margin-left: -350px !important; 
  vertical-align: middle; 
  border: 1px solid #1B3E52;
  border-radius: 5px; 
  color: #1B3E52;
}
div.AwardWindow div#closeBtn { 
  cursor: pointer; 
  background: url(http://uploads.ru/i/P/A/l/PAlLS.png) no-repeat center;
  width: 16px; height: 16px;
  position: relative;
  top: -5px; left: 690px;
}
div.AwardWindow h3 { 
  font-variant: small-caps;
  font-weight: bold;
  font-size: 15px;
  margin-top: -20px; 
}
div.AwardWindow div#AwardContent { 
  width: auto; height: auto; 
  min-height: 100px;
  max-height: 300px !important; 
  overflow-y:auto;
}
div.AwardWindow div#AwardContent td#title { 
  font-variant: small-caps;
  font-weight: bold; 
  font-size: 15px;
  width: 200px;
  text-align: center;
}
div.AwardWindow div#AwardContent td#desc { 
  font-size: 10px;  
}
#pun-profile fieldset > span {
  cursor: pointer;
  padding: 5px;
  border: 1px solid black;
  position: relative;
  top: -30px;
  margin-bottom: 10px;
  left: 150px;
  background-color: white;
}
</style>

� ��-�� :

<div class="AwardAllWindow" style="display: none"><div class="AwardWindow"><div id="closeBtn"></div>
<h3>�� </h3><div id="AwardContent"></div></div></div>
<script>
function GetOuterHTML(el)
{ var Result = '<' + el.localName; for (var i=0; i<el.attributes.length; i++) Result += ' ' + el.attributes[i].nodeName + '="' + el.attributes[i].nodeValue + '"'; Result += '>' + el.innerHTML + '</' + el.localName + '>'; return Result; }
function OpenAwards(t) { $('div.AwardAllWindow').fadeIn(1000); $('div.AwardWindow div#AwardContent').html($(t).parent().parent().find('div').html()); $('div.AwardWindow h3').html('�� <span>'+ $(t).parent().parent().parent().parent().find('li.pa-author a').text()+'</span>'); }
$('div.AwardWindow #closeBtn').click(function() { $('div.AwardAllWindow').fadeOut(1000); });
$('.post li.pa-fld5').each(function() {
Result = '<table>';
$(this).find('img').each(function() { var alt = $(this).attr('alt'); var name = alt.substring(0, alt.indexOf('|')); var desc = alt.substring(alt.indexOf('|')+1); Result += '<tr><td id="title"><strong>'+name+'</strong></td><td id="img">'+GetOuterHTML(this)+'</td><td id="desc">'+desc+'</td></tr>'; }); Result += '</table>'; $(this).html('<span><a href="#" onclick="OpenAwards(this); return false;">��</a></span><div style="display: none">'+Result+'</div>'); });
$('#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 onclick="$(this).parent().find(\'div.fs-box\').toggle(1000);">�� </span>'); }});
</script>

li.pa-fld5 - �� .

test

�������� ���������

��