Chenar profil (topic)

Adică aş dori să fac acel chenar de la profil ca în acestă POZA,bineînțeles printr-un cod în viewtopic_body.
Am sters cu negru reclama.

cod viewtopic_body , folosesc versiunea phpBB2 .

Cod:

 
<script type="text/javascript">
        //<![CDATA[
        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();
              }
          });
        });
        //]]>
        </script>
        <table width="100%" border="0" cellspacing="2" cellpadding="0">
          <tr>
              <td align="left" valign="middle" nowrap="nowrap">
                <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
                </span>
              </td>
              <td align="left" valign="middle" nowrap="nowrap">
                <!-- BEGIN switch_twitter_btn -->
                <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
                <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                </span>
                <!-- END switch_twitter_btn -->
                <!-- BEGIN switch_fb_likebtn -->
                <span id="fb_likebtn" style="margin-left: 6px; ">
                    <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
                </span>
                <!-- END switch_fb_likebtn -->
              </td>
              <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
              <td align="right" valign="bottom" nowrap="nowrap" width="100%">
                <span class="gensmall bold">
                    <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
                    |
                    <script type="text/javascript">//<![CDATA[
                      var url_favourite = '{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('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                    //]]>
                    </script>
                </span>
              </td>
          </tr>
        </table>
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr align="right">
              <td class="catHead" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="9%" class="noprint"> </td>
                      <td align="center" class="t-title">
                          <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                      </td>
                      <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                    </tr>
                </table>
              </td>
          </tr>
          <!-- BEGIN topicpagination -->
          <tr>
              <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
          </tr>
          <!-- END topicpagination -->
          {POLL_DISPLAY}
          <tr>
              <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
              <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
          </tr>
          <!-- BEGIN postrow -->
          <!-- BEGIN displayed -->
          <tr class="post">
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}            </strong></div></span><div class="online45">{postrow.displayed.ONLINE_IMG}</div><br/>
    <span class="postdetails poster-profile">
    <div class="online44"><center><span style="opacity: 0.2;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.2;this.filters.alpha.opacity=15">{postrow.displayed.POSTER_AVATAR}</span></center></div><br>
      
    <div class="online43"><strong><font color="#ff8000">Rank: </font>{postrow.displayed.POSTER_RANK}</strong></div>
          
    <!-- BEGIN profile_field -->
                    <div class="online43"><strong>{postrow.displayed.profile_field.LABEL}</strong>
    <strong>{postrow.displayed.profile_field.CONTENT}</strong>  </div>
    <!-- END profile_field -->
    <div class="online43"><strong><font color="red"><center>{postrow.displayed.PM_IMG}</center></font></strong></div>
                {postrow.displayed.POSTER_RPG}
                <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
              </td>
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                      <td valign="top" nowrap="nowrap" class="post-options">
                          {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.REPORT_IMG} {postrow.displayed.DELETE_IMG}</div> {postrow.displayed.IP_IMG}
                </span>
                      </td>
                    </tr>
                    <tr>
                      <td colspan="2" class="hr">
                          <hr />
                      </td>
                    </tr>
                    <tr>
                      <td colspan="2">
                          <!-- BEGIN switch_vote_active -->
                          <div class="vote gensmall">
                            <!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                            <!-- END switch_vote -->
                            <!-- BEGIN switch_bar -->
                            <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                <!-- BEGIN switch_vote_plus -->
                                <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                <!-- END switch_vote_plus -->
                                <!-- BEGIN switch_vote_minus -->
                                <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                <!-- END switch_vote_minus -->
                            </div>
                            <!-- END switch_bar -->
                            <!-- BEGIN switch_no_bar -->
                            <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                            <!-- END switch_no_bar -->
                            <!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                            <!-- END switch_vote -->
                          </div>
                          <!-- END switch_vote_active -->
                          <div class="postbody">
                            <div>{postrow.displayed.MESSAGE}</div>
                            <!-- BEGIN switch_attachments -->
                            <dl class="attachbox">
                                <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                                <dd>
                                  <!-- BEGIN switch_post_attachments -->
                                  <dl class="file">
                                      <dt>
                                        <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />
                                        <!-- BEGIN switch_dl_att -->
                                        <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                        <!-- END switch_dl_att -->
                                        <!-- BEGIN switch_no_dl_att -->
                                        {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}
                                        <!-- END switch_no_dl_att -->
                                      </dt>
                                      <!-- BEGIN switch_no_comment -->
                                      <dd>
                                        <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                      </dd>
                                      <!-- END switch_no_comment -->
                                      <!-- BEGIN switch_no_dl_att -->
                                      <dd>
                                        <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                      </dd>
                                      <!-- END switch_no_dl_att -->
                                      <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                  </dl>
                                  <!-- END switch_post_attachments -->
                                </dd>
                            </dl>
                            <!-- END switch_attachments -->
                            <div class="clear"></div>
                            <div class="signature_div">
                                {postrow.displayed.SIGNATURE}
                            </div>
                          </div>
                          <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                      </td>
                    </tr>
                </table>
              </td>
          </tr>
          <tr>
              <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
                <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
              </td>
              <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="middle">
                          {postrow.displayed.PROFILE_IMG}  {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}
    <!-- END contact_field -->
                      </td>
                    </tr>
                </table>
              </td>
          </tr>
          <!-- BEGIN first_post_br -->
        </table>
      
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
              <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
              <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
          </tr>
          <!-- END first_post_br -->
          <!-- END displayed -->
          <!-- BEGIN hidden -->
          <tr>
              <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
          </tr>
          <!-- END hidden -->
          <!-- END postrow -->
          <!-- BEGIN no_post -->
          <tr align="center">
              <td class="row1" colspan="3" height="28">
                <span class="genmed">{no_post.L_NO_POST}</span>
              </td>
          </tr>
          <!-- END no_post -->
          <tr align="right">
              <td class="catBottom" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="9%" class="noprint"> </td>
                      <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                      <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                    </tr>
                </table>
              </td>
          </tr>
        </table>
        <!-- BEGIN promot_trafic -->
        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
          <tr>
              <td class="catBottom" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
                      <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                    </tr>
                </table>
              </td>
          </tr>
        </table>
        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
          <tr>
              <td class="catBottom" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
                      <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                    </tr>
                </table>
              </td>
          </tr>
          <tr>
              <td class="row2 postbody" valign="top">
                <!-- BEGIN link -->
                t <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a>
                <!-- END link -->
              </td>
          </tr>
        </table>
        <!-- END promot_trafic -->
        <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
              <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
              <!-- BEGIN topicpagination -->
              <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
              <!-- END topicpagination -->
          </tr>
          <!-- BEGIN switch_user_logged_in -->
          <!-- BEGIN watchtopic -->
          <tr>
              <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
          </tr>
          <!-- END watchtopic -->
          <!-- END switch_user_logged_in -->
          <tr>
              <td class="row2" colspan="2" align="center" style="padding:0px">
                <!-- BEGIN switch_user_logged_in -->
                <a name="quickreply"></a>
                {QUICK_REPLY_FORM}
                <!-- END switch_user_logged_in -->
              </td>
          </tr>
          <tr>
              <td style="margin:0; padding: 0;" colspan="2">
                <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                    <tbody>
              <!-- BEGIN show_permissions -->
              <tr>
                <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
                <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
              </tr>
              <!-- END show_permissions -->
              <tr>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                          <!-- BEGIN show_permissions -->
                          <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                          <!-- END show_permissions -->
                      </tr>
                    </table>
                </td>
              </tr>
          </tbody>
                </table>
              </td>
          </tr>
          <tr>
              <td style="margin:0; padding: 0;" colspan="2">
                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                    <tbody>
              <tr>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                          <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                      </tr>
                    </table>
                </td>
              </tr>
          </tbody>
                </table>
              </td>
          </tr>
        </table>
        <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
        <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
          <tr>
              <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
                <span class="nav">
                    <!-- BEGIN switch_user_authpost -->
                    <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                    <!-- END switch_user_authpost -->
                    <!-- BEGIN switch_user_authreply -->
                    <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                    <!-- END switch_user_authreply -->
                </span>
              </td>
              <!-- BEGIN viewtopic_bottom -->
              <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
              <!-- END viewtopic_bottom -->
              <!-- BEGIN moderation_panel -->
              <td align="center">
                <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
              </td>
              <td align="center" width="250">
                <span class="gensmall"> </span>
              </td>
              <!-- END moderation_panel -->
          </tr>
        </table>
        </form>
        <!-- BEGIN viewtopic_bottom -->
        <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
          <tr>
              <td colspan="2" align="left" valign="top" nowrap="nowrap">
    {S_TOPIC_ADMIN}
                <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                    <input type="hidden" name="t" value="{TOPIC_ID}" />
                    <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                    <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
                    <span class="gen">{L_MOD_TOOLS}
    {S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
                </form>
              </td>
          </tr>
        </table>
        <!-- END viewtopic_bottom -->
        <!-- BEGIN switch_image_resize -->
        <script type="text/javascript">
        //<![CDATA[
        $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
        //]]>
        </script>
        <!-- END switch_image_resize -->
        <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
    <div class="user">
                    
                            <div>
                            </div>
                            <p>
                              {postrow.displayed.EDITED_MESSAGE}
                            </p>
                        </div>
                  <div class="postfoot">
                      <div class="user-contact">
                        {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                      </div>
                      <div class="post-options">
                        {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}
                      </div>
                      <div style="clear:both;"></div>
                  </div>
                </div>
            </div>
          </div>
          <hr id="first-post-br" />
          <div class="main-content topic">
                <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
      </div>

Multumesc, o zi buna .

Buna ziua va pot oferii ceva asemanator :

Cod:

<script type="text/javascript">
jQuery(document).ready(function($){
   $('#breadcrumb').append('<li><a href="#"><span>{SITENAME_TITLE}{PAGE_TITLE}</span></a></li>');
   $('ul#skinFilter a').click(function() {
      $(this).css('outline','none');
      $('ul#skinFilter .current').removeClass('current');
      $(this).parent().addClass('current');
      var filterVal = $(this).text().toLowerCase().replace(' ','-');      
      if(filterVal == 'all-skins') {
         $('#skinList .premadeSkin.hide').fadeIn(0).removeClass('hide');
      } else {
         $('#skinList .premadeSkin').each(function() {
            if(!$(this).hasClass(filterVal)) {
               $(this).fadeOut(0).addClass('hide');
            } else {
               $(this).fadeIn(0).removeClass('hide');
            }
         });
      }
      return false;
   });
});
</script>
<script type="text/javascript">//<![CDATA[
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();
      }
   });
});
//]]>
</script>

