Adicione um javascript com investimento nos tópicos:
- Código:
$(function(){if($('.pagetitle:first h2 strong').length){$('.pagetitle[style="background-color:#dfedd1;"]').append('<div id="best-res" class="answerBadgeInPost">✓ Melhor Resposta</div>').attr('style','background-image:-moz-linear-gradient(top,rgba(255,255,255,0.3)0%,rgba(255,255,255,0)100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.3)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.3)0%,rgba(255,255,255,0)100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0.3)0%,rgba(255,255,255,0)100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,0.3)0%,rgba(255,255,255,0)100%);background-image:linear-gradient(to bottom,rgba(255,255,255,0.3)0%,rgba(255,255,255,0)100%);-webkit-box-shadow:inset rgba(255,255,255,0.35)0px 1px 0px;-moz-box-shadow:inset rgba(255,255,255,0.35)0px 1px 0px;box-shadow:inset rgba(255,255,255,0.35)0px 1px 0px;background:#dfedd1;text-shadow:rgba(255,255,255,0.8)0px 1px 0px;border:1px solid#accf8b;');var tautor=$('#best-res').parents('.post').find('.user .username a').html();var topicavatar=$('#best-res').parents('.post').find('.postmain .postbody .user .user-ident .user-basic-info a img').attr('src');var urlavt=$('#best-res').parents('.post').find('.postmain .postbody .user .user-ident .user-basic-info a').attr('href');var topicpost=$('#best-res').parents('.post').find('.posthead a').attr('href');var topicem=$('#best-res').parents('.post').find('.posthead h2 .data-post').html();var bestTopic=$('#best-res').parents('.post').find('.entry-content div').last().prev().html();if($('#best-res').length){$('#main-content .paged').before('<div class="post_feature_box"><span class="ipsUserPhoto"><a href="'+urlavt+'"><img src="'+topicavatar+'"/></a></span><div style="margin-left: 65px;"><span class="ipsBadge">Melhor Resposta</span> '+tautor+', '+topicem+'<div style="border: 1px solid #accf8b; border-bottom: 0px; margin: 2px;"></div>'+bestTopic+'<a href="'+topicpost+'"><span class="ipsBadge"style="background: #9ac472;">Visualizar todo o conteúdo do post »</span></a></div></div>')}}});
Adicione ao CSS:
- Código:
.post_feature_box {
-moz-box-shadow: rgba(0,0,0,0.1) 0 1px 5px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 5px;
background-color: #dfedd1;
background-image: linear-gradient(tobottom,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
border: 1px solid #accf8b;
box-shadow: rgba(0,0,0,0.1) 0 1px 5px;
color: #3a6a16;
font-size: 11.4px;
line-height: 180%;
margin-top: 5px;
max-width: 100%;
min-height: 60px;
padding: 8px;
word-wrap: break-word;
}
.ipsUserPhoto {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #d5d5d5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
float: left;
margin-right: 8px;
padding: 1px;
}
.ipsUserPhoto img {
height: 50px;
width: 50px;
}
Veja se resulta.
Melhor resposta para Phpbb3 Sex 21 Mar 2014 - 16:11
!
