Personalização de informações do Tópico

Qual é minha questão:
Olá,

Acabei de encontrar uma personalização muito boa, veja a imagem abaixo do que eu desejo

https://i.imgur.com/EvOeymO.png

Eu vi neste fórum

http://bestskins.forumeiros.com/t475-como-por-isto-assim

Como podem ver aparece o avatar do membro o titulo do tópico e outras coisas e eu queria por isso em meu fórum

Template " viewtopic_body "

Código:

//var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>








   
[list]
      
      
[*]
         //            var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
      
      
[*][url=http://www.addthis.com/bookmark.php?v=250&pub=forumotion]{L_SHARE}[/url]
      
[*][url=http://ajuda.forumeiros.com/{U_SEARCH_NEW}]{L_SEARCH_NEW}[/url]
      
[*][url=http://ajuda.forumeiros.com/{U_SEARCH_SELF}]{L_SEARCH_SELF}[/url]
      
      
[*]{S_WATCH_TOPIC}
      
   
[/list]
   {LOGGED_AS}. {LAST_VISIT_DATE}





   {L_NOT_CONNECTED} {L_LOGIN_REGISTER}








   
      [url=http://ajuda.forumeiros.com/{U_INDEX}]{L_INDEX}[/url]{NAV_CAT_DESC} »
      [b][url=http://ajuda.forumeiros.com/{TOPIC_URL}]{TOPIC_TITLE}[/url][/b]
      
      
         [url=http://twitter.com/share]Tweet[/url]
         
      
      
      
      
         
      
      
   







   

      
      {PAGINATION}

      
      
         
         [url=http://ajuda.forumeiros.com/{U_POST_NEW_TOPIC}][img]{POST_IMG}[/img][/url] 
         




         
         [url=http://ajuda.forumeiros.com/{U_POST_REPLY_TOPIC}][img]{REPLY_IMG}[/img][/url]
         
      

      {POLL_DISPLAY}
 

   

      
         [url=http://ajuda.forumeiros.com/{U_VIEW_OLDER_TOPIC}]{L_VIEW_PREVIOUS_TOPIC}[/url] [url=http://ajuda.forumeiros.com/{U_VIEW_NEWER_TOPIC}]{L_VIEW_NEXT_TOPIC}[/url] [url=http://ajuda.forumeiros.com/#bottom]{L_GOTO_DOWN}[/url] 
         {L_MESSAGE} [{PAGE_NUMBER}]
      

   



   

      
         
         

                  [b]
                     [b]#{postrow.displayed.COUNT_POSTS}[/b]
                     {postrow.displayed.ICON} [url=http://ajuda.forumeiros.com/{postrow.displayed.POST_URL}]{postrow.displayed.POST_SUBJECT}[/url] {postrow.displayed.POST_DATE_NEW}
                  [/b]


                        

            
            

               

                  

                     

                        [b]{postrow.displayed.POSTER_NAME}[/b]


                        

                           {postrow.displayed.POSTER_AVATAR}

                           {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                                                                  

                        {postrow.displayed.ONLINE_IMG}
                        
                       
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}                       
                        {postrow.displayed.POSTER_RPG}
                                       



                  

                     

                        
                        

                           
                           
[url=http://ajuda.forumeiros.com/{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}]+[/url]                           




                           
                           

                              
                              
                              




                              
                              
                              
                                                      




                           
                           
----                           




                           
                           
[url=http://ajuda.forumeiros.com/{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}]-[/url]                           
                                                
                        

                           
{postrow.displayed.MESSAGE}                           
                           
                              {postrow.displayed.switch_attachments.L_ATTACHMENTS}
                              
                                 
                                 
                                    
                                       [img]{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}[/img]




                                       
                                       [url=http://ajuda.forumeiros.com/{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}]{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}[/url] {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                       




                                       
                                       {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                       
                                    




                                    
                                    
                                       [i]{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}[/i]
                                    
                                    




                                    
                                    
                                       [i][b]{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}[/b][/i]
                                    
                                    




                                    ({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}
                                 
                                 
                              
                           
                           
                           
                                                
                           {postrow.displayed.EDITED_MESSAGE}
                        

                                                      



               
               

                  {postrow.displayed.SIGNATURE_NEW}
                              




               

                  

                     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}
                                    

                     {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                                    
                                             
            [hr]
      

         
         
         
            {postrow.hidden.MESSAGE}

         
      
   



   

      
         [url=http://ajuda.forumeiros.com/{U_VIEW_OLDER_TOPIC}]{L_VIEW_PREVIOUS_TOPIC}[/url] [url=http://ajuda.forumeiros.com/{U_VIEW_NEWER_TOPIC}]{L_VIEW_NEXT_TOPIC}[/url] [url=http://ajuda.forumeiros.com/#top]{L_BACK_TO_TOP}[/url] 
         {L_MESSAGE} [{PAGE_NUMBER}]
      

      
         




         
         




         
         {S_TOPIC_ADMIN}
         
      

        




   

      
      {PAGINATION}

      
      
         
         [url=http://ajuda.forumeiros.com/{U_POST_NEW_TOPIC}][img]{POST_IMG}[/img][/url] 
         




         
         [url=http://ajuda.forumeiros.com/{U_POST_REPLY_TOPIC}][img]{REPLY_IMG}[/img][/url]
         
      

   









   
      [url=http://ajuda.forumeiros.com/{U_INDEX}]{L_INDEX}[/url]{NAV_CAT_DESC} »
      [b][url=http://ajuda.forumeiros.com/{TOPIC_URL}]{TOPIC_TITLE}[/url][/b]
   








   

      {PROMOT_TRAFIC_TITLE}

      [url=http://ajuda.forumeiros.com/javascript:ShowHideLayer('ptrafic_open','ptrafic_close');][img]{TABS_MORE_IMG}[/img][/url]

   

   

      {PROMOT_TRAFIC_TITLE}

      [url=http://ajuda.forumeiros.com/javascript:ShowHideLayer('ptrafic_open','ptrafic_close');][img]{TABS_LESS_IMG}[/img][/url]

      

      
      » [url=http://ajuda.forumeiros.com/{promot_trafic.link.U_HREF}]{promot_trafic.link.TITLE}[/url]

      
   







   

      {L_FORUM_RULES}

      






[table class="main-content frm"]      [tr]                  [td class="logo"]
            [img]{RULE_IMG_URL}[/img]
         [/td]                  [td class="rules entry-content"]
            {RULE_MSG}
         [/td]      [/tr]   [/table]







{QUICK_REPLY_FORM}







   

      

         {L_TABS_PERMISSIONS}
{S_AUTH_LIST}

         





//$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>








Até

Endereço do meu fórum:
http://universionforum.forumeiros.com

Versão do fórum:
PUNBB

Olá!

Vá em Módulos/HTML&JAVASCRIPT/Gestão de códigos JavaScript
Crie um novo JavaScript com investimento nos tópicos!

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 .username').html();
      jQuery('span[itemprop="creator"]').html(url3);
      var url5=jQuery('span.data-post').html();
      jQuery('span[itemprop="data_post"]').html(url5);
    });


Localize em seu template o código:

Código:

<div class="pun-crumbs noprint">

E adicione o seguinte código antes da linha acima:

Código:


    <!-- Início TitleBox_Viewtopic_body -->
    <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>Criado por </dts><span itemprop="creator"></span>, <span itemprop="data_post"></span>
            </div>
          </div>
          <!-- BEGIN switch_user_logged_in -->
          <!-- BEGIN watchtopic -->
          <div class="seguir">
            <li>{S_WATCH_TOPIC}</li>
          </div>
          <!-- END watchtopic -->
          <!-- END switch_user_logged_in -->
      </dd>
    </div>
    <!-- Fim TitleBox_Viewtopic_body -->


JS

Olá jscript, o script acima possui um bug.
Acabo de testar, e ele faltou a data do post.

Estou no aguardo de um script corrigido, amei sua presença aqui
Obrigado!

Jp.

Olá,

Ficou todo deformado creio que falta código CSS

Até

Quakeline, pegue o código original do css.
O cara já fez o que ninguem iria fazer, catar o script pra nós.

Jp.

Olá,

Já peguei pode fechar

Até

Calma pessoal, todos nós somos voluntários e temos nossos afazeres...

Desculpem-me pelo meu esquecimento, aqui está o CSS:

Código:


/* ----- TitleBox Viewtopic_body ----- */
.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)
}
.ipsBox_withphoto{float:left;margin-left:10px}
.ipsType_pagetitle{
   color:#323232;
   display:block;
   font-family:Helvetica,Arial,sans-serif;
   font-size:26px;
   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:420px
}
.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}


Abraços,

JS

JS Script, ainda está faltando a função de data e horário do criamento do tópico.

Att, Jp.

Olá!

Comigo está normal... Poderia me passar o seu template viewtopic_body ?

JS