<div class="p">
<!-- #region TitleBox_Viewtopic_body -->
<div class="ipbfs_titlebox">
<div class="__like right" id="watchtopic" data-isfave="" data-relid="" data-area="topics" data-app="forums">

    </div>
<a class="ipsUserPhotoLink left" href="#">
    <img class="ipsUserPhoto ipsUserPhoto_medium" alt="Foto" src="http://i56.servimg.com/u/f56/17/97/98/69/avatar10.png">
</a>
<div class="ipsBox_withphoto" itemtype="http://schema.org/Article" itemscope="">
    <span class="rating ipsType_smaller" itemtype="http://schema.org/AggregateRating" itemscope="" itemprop="aggregateRating">

        <span id="rating_text" style="display: none;">
            <span id="rating_hits" itemprop="ratingCount">0</span> <span>vot</span>
            <meta content="0" itemprop="ratingValue">            
        </span>
    </span>
   <h1 class="ipsType_pagetitle" itemprop="name">{TOPIC_TITLE}</h1>
   <div class="desc lighter blend_links">
        Started by <span itemprop="creator"><a title="" href="" class="url fn name"><span itemprop="name"></span></a></span>, <span itemprop="dateCreated"> </span>
   </div>
    <span id="tags_search"></span>
    <br>
    <meta content="UserComments:3" itemprop="interactionCount">
      </div></div>
<br>
      </div>
