Title Box parecido com a do BestSkins

Código:

<div class="titlebox">
  <dd>
 <dava>
<div class="avatarredet"><a class="teste2" href="#">
    <img class="teste" alt="" src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" /></a>
</div>
</dava>
    <div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
      <h1 itemprop="name" class="ipsType_pagetitle">{TOPIC_TITLE}</h1>
      <div class="desc lighter blend_links">    
        <dts>Iniciado por </dts><span itemprop="creator"></span>, <span itemprop="data_post"></span>
</div>
</div>
</dd>
</div>

Código:

/*título*/
.titlebox{
    -moz-border-radius:3px;
    -moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
    -webkit-border-radius:3px;
    -webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
    background:#EFEFEF;
    border:1px solid #D6D6D6;
    border-radius:3px;
    box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
    overflow:hidden;
    padding:10px;
    text-shadow:#fff 0 1px 0
}
.titlebox dd{display:block}
.titlebox dava{float:left}
.titlebox dava a img{
    -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;
    height:50px!important;
    padding:1px;
    width:50px!important
}
.titlebox dava a img:hover{
    -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    border-color:#A1A1A1;
    box-shadow:0 2px 2px rgba(0,0,0,0.2)
}
.ipsType_pagetitle a{font-size:23px;z-index:999}
.desc.lighter.blend_links{color:#a4a4a4;float:left;font-size:11px}
.desc.lighter,.desc.lighter.blend_links a{color:#A4A4A4}
.desc,.desc.blend_links a,p.posted_info{color:#777;font-size:12px}
.conect{display:inline-block;padding-left:5px}

      /*box*/
.titlebox {
background: url("http://i13.servimg.com/u/f13/18/08/41/63/transw13.png") repeat;
background: rgba(255, 255, 255, 0.5) url('http://i13.servimg.com/u/f13/18/08/41/63/highli15.png') repeat-x 0 0;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.5) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px;
-moz-box-shadow: inset rgba(255,255,255,0.5) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: inset rgba(255, 255, 255, 0.5) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px;
text-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px;
overflow: hidden;
}
.titlebox dd {display: block;}
.titlebox dava {float: left;}
.ipsBox_withphoto {float: left; margin-left: 10px;}
.ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 23px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 600px;}
.ipsType_pagetitle a {font-size: 23px; z-index: 999;}
.desc.lighter.blend_links {color: #777; float: left; font-size: 11px;}
.socialetopic {float: right; position: relative;}
.titlebox dava a img {
  float: left;
  height: 50px!important;
  width: 50px!important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.titlebox dava a img:hover {opacity: 0.8;}

/*fim*/

Código:

jQuery(document).ready(function() {
  var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
  $('.teste').attr('src',url);
  var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
  jQuery('.teste2').attr('href',url2);
  var url3=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info .user-name').html();
  jQuery('span[itemprop="creator"]').html(url3);
  var url5=jQuery('span.data-post').html();
  jQuery('span[itemprop="data_post"]').html(url5);
});

Código:

jQuery(document).ready(function() {
  var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
  $('.teste').attr('src',url);
  var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
  jQuery('.teste2').attr('href',url2);
  var url3=jQuery('.post:first h3 span[itemprop="name"]').html();
  jQuery('span[itemprop="creator"]').html(url3);
  var url5=jQuery('span.data-post').html();
  jQuery('span[itemprop="data_post"]').html(url5);
});

Código:

    <div class="titlebox">
  <dd>
 <dava>
<div class="avatarredet"><a class="teste2" href="#">
    <img class="teste" alt="" src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" /></a>
</div>
</dava>
    <div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
      <h1 itemprop="name" class="ipsType_pagetitle">{TOPIC_TITLE}</h1>
      <div class="desc lighter blend_links">   
        <dts>Iniciado por </dts><span itemprop="creator"></span>, Postado em<abbr class="published" itemprop="commentTime" title="{postrow.displayed.POST_DATE_NEW}">{postrow.displayed.POST_DATE_NEW}</abbr><span itemprop="data_post">{postrow.displayed.POST_DATE_NEW}</span>
</div>
</div>
</dd>
</div>
       

Phill Lima escreveu:[Dark]Doki, esta com um problema, na segunda página ele puxa o autor da primeira mensagem, se não for o autor do tópico ele fica com outro autor

e agora?  

Eu testei o código que eu ja usava e também tem esse problema, eu só não tinha percebido ainda...

Código:

$(document).ready(function() {
//box tópico
var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
  $('.teste').attr('src',url);
  var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
  jQuery('.teste2').attr('href',url2);
  var url3=jQuery('.post:first #userpost span strong').html();
  jQuery('span[itemprop="creator"]').html(url3);
  var url5=jQuery('.datepostur').html();
  jQuery('span[itemprop="data_post"]').html(url5);
});

$(document).ready(function() {
//box tópico
var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
$('.teste').attr('src',url);
var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
jQuery('.teste2').attr('href',url2);
var url3=jQuery('.post:first #userpost span strong').html();
jQuery('span[itemprop="creator"]').html(url3);
var url5=jQuery('.datepostur').html();
jQuery('span[itemprop="data_post"]').html(url5);
});

Código:

jQuery(document).ready(function() {
  var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
  $('.teste').attr('src',url);
  var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
  jQuery('.teste2').attr('href',url2);
  var url3=jQuery('.post:first h3 span[itemprop="name"]').html();
  jQuery('span[itemprop="creator"]').html(url3);
  var url5=jQuery('span.data-post').html();
  jQuery('span[itemprop="data_post"]').html(url5);
});

Código:

 
jQuery(document).ready(function() {
  var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
  $('.teste').attr('src',url);
  var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
  jQuery('.teste2').attr('href',url2);
  var url3=jQuery('.post:first h3 span[itemprop="name"]').html();
  jQuery('span[itemprop="creator"]').html(url3);
  var url5=jQuery('span.data-post').html();
  jQuery('span[itemprop="data_post"]').html(url5);
{postrow.displayed.POST_DATE_NEW}</span>
</div>
</div>
</dd>
</div>
});