<div class="main paged">
   <div class="paged-hea clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
                <!-- BEGIN switch_user_authreply -->
                  <ul class="topic_buttons">
         <li><a href="{U_POST_REPLY_TOPIC}" title="Reply to this topic" accesskey="r">Reply to this topic</a></li>
             </ul>
      <!-- END switch_user_authreply -->
                        </p>
          <!-- BEGIN switch_user_logged_out -->
          <ul class="topic_buttons">
         <li class="disabled"><span><font><font class="">Please log in to reply</font></font></span></li>
         
         
      </ul>
          <!-- END switch_user_logged_out -->
   </div>
   {POLL_DISPLAY} 
   <div class="main-content topic">
   <div class="main-head clearfix">
      <p class="h2">
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;&nbsp;
         {PAGE_NUMBER}  replies to this topic
      </p>
   </div>
          <div class="pun3">
      <!-- BEGIN postrow -->
          <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
         <!-- BEGIN displayed -->
         <div class="post"{postrow.displayed.THANK_BGCOLOR}>
            <a name="{postrow.displayed.U_POST_ID}"></a>
                          <div id="p{postrow.displayed.U_POST_ID}" class="posthead">
                  <h2>
                  <span class="post_id right ipsType_small desc blend_links">
                      <strong>#{postrow.displayed.COUNT_POSTS}</strong>
                </span>
                                                  <div class="post_username">
                                                          <span class="reset_cursor" style="float: left; margin-top: 13px; margin-right: 10px;cursor: pointer;" data-tooltip="">
                    <img title="Fuera de línea" alt="Offline" src="http://i.imgur.com/bghyx2t.png">
                </span>
                <span class="reset_cursor" style="float: left; margin-top: 13px; margin-right: 10px; margin-left: -17px;cursor: pointer;" data-tooltip="">{postrow.displayed.ONLINE_IMG}</span>
                                                 
                     <div style="float: left; font-size: 16px; font-family: Arial;" class="username">{postrow.displayed.POSTER_NAME}</div>
                                                  </div>
                                                  <span class="data-post">{postrow.displayed.POST_DATE_NEW}</span>
                  </h2>
               </div>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
                <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="user">
                                                  <div class="user-ident"><br />
                                   
                                                          <div class="user-basic-info">
                                                            {postrow.displayed.POSTER_AVATAR}<br /><br />
                                                                    <div class="rank" style="font-weight: 500;">{postrow.displayed.POSTER_RANK_NEW}</div>
                                                                  {postrow.displayed.RANK_IMAGE}
                                                                 
                                                                 
                        </div>
                     </div>
                     <div class="user-info">
                                                       
                        <!-- BEGIN profile_field -->
                                                          <div class="pitmeprofile"><span style=""><span id="perf">  <div class="post_field">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div></div>
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                     </div>
                  </div>

                  <div class="post-entry">
                     <div class="entry-content">
                        <!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                           <!-- END switch_vote -->

                           <!-- BEGIN switch_bar -->
                           <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                              <!-- BEGIN switch_vote_plus -->
                              <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                              <!-- END switch_vote_plus -->

                              <!-- BEGIN switch_vote_minus -->
                              <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                              <!-- END switch_vote_minus -->
                           </div>
                           <!-- END switch_bar -->

                           <!-- BEGIN switch_no_bar -->
                           <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                           <!-- END switch_no_bar -->

                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                           <!-- END switch_vote -->
                        </div>
                        <!-- END switch_vote_active -->   
                                                   
                        <div>
                           <div id="message_{postrow.displayed.U_POST_ID}" style="font: 11px tahoma,helvetica,arial,sans-serif; color: #BCBCBC !important">
                                    {postrow.displayed.MESSAGE}
                                </div>
                                <iframe name="iframe_{postrow.displayed.U_POST_ID}" height="0px" width="0px" frameborder="0"></iframe>
                           <!-- BEGIN switch_attachments -->
                           <dl class="attachbox">
                              <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                              <dd>
                                 <!-- BEGIN switch_post_attachments -->
                                 <dl class="file">
                                    <dt>
                                       <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                       <!-- BEGIN switch_dl_att -->
                                       <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                       <!-- END switch_dl_att -->

                                       <!-- BEGIN switch_no_dl_att -->
                                       {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}
                                       <!-- END switch_no_dl_att -->
                                    </dt>

                                    <!-- BEGIN switch_no_comment -->
                                    <dd>
                                       <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                    </dd>
                                    <!-- END switch_no_comment -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    <dd>
                                       <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                    </dd>
                                    <!-- END switch_no_dl_att -->

                                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                 </dl>
                                 <!-- END switch_post_attachments -->
                              </dd>
                           </dl>
                           <!-- END switch_attachments -->
                           <div class="clear"></div>
                        </div>
                        <p>
                           
                        </p>
                     </div>
                  </div>
               </div>

               <!-- BEGIN switch_signature -->
               <div class="sig-content">
                  {postrow.displayed.SIGNATURE_NEW}
               </div>
               <!-- END switch_signature -->

               <div class="postfoot">
                                              <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
                     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </div>
                  <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
                                                {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </div>
                  <div style="clear:both;">
                                          </div>
                                          </div>
            
         </div>
                                      </div>
         <!-- BEGIN first_post_br -->
      </div>
      <hr id="first-post-br" />
      <div class="main-content topic">
         <!-- END first_post_br -->
         <!-- END displayed -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
      <!-- END postrow -->
                  <br>
   
   </div>
<a name="bottomtitle"></a>

   
</div>
<br />
<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
   </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
   </div>
   <div class="main-content clearfix">
      <!-- BEGIN link -->
      ť&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
   <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
   </div>
   <table class="main-content frm">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules entry-content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
</div>
<!-- END switch_forum_rules -->
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>   
<center>{QUICK_REPLY_FORM}</center>
<!-- END switch_user_logged_in -->
                            <div class="clear clearfix left">
<ul class="topic_share left shareButtons ipsList_inline">
<li><a href="" rel="nofollow" target="_blank" title="Share this link via Twitter" class="_slink" id="slink_twitter"><img src="http://techno-design.esy.es/forum/public/style_extra/sharelinks/twitter.png"></a></li>



<li><a href="" rel="nofollow" target="_blank" title="Share this link via Digg" class="_slink" id="slink_digg"><img src="http://techno-design.esy.es/forum/public/style_extra/sharelinks/digg.png"></a></li>
   

      <li><a href="" rel="nofollow" target="_blank" title="Share this link via Del.icio.us" class="_slink" id="slink_delicious"><img src="http://techno-design.esy.es/forum/public/style_extra/sharelinks/delicious.png"></a></li>
   

      <li><a href="http://techno-design.esy.es/forum/index.php?sharelink=reddit;aHR0cDovL3RlY2huby1kZXNpZ24uZXN5LmVzL2ZvcnVtL2luZGV4LnBocD8vdG9waWMvMjItcmVndWxhbWVudC8,;UmVndWxhbWVudA,," rel="nofollow" target="_blank" title="Share this link via Reddit" class="_slink" id="slink_reddit"><img src="http://techno-design.esy.es/forum/public/style_extra/sharelinks/reddit.png"></a></li>
   

      <li><a href="" rel="nofollow" target="_blank" title="Share this link via StumbleUpon" class="_slink" id="slink_stumble"><img src="http://techno-design.esy.es/forum/public/style_extra/sharelinks/stumble.png"></a></li>
   

      <li><a href="" rel="nofollow" target="_blank" title="Share this link via Email" class="_slink" id="slink_email"><img src="http://techno-design.esy.es/forum/public/style_extra/sharelinks/email.png"></a></li>
   

      <li><a href="" rel="nofollow" target="_blank" title="Print" class="_slink" id="slink_print"><img src="http://techno-design.esy.es/forum/public/style_extra/sharelinks/print.png"></a></li>
   

      <li><a href="" rel="nofollow" target="_blank" title="Download" class="_slink" id="slink_download"><img src="http://techno-design.esy.es/forum/public/style_extra/sharelinks/download.png"></a></li>
   
   </ul>
   

   </div>
                  </br>
 
<style>
.left {
    float: left;
}
ol, ul {
    list-style: none;
}
.ipsList_inline>li:first-child {
    margin-left: 0;
}
.ipsList_inline>li {
    display: inline-block;
    margin: 0 3px;
}
</style>
                     
  <link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
  <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<div id="board_statistics" class="statistics clearfix">
  <h4 class="statistics_head">
  </h4>
  <p class="statistics_brief desc">
    {LOGGED_IN_USER_LIST}
  </p>
</div>
<style>
 #statistics {
  margin-top: -40px;
  margin-bottom: -10px;
  text-align: center !important;
  display: table;
  background: none;
  font-size: 11px;
}
#statistics a {
  color: #fff !important;
}
.statHide{
  display:none !important;
  color:#fff;
}
.statsPers li span a {
  text-decoration: none !important;
}
.statsPers li > span {
  display: inline-block;
  background: #252525;
  color: #fff;
  padding: 5px 9px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin-right: 3px;
    border-bottom: 1px solid #393939;
    border-top: 1px solid #393939;
}
.statsPers li {
  float: left;
  color:#fff;
  margin: 2px 10px;
}
.statsPers {
  list-style: none;
  display: block;
  margin: 0px auto;
  width: 100%;
}
.grup {
  color:#fff;
  border-bottom: 1px solid #393939;
    border-top: 1px solid #393939;
    text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    background: #222 url('http://mixland.ro/forum/public/style_images/ORIGINAL/highlight_reallyfaint.png') repeat-x 0 -1px;
    font-size: 11px;
    font-weight: bold;
    padding: 8px;
    margin: -8px -8px 8px -8px;
}
.statistics {
    margin: 20px 0 0 0;
    padding: 8px;
    line-height: 1.3;
    overflow: hidden;
    border: 1px solid #323232;
}
.statistics_head, .statistics_head a {
color: #fff;
}
.statistics_head {
  border-bottom: 1px solid #393939;
    border-top: 1px solid #393939;
    text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    background: #222 url('http://mixland.ro/forum/public/style_images/ORIGINAL/highlight_reallyfaint.png') repeat-x 0 -1px;
    font-size: 11px;
    font-weight: bold;
    padding: 8px;
    margin: -8px -8px 8px -8px;
}
.statistics .statistics_head:first-of-type {
  border-top: 0;
}
.desc, .desc.blend_links a, p.posted_info {
    font-size: 11px;
    color: #fff;
}
#stat_links {
  font-weight: normal;
}

.right {
  float: right;
}

.ipsList_inline>li:first-child {
  margin-left: 0;
}

.ipsList_inline>li {
  display: inline-block;
  margin: 0 3px;
}
</style>
  <!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
      jQuery('#right').css('display','none');
      jQuery('#content').css('margin-right','0px');
});
</script>
<style>
  #content-container div#content {
margin-right: 0px;
}
</style>
<script type="text/javascript">
    //<![CDATA[
    jQuery(document).ready(function(){
        var target = $('.post:first');
        target.find('div.postbody').find('strong:contains("Relembrando a primeira mensagem")').closest('div.main-content.topic').hide();
        var imgdata = target.find('div.user-basic-info');
        var autor_dat = target.find('div.username');
        var autor_url = autor_dat.attr('href');
        var autor_txt = autor_dat.text();
        var date = target.find('span.data-post').html();
        var topic_title = '{TOPIC_TITLE}';
        var tags = topic_title.split(' ');
        var follow = '{S_WATCH_TOPIC}';
       
        $('.ipsUserPhotoLink.left').attr('href', imgdata.find('a').attr('href'));
        $('.ipsUserPhoto.ipsUserPhoto_medium').attr('src', imgdata.find('img').attr('src'));
        $('span[itemprop="creator"]').find('a').attr('title', autor_txt).attr('href', autor_url);
        $('span[itemprop="name"]').text(autor_txt);
        $('span[itemprop="dateCreated"]').html(date);
       
        /* Eliminar valores duplicados en el array!
        -> Si usted encuentra algo mejor que esto, por favor suguieralo.*/
        tags = tags.filter(
            function(a){
                if (!this[a]) {
                    this[a] = 1;
                    return a;
                }
            }
        );
        /* Establece búsqueda de etiquetas ...*/
        $.each(tags, function(index, data) {
            if(data.length > 4) {
                $('#tags_search').append(
                    '<a id="tag_search_' + index + '" class="ipsTag" title="Localizar mas Aportes con la tag ' + data + '" href="/search?search_keywords=' + data + '">' +
                    '    <span>' + data + '</span>' +
                    '</a>'
                );
            }
        });
        /* Whatch topic */
        <!-- BEGIN switch_user_logged_in -->
       
        <!-- END switch_user_logged_in -->
       
        var target = $('.main-content.topic').find('div.post');
        target.each(function(index) {
            var oThis = $(this);
            var userImg = oThis.find('div.user-basic-info a');
            var memberTitle = oThis.find('p.desc.member_title');
            var urlID = oThis.find('.username a').attr('href');
            var target = oThis.find('div.user-basic-info').text();
            var IsSuper = (target.search(/administrador/i) + 1) + (target.search(/moderador/i) + 1) + (target.search(/punbb/i) + 1);
            /* Sets default avatar... */
            if (userImg.find('img').length == 0) {
                userImg.html('<img src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png" alt="User image">');
            }
            /* field_id1 (Título) = First field added to the perfil! */
            $.get(urlID, function(data){
                var userTitle = $.trim($('#field_id1', data).find('div.field_uneditable').text());
                var posts = $('#field_id-6', data).find('div.field_uneditable').text();
                if (IsSuper <= 0) {
                    if (posts <= 99){
                        memberTitle.text('Membro');
                    } else if (posts >= 100 && posts < 200) {
                        memberTitle.text('Membro Nível 1');
                    } else if (posts >= 200 && posts < 300) {
                        memberTitle.text('Membro Nível 2');
                    } else if (posts >= 300 && posts < 500) {
                        if(userTitle == '-') {memberTitle.text('Membro Nível 3');}
                    } else if (posts >= 500) {
                        if(userTitle == '-') {memberTitle.text('Membro Avançado');}
                    }
                } else {
                    if(userTitle != '-') {memberTitle.text(userTitle);}
                }
                /*conjuntos de estado*/
                /*console.log($.trim($('#user_status', data).text()));*/
                if($.trim($('#user_status', data).text()) == 'conectado') {
                    oThis.find('span.ipsBadge').html('online').addClass('ipsBadge_green').removeClass('ipsBadge_lightgrey');
                } else {
                    oThis.find('span.ipsBadge').html('offline').addClass('ipsBadge_lightgrey').removeClass('ipsBadge_green');
                };
            });
        });
    });
    /* Editar Mensajes*/
    function edit_message(topic_ID, post_ID){
        /* This load and read all form fields Ż| */
        $('#' + topic_ID).load('/post?p=' + post_ID + '&mode=editpost' + ' .main .frm-form', function() {
            var msgID = $('#' + topic_ID);
            msgID.find('.main-head.clearfix').remove();
            msgID.find('.frm-set.multi > dl').hide();
            msgID.find('#textarea_content dt:last').show();
            msgID.find('.frm-set.multi').css('border-bottom', '0px');
            msgID.find('.frm-set > dl').hide();
            msgID.find('.frm-buttons').css('border-top', '0');
            msgID.find('.main').hide();
            msgID.find('.frm-form').attr('target','iframe_' + post_ID).submit(function(){var time=setTimeout("edited()",1000);});
            msgID.find('input[name=post]').css('margin-left', '-225px');
            msgID.find('input[name=preview]').css('margin-left', '120px').attr('value', 'Cancelar');
        });
    }
    function edited(){window.location.reload()}     
    //]]>
</script>
                          </div>
<style type="text/css">
   <!--
  .pun .post {
    background-color: #111;
    border-style: solid none;
    border-width: 2px 0 1px;
}
  .column_view .post_wrap {
    background: #111;
}
  .ipbfs_titlebox {
    background: #202020;
    border: 1px solid #242424;
    border-top: 1px solid #303030;
    text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    overflow: hidden;
}
/*viewTopic*/
        .topicViewIcons {
        overflow: hidden;
        position: relative;
        padding-bottom: 1px;
        margin: -3px 10px -5px 0;
        float: left;
        }
        .topicViewIcons a {
        cursor: pointer;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: left;
        width: 22px;
        height: 22px;
        text-decoration: none;
        text-align: center;
        outline: none;
        margin-right: 5px;
        opacity: 0.6;
        }
        .topicViewIcons a:hover {
          background:url("http://i72.servimg.com/u/f72/18/07/42/17/trans110.png") repeat;
          background:rgba(0,0,0,0.1);
          opacity:0.8
        }
        .topicViewIcons #topicViewRegular.active img {
        background-position: 0 -16px;
        }
        .topicViewIcons a.active {
        background: url("http://i72.servimg.com/u/f72/18/07/42/17/trans510.png") repeat;
        background: rgba(0,0,0,0.5);
        -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.3) 0px 1px 0px;
        -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.3) 0px 1px 0px;
        box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.3) 0px 1px 0px;
        opacity: 1;
        }
        .topicViewIcons #topicViewRegular img {
        background-position: 0 0;
        }
        .topicViewIcons img {
        opacity: 1!important;
        vertical-align: top;
        margin-top: 4px;
        width: 16px;
        height: 16px;
        background: url("http://i72.servimg.com/u/f72/18/07/42/17/topicv10.png") no-repeat;
        }
        .topicViewIcons #topicViewBasic.active img {
        background-position: -16px -16px;
 
        }
  /*viewtopic_body*/
.pun .post{ 
  border:1px solid #232323;   
  background:#111;
  border-right: 1px solid #232323;
  }
  .pun .posthead { 
  border-bottom:1px solid #232323; 
  text-shadow:0px -1px 0px rgba(0,0,0,0.4); 
  background:url("http://i.imgur.com/fhBThvj.png") repeat-x scroll 0px -1px #111;
  padding:0px 10px;
  height:36px;
  line-height:36px;
  font-weight:normal;
  font-size:13px;
  overflow:hidden
  }
  .pun .postmain{
  background-color:#111;
  border-left: 1px solid #232323; 
  padding:12px
  }
  .post_username{
  float:left;
  font-weight:bold;
  min-width:200px
  }
.topic_buttons li {
    float: right;
    margin: 0px 0px 10px 10px;
}
.topic_buttons li a {
    background: url('http://i68.servimg.com/u/f68/19/30/30/09/mainti10.png') repeat-x scroll 0px 0px #242424;
      -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px;
    -moz-box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px;
    box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px;
    color: #fff;
    text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
    font: bold 11px/1.3 Tahoma, Helvetica, Arial, sans-serif;
    line-height: 32px;
    height: 32x;
    padding: 0 10px;
    text-align: center;
    min-width: 125px;
    display: inline-block;
    cursor: pointer;

} 
 
  .topic_buttons li span, .ipsButton {
background: #f4f4f4 url('http://www.ipbfocus.com/skindemo/public/style_images/dash/highlight_strong.png') repeat-x 0 -1px;
background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
border: 1px solid #c0c2c3;
color: #414141;
text-shadow: #fff 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
line-height: 34px;
height: 34px;
padding: 0 20px;
text-align: center;
min-width: 70px;
display: inline-block;
cursor: pointer;
}
  .topic_buttons li {
float: right;
margin: 0 0 10px 10px;
}
  .topic_buttons li span {
cursor: default !important;
}
.topic_buttons li.disabled a, .topic_buttons li.disabled span {
background: #ebebeb;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
border: 0;
color: #7f7f7f;
}

  .desc {
    color: #898989 !important;
    font-size: 11px !important;
}
.desc.lighter, .desc.lighter.blend_links a {
    color: #A4A4A4 !important;
}
.data-post {
    color: #777 !important;
    font-size: 11px;
    font-weight: normal;
} 
  .post_online {
    display: inline-block;
    float: left;
    min-width: 60px;
}
    .right {
        float: right;
    }
    .left {
        float: left;
    }
    .ipsBox_withphoto {
        margin-left: 65px;
    }
    .ipsUserPhoto_medium {
        height: 50px;
        width: 50px;
    }
    .ipsUserPhoto {
    background: none repeat scroll 0% 0% #393939;
    padding: 1px;
    margin-top: 10px;
    border-radius: 100px!important;
    border: 1px solid #515151 !important;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
    .ipsUserPhotoLink:hover .ipsUserPhoto {
        opacity:0.8;
    }
    .rating {
        display: block;
        line-height: 16px;
        margin-bottom: 4px;
    }
    .ipsType_smaller, .ipsType_smaller a {
        font-size: 11px !important;
    }
    .rating img {
        vertical-align: top;
    }
    #rating_text {
        margin-left: 4px;
    }
    .ipsType_pagetitle, .ipsType_subtitle {
        color: #EAEAEA;
        font: 300 26px/1.4 Helvetica,Arial,sans-serif;
    }
    .desc.lighter, .desc.lighter.blend_links a {
        color: #A4A4A4;
    }
    .desc, .desc.blend_links a, p.posted_info {
        color: #777777;
        font-size: 12px;
    }
.ipsTag {
    display: inline-block;
    background: url('http://i.imgur.com/S3XPZLC.png') repeat scroll 0% 0% transparent;
    height: 20px;
    line-height: 20px;
    padding: 0px 7px 0px 15px;
    margin: 5px 5px 0px 0px;
    font-size: 11px;
    color: #FFF !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
    border-radius: 0px 3px 3px 0px;
}
    .ipsButton_secondary {
        background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
        border: 1px solid #DBDBDB;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);
        color: #616161;
        display: inline-block;
        font-size: 12px;
        height: 22px;
        line-height: 22px;
        padding: 0 10px;
        transition: all 0.2s ease-in-out 0s;
        white-space: nowrap;
    }
    .ipsButton_secondary:hover {
        border-color: #9A9A9A;
        color: #4C4C4C;
    }
    .ipsButton_extra {
        color: #5C5C5C;
        font-size: 11px;
        height: 22px;
        line-height: 22px;
        margin-left: 5px;
    }
    .clickable {
        cursor: pointer;
    }
 
    -->
</style>
<!-- #endregion TitleBox_Viewtopic_body -->

<!-- #region: member_title -->
<style type="text/css">
<!--
.author_info .member_title {
    margin-bottom: 5px;
    word-wrap: break-word;
}
.desc, .desc.blend_links a, p.posted_info {
    color: #777777;
    font-size: 12px;
}
 .pun .topic {
    background: #181818;
    border: 0px solid;
    border-style: none solid;
}
.pun .main-content {
    background-color: #191919;
    border: 0px solid;
}
  /*avatar*/
  .user-basic-info a img:hover{
  opacity: 0.5;
  border: 2px solid #00569C;
  max-height:200px;
  max-width:170px;
  padding:1px;
  box-shadow:0px 2px 2px rgba(0,0,0,0.1)
  border-radius: 100px!important;
  }
.user-basic-info a img{
  border: 2px solid #00569C;
  max-height:200px;
  max-width:170px;
  padding:1px;
  box-shadow:0px 2px 2px rgba(0,0,0,0.1)
  border-radius: 100px!important;
  }
 .pun .post .user{
  background: #111;
  float:left;
  margin-left:-210px;
  margin-top:-1.0em;
  position:relative;
  text-align:center;
  line-height:159%;
  font-size:12px
  }
/*firma*/
.pun .sig-content{
  clear:right;
  padding:10px;
  position:relative;
  border-top:1px solid #19191a;
  margin:6px 0px 4px;
  font-size:0.9em;
  margin-right:-12px;
  margin-left:-12px
  }
  .pun .sig-content br{
  display:none
  }
/*postfot final del post*/
.postfoot{
  clear:both;
  margin-left:-260px;
  padding:7px;
  text-align:right;
  background: #222;
    border-top: 1px solid #2b2b2b;
  margin: 0 -12px -12px -213px;
  }
  .pun .paged-foot, .pun .paged-head {
    background-color: #191919;
    border: 1px solid #191919;
    padding: .6em 1.3em .3em;
}
  .pun .frm-form {
    background: none;
    border: none;
}
    -->
</style>
<!-- #endregion: member_title -->

Numai bine !

Mda,dacă asta este ceva asemănător...Uite ce mi-a dat Poză ...Aștept un cod corect.

Datimi link de la forumul respectiv in PM pentru a va oferii ce doriti .

Ti-am dat.

Buna seara,

Codul viewtopic_body:

Cod:

<script type="text/javascript">
//<![CDATA[
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(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
   
   return false;
};

//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>      
      <td class="nav" valign="middle" width="100%">
         <span class="nav">
                <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
            </span>
      </td>      
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
         </span>
         <!-- END switch_twitter_btn -->
         
         <!-- BEGIN switch_fb_likebtn -->         
         <script>(function(d, s, id) {
           var js, fjs = d.getElementsByTagName(s)[0];
           if (d.getElementById(id)) return;
           js = d.createElement(s); js.id = id;
           js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
           fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));</script>   
         <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
         <!-- END switch_fb_likebtn -->
         
         <span class="gensmall bold">
            <a class="addthis_button" href="#">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
            &nbsp;|&nbsp;
            <script type="text/javascript">//<![CDATA[
               var url_favourite = '{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}';
               insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
   <tr align="right">
      <td class="catHead" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint">&nbsp;</td>
               <td align="center" class="t-title">
                  <h1 class="cattitle">&nbsp;{TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
   <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="new-profile {postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <h3><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"><strong>{postrow.displayed.POSTER_NAME}</strong></a></h3>
         <span class="postdetails poster-profile">
                          {postrow.displayed.POSTER_AVATAR}<br />
                          {postrow.displayed.RANK_IMAGE}<br />
            <!-- BEGIN profile_field -->
                          <div class="invision-topic-listItem">
                            <span class="st">{postrow.displayed.profile_field.LABEL}</span> <span class="dr">{postrow.displayed.profile_field.CONTENT}</span>
                          </div>
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span><br />
         <img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {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}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                     <div>{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {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}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->

                     <div class="clear"></div>
                     <!-- BEGIN switch_signature -->
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>
                     <!-- END switch_signature -->

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="2" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint">&nbsp;</td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row2 postbody" valign="top">
         <!-- BEGIN link -->
         ť&nbsp;<a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
   <tbody>
      <tr>
         <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <td valign="top">
                        <div class="cattitle">&nbsp;{L_FORUM_RULES}</div>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td class="row1 clearfix">
            <table>
               <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                     <img src="{RULE_IMG_URL}" alt="" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                     {RULE_MSG}
                  </td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>

      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall">&nbsp;</span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

Codul CSS:

Cod:

.invision-topic-listItem {
    display: block;
    height: 40px;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    width: 170px;
    position: relative;
    color: #555;
    cursor: pointer;
    border-bottom: 1px dashed darkblue;
}

.invision-topic-listItem span.st {
    float: left;
}

.invision-topic-listItem .dr {
    float: right;
}

.invision-topic-listItem .st, .invision-topic-listItem .dr {
    display: inline-block;
}

td.new-profile {
    text-align: center;
    padding: 15px !important;
}

.new-profile h3 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    text-decoration: none;
    display: block;
    line-height: 1.2;
    word-wrap: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-hyphens: initial;
    margin-bottom: 3px;
}

.new-profile h3 a {
    text-decoration: none;
    text-transform: inherit;
}

Imi pare rau ca va raspund asa, insa sunt foarte ocupat.

O seara buna.

Este cat de cat acelasi , dar nu-mi apare rank-ul si vreau sa fie fix acele imagine(sau sa se asemene cat de cat).

Buna ziua,

Codul viewtopic_body:

Cod:

<script type="text/javascript">
//<![CDATA[
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(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
        
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
 {
 if( $(this).is(":visible") )
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 }
 else
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    }
    catch(e) { }
    
 return false;
};

//]]>
</script>
<script src="https://use.fontawesome.com/06b322f46c.js"></script>
<table width="100%" border="0" cellspacing="2" cellpadding="0">
 <tr>
 <td align="left" valign="middle" nowrap="nowrap">
 <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>
 </td>
 <td class="nav" valign="middle" width="100%">
 <span class="nav">
                <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
            </span>
 </td>
 <td align="right" valign="bottom" nowrap="nowrap" width="100%">
 <!-- BEGIN switch_twitter_btn -->
 <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
 </span>
 <!-- END switch_twitter_btn -->
 
 <!-- BEGIN switch_fb_likebtn -->
 <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
 <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
 <!-- END switch_fb_likebtn -->
 
 <span class="gensmall bold">
 <a class="addthis_button" href="#">{L_SHARE}</a>
 <!-- BEGIN switch_plus_menu -->
 &nbsp;|&nbsp;
 <script type="text/javascript">//<![CDATA[
 var url_favourite = '{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}';
 insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
 </script>
 <!-- END switch_plus_menu -->
 </span>
 </td>
 </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
 <tr align="right">
 <td class="catHead" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="9%" class="noprint">&nbsp;</td>
 <td align="center" class="t-title">
 <h1 class="cattitle">&nbsp;{TOPIC_TITLE}</h1>
 </td>
 <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
 <!-- BEGIN topicpagination -->
 <tr>
 <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END topicpagination -->
 {POLL_DISPLAY}
 <tr>
 <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
 <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
 </tr>
 <!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <tr>
 <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
 </tr>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
 <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="new-profile {postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 <h3><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"><strong>{postrow.displayed.POSTER_NAME}</strong></a></h3>
 <span class="postdetails poster-profile">
                          {postrow.displayed.POSTER_AVATAR}<br />
                          {postrow.displayed.RANK_IMAGE}<br />
                          <div class="invision-topic-listItem">
                            <span class="st"><i class="fa fa-user"></i> Group:</span> <span class="dr">{postrow.displayed.POSTER_RANK}</span>
                          </div>
 <!-- BEGIN profile_field -->
                          <div class="invision-topic-listItem">
                            <span class="st">{postrow.displayed.profile_field.LABEL}</span> <span class="dr">{postrow.displayed.profile_field.CONTENT}</span>
                          </div>
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
 </span><br />
 <img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
 </td>
 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
 <td valign="top" nowrap="nowrap" class="post-options">
 {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}
 </td>
 </tr>
 <tr>
 <td colspan="2" class="hr">
 <hr />
 </td>
 </tr>
 <tr>
 <td colspan="2">
 <!-- BEGIN switch_vote_active -->
 <div class="vote gensmall">
 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
 <!-- END switch_vote -->

 <!-- BEGIN switch_bar -->
 <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
 <!-- BEGIN switch_vote_plus -->
 <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
 <!-- END switch_vote_plus -->

 <!-- BEGIN switch_vote_minus -->
 <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
 <!-- END switch_vote_minus -->
 </div>
 <!-- END switch_bar -->

 <!-- BEGIN switch_no_bar -->
 <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
 <!-- END switch_no_bar -->

 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
 <!-- END switch_vote -->
 </div>
 <!-- END switch_vote_active -->

 <div class="postbody">

 <div>{postrow.displayed.MESSAGE}</div>

 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
 <dd>
 <!-- BEGIN switch_post_attachments -->
 <dl class="file">
 <dt>
 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

 <!-- BEGIN switch_dl_att -->
 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
 <!-- END switch_dl_att -->

 <!-- BEGIN switch_no_dl_att -->
 {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}
 <!-- END switch_no_dl_att -->
 </dt>

 <!-- BEGIN switch_no_comment -->
 <dd>
 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
 </dd>
 <!-- END switch_no_comment -->

 <!-- BEGIN switch_no_dl_att -->
 <dd>
 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
 </dd>
 <!-- END switch_no_dl_att -->

 <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
 </dl>
 <!-- END switch_post_attachments -->
 </dd>
 </dl>
 <!-- END switch_attachments -->

 <div class="clear"></div>
 <!-- BEGIN switch_signature -->
 <div class="signature_div">
 {postrow.displayed.SIGNATURE}
 </div>
 <!-- END switch_signature -->

 </div>
 <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
 </td>
 </tr>
 </table>
 </td>
 </tr>
 <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
 <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>
 </td>
 <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="middle">
 {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
 </td>
 </tr>
 </table>
 </td>
 </tr>
 <!-- BEGIN first_post_br -->
</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
 <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
 </tr>
 <!-- END first_post_br -->
 <!-- END displayed -->
 <!-- END postrow -->
 <!-- BEGIN no_post -->
 <tr align="center">
 <td class="row1" colspan="2" height="28">
 <span class="genmed">{no_post.L_NO_POST}</span>
 </td>
 </tr>
 <!-- END no_post -->
 <tr align="right">
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="9%" class="noprint">&nbsp;</td>
 <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
 <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
 <tr>
 <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
 <!-- BEGIN topicpagination -->
 <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
 <!-- END topicpagination -->
 </tr>
 <!-- BEGIN switch_user_logged_in -->
 <!-- BEGIN watchtopic -->
 <tr>
 <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
 </tr>
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
 <tr>
 <td class="catBottom" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td>
 <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
 <tr>
 <td class="catBottom" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td>
 <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
 <tr>
 <td class="row2 postbody" valign="top">
 <!-- BEGIN link -->
 ť&nbsp;<a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
 <!-- END link -->
 </td>
 </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
 <tbody>
 <tr>
 <td class="catBottom">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tbody>
 <tr>
 <td valign="top">
 <div class="cattitle">&nbsp;{L_FORUM_RULES}</div>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
 <tr>
 <td class="row1 clearfix">
 <table>
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo">
 <img src="{RULE_IMG_URL}" alt="" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules postbody">
 {RULE_MSG}
 </td>
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td class="row2" colspan="2" align="center" style="padding:0px">
 <!-- BEGIN switch_user_logged_in -->
 <a name="quickreply"></a>
 {QUICK_REPLY_FORM}<br />
 <!-- END switch_user_logged_in -->
 </td>
 </tr>
 <tr>
 <td style="margin:0; padding: 0;" colspan="2">
 <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
 <tbody>
 <!-- BEGIN show_permissions -->
 <tr>
 <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
 <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
 </tr>
 <!-- END show_permissions -->
 <tr>
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
 <!-- BEGIN show_permissions -->
 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
 <!-- END show_permissions -->
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
 <tr>
 <td style="margin:0; padding: 0;" colspan="2">
 <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
 <tbody>
 <tr>
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
 <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>
 </td>

 <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>

 <!-- BEGIN moderation_panel -->
 <td align="center">
 <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
 </td>
 <td align="center" width="250">
 <span class="gensmall">&nbsp;</span>
 </td>
 <!-- END moderation_panel -->
 </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
 <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
 <input type="hidden" name="t" value="{TOPIC_ID}" />

 <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
 <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

 <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
 </td>
 </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

Codul CSS:

Cod:

 
.invision-topic-listItem {
    display: block;
    height: 40px;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    width: 170px;
    position: relative;
    color: #555;
    cursor: pointer;
    border-bottom: 1px dashed darkblue;
}
.invision-topic-listItem span.st {
    float: left;
}
.invision-topic-listItem .dr {
    float: right;
}
.invision-topic-listItem .st, .invision-topic-listItem .dr {
    display: inline-block;
}
td.new-profile {
    text-align: center;
    padding: 15px !important;
}
.new-profile h3 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    text-decoration: none;
    display: block;
    line-height: 1.2;
    word-wrap: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-hyphens: initial;
    margin-bottom: 3px;
}
.new-profile h3 a {
    text-decoration: none;
    text-transform: inherit;
}

.invision-topic-listItem i {
    background-color: #333;
    height: 25px;
    width: 25px;
    line-height: 25px;
    border-radius: 50%;
    position: relative;
    right: 3px;
    transform: rotateY( 0deg );
    transition: color .5s ease-in-out, transform 1s cubic-bezier(0.18, 0.46, 0.57, 1.35), background-color .2s ease-in-out .3s;
}

.invision-topic-listItem:hover i{color:white;background-color:#2696FF;transform:rotateY( 360deg );}

Panou > Module > HTML & JAVASCRIPT > Gestiunea codurilor javascript > Creati un nou cod JavaScript

• Titlu: Mesaje
  
• Amplasare: Topicuri
  
• Cod:
  
  

  Cod:

  $(function() {
 $('.post .new-profile').each(function() {
 $('.invision-topic-listItem', this).each(function(i, value) {
 $('.st', this).html(function() {
 return this.innerHTML.replace(/(\w*) : /g, "$1:");
 });
 
 $('.st:contains("Mesaje")', value).html('<i class="fa fa-comments"></i> Posts:');
                   $('.st:contains("Puncte")', value).html('<i class="fa fa-plus-circle"></i> Points:');
                   //$('.st:contains("Mesaje")', value).html('<i class="fa fa-comments"></i> Posts:');
 });
 });
});

  
  

Rezultat final:
https://imgur.com/a/JBzs8

Uite cum arată Poză ...
Vreau să fie ca acolo .

Am testat codurile date de colegul meu,la mine functioneaza perfect

Problema este in continuare de la tine,ori nu urmaresti cu atentie instructiunile date.

Buna ziua,
Va rog sa lasa-ti aici link catre forumul dvs pe care intampinati problema.
Template trebuie sa fie instalat pentru a putea vedea erorile.

Buna ziua , Forum.
Eu folosesc phpBB2..