Postagem com capa

Detalhes da questão

Endereço do fórum: http://cheatsgo.forum-pro.net
Versão do fórum: PunBB

Descrição

Olá galera da forumeiros

é o seguinte venho trabalhando na visualização de postagem com capa na base deste tutorial : https://ajuda.forumeiros.com/t96843-

Como ja conseguir deixar:
link da página: http://cheatsgo.forum-pro.net/t109-

gostaria de corrigir os bugs, pois não estou conseguindo corrigir - los

meu code :

Código:

<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 = { };
    }
    _atc.cwait = 0;
    $('.addthis_button').mouseup(function() {
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
            addthis_close();
        }
    });
});

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>

<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="pun-crumbs noprint clearfix">
   <span class="crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC}&nbsp;»&nbsp;
      <strong><a href="{TOPIC_URL}" itemprop="url"><span itemprop="title">{TOPIC_TITLE}</span></a></strong>
    </span>
    <div class="right">
        <!-- BEGIN switch_twitter_btn -->
        <span>
            <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 = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));</script>
        <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
        <!-- END switch_fb_likebtn -->
    </div>
</div>

<div class="main paged">
   <div class="paged-head clearfix">
                        <h1>{TOPIC_TITLE}</h1>
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
         <!-- END switch_user_authpost -->

         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
         <!-- END switch_user_authreply -->
      </p>
   </div>
   {POLL_DISPLAY}
   <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;
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
   </div>

   <div class="main-content topic">
      <!-- BEGIN postrow -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
         <!-- BEGIN displayed -->
           <div id="postprofile_mod_shek" class="postbody {postrow.displayed.THANK_BGCOLOR}">
      <table colspan="2" class="postprofile_mod_fa" id="profile{postrow.displayed.U_POST_ID}" width="100%">
      <tr>
            <td class="information_member_post">
                  <dt><h4 class="username">{postrow.displayed.POSTER_NAME} {postrow.displayed.ONLINE_IMG}</h4><br />
                    <div class="avatarblg">{postrow.displayed.POSTER_AVATAR}</div><br />
                             
                  </dt>
          </td>
     
          <td class="details_member_profile online">
            <div class="profile_cust">     
                <dd>
                {postrow.displayed.POSTER_RPG}
                  </dd><br>
                  <dd>
                {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </dd>
          </div>
          </td>
      </tr>
    </table>
      </div>
                           
      <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <a name="{postrow.displayed.U_POST_ID}"></a>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>

               <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>

               </div>

               <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>

                  <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>
                           {postrow.displayed.MESSAGE}
                           <!-- BEGIN switch_attachments -->
                           <div class="clear"></div>
                           <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>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</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>
                        <p>
                           {postrow.displayed.EDITED_MESSAGE}
                        </p>
                     </div>
                  </div>
               </div>
<div class="optcpost">
                              <div class="Rankpost">{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</div>
                              <!-- BEGIN profile_field -->
                              <div class="propost">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
                <!-- END profile_field -->
                            </div>
               <!-- BEGIN switch_signature -->
               <div class="sig-content">
                  <span class="sig-line"></span>
                  {postrow.displayed.SIGNATURE_NEW}
               </div>
               <!-- END switch_signature -->

               <div class="postfoot clearfix">
                  
                  <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
                     {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>
            </div>
         </div>
         <!-- END displayed -->
      <!-- END postrow -->
   </div>

<!-- 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}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
</div>
<!-- END promot_trafic -->

   <div class="clear"></div>
   <br />

   <div class="main-content" id="blog_comments">
      <!-- BEGIN comment -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{comment.hidden.MESSAGE}</p>
         <!-- END hidden -->
         <!-- BEGIN displayed -->
         <div class="post post--{comment.displayed.U_POST_ID}"{comment.displayed.THANK_BGCOLOR} style="{comment.displayed.DISPLAYABLE_STATE}">
<style>.user-basic-info:hover > .user-info {display:block;}</style>
                          <a name="{comment.displayed.U_POST_ID}"></a>
            <div style="background-color: #FFF;" class="postmain"><div id="p{comment.displayed.U_POST_ID}" class="posthead"{comment.displayed.THANK_BGCOLOR}>
               <div class="user-basic-info">
                  {comment.displayed.POSTER_AVATAR}
               </div>
               <!--<div class="h3">
                  <div class="blog_comment-title">
                     <a href="{comment.displayed.POST_URL}" name="{comment.displayed.U_POST_ID}">{comment.displayed.POST_SUBJECT}</a>
                  </div>
               </div>-->
                                  <!-- <p class="author">&nbsp;--><div style="float: left; font-size: 13px; font-family: Arial; font-weight: bold; padding-right: 5px;" class="username">{comment.displayed.POSTER_NAME}</div> <div class="datepost">{comment.displayed.POST_DATE_NEW}</div>
               <div class="clearfix"></div>
            </div>
                          </div>
            <div class="postbody"{comment.displayed.THANK_BGCOLOR}>

               <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="{comment.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                        <!-- END switch_vote -->

                        <!-- BEGIN switch_bar -->
                        <div class="vote-bar" title="{comment.displayed.switch_vote_active.L_VOTE_TITLE}">
                           <!-- BEGIN switch_vote_plus -->
                           <div class="vote-bar-plus" style="height:{comment.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:{comment.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="{comment.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="{comment.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                        <!-- END switch_vote -->
                     </div>
                     <!-- END switch_vote_active -->
                     <div>
                        {comment.displayed.MESSAGE}
                        <!-- BEGIN switch_attachments -->
                        <div class="clear"></div>
                        <dl class="attachbox">
                           <dt>{comment.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                           <dd>
                              <!-- BEGIN switch_post_attachments -->
                              <dl class="file">
                                 <dt>
                                    <img src="{comment.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

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

                                    <!-- BEGIN switch_no_dl_att -->
                                    {comment.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {comment.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_no_dl_att -->
                                 </dt>

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

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

                                 <dd>({comment.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {comment.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                              </dl>
                              <!-- END switch_post_attachments -->
                           </dd>
                        </dl>
                        <!-- END switch_attachments -->
                     </div>
                     <p>
                        {comment.displayed.EDITED_MESSAGE}
                     </p>
                  </div>
               </div>
            </div>

            <div class="postfoot clearfix">
               <div class="post-options">
                  {comment.displayed.THANK_IMG} {comment.displayed.MULTIQUOTE_IMG} {comment.displayed.QUOTE_IMG} {comment.displayed.EDIT_IMG} {comment.displayed.DELETE_IMG} {comment.displayed.IP_IMG} {comment.displayed.REPORT_IMG}
               </div>
            </div>
         </div>
         <!-- END displayed -->
      <!-- END comment -->
</br>
</br>
      <!-- BEGIN no_comment -->
      <div class="post">
         <div class="postbody no_comment">
            <p style="text-align:center">{no_comment.L_NO_COMMENT}</p>
         </div>
      </div>
      <!-- END no_comment -->

      <div class="main-foot 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="#top">{L_BACK_TO_TOP}</a>&nbsp;&nbsp;
            {L_MESSAGE} [{PAGE_NUMBER}]
         </p>
         <p class="options">
            <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}" />

            <!-- BEGIN viewtopic_bottom -->
            {S_TOPIC_ADMIN}
            <!-- END viewtopic_bottom -->
         </p>
      </div>

      <a name="bottomtitle"></a>

      <div class="paged-foot clearfix">
         <!-- BEGIN topicpagination -->
         <p class="paging">{PAGINATION}</p>
         <!-- END topicpagination -->
         
      </div>

   </div>
</div>



<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<div id="pun-info" class="main">
   <div class="main-content">
      <div id="stats">
         <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
      </div>
   </div>
</div>

<!-- 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>
        <style type="text/css"> 
div#container {
    margin-left: 15%;
}

.container.clearfix {
    margin-left: 40% !important;
}
         
.optcpost {
    background-color: #000;
    color: #FFF;
    margin: -124px 0px 0px -11px;
    padding: 10px 44px 10px 15px;
    border: 0;
    box-shadow: none;
    width: 1016px;
    border-top: 1px solid #282B2C;
    display: block !important;
    margin-bottom: -50px;
    position: relative !important;
}
        .optcpost  {
    display: block;
    border-bottom: none;
    min-height: 55px;
    position: relative;
}
       



.optcpost:before {
    border-bottom: 6px solid #646464;
    border-left: 6px solid rgba(0, 0, 0, 0);
    content: " ";
    display: block;
    height: 0;
    line-height: 0;
    margin: -17px 0 0 -15px;
    position: absolute;
    width: 0;
}


.optcpost:after {
    border-top: 6px solid #646464;
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: " ";
    display: block;
    height: 0;
    line-height: 0;
    margin: 8px 0 0 1px;
    position: absolute;
    width: 0;
    right: 0;
    bottom: -6px;
}
          .Rankpost {
    float: left;
    margin: 10px 0 0px 85px;
}
          .propost {
    width: 60px;
    float: right;
    margin-left: 15px;
    margin-top: 9px;
}
.propost {
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 1px rgba(255, 255, 255, .4), inset 0 0 1px rgba(0, 0, 0, .11), inset 0 2px 5px rgba(0, 0, 0, .2);
    margin: 0px 0 0 10px;
    padding: 8px;
    background-color: rgb(30, 30, 30);
    border-radius: 5px;
    min-width: 75px;
    display: inline-block;
    text-align: right;
    height: 35px;
    font-size: 16px;
    text-align: justify;
}
          .postbody table td {
    border: none !important;
}

td.information_member_post {
    background-image: url("https://play.google.com/static/client/images/2187464193-app-header-stripes.gif");
    background: #202324;
    height: 240px;
    width: 292px;
    position: absolute;
    padding: 11px !important;
    border-radius: 0 !important;
    margin: -2px 0px 0 -3px;
}

h4.username {
    margin-left: -12px;
    margin-top: 1vw;
    width: 94%;
    -moz-border-radius: .4vw;
    -webkit-border-radius: .4vw;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.35);
    padding: 0.4vw 0.4vw 0.4vw 2.4vw;
    text-align: -webkit-center;
}
.avatarblg a img {
    width: 150px;
    height: 150px;
    margin: 0 0 0 68px;
    border-radius: 100%;
    border: #000 solid 3px;
    box-shadow: -3px 0px 0px 2px rgba(255, 255, 255, 0.06);
}
.postfoot.clearfix {
    border: none !important;
}
.pun .postfoot .user-contact {
    padding: 5px
}

.pun .postfoot .post-options img {
    border-right: 1px solid #F0F0F0
}

.pun .postfoot .post-options img:hover {
    opacity: .8
}
          div.user-basic-info a img {
    -moz-box-shadow: 0 0 .3vw rgba(0,0,0,0.4);
    -webkit-border-radius: 1vw;
    -webkit-box-shadow: 0 0 .3vw rgba(0,0,0,0.4);
    background: #FFF;
    border-radius: 1vw;
    box-shadow: 0 0 .3vw rgba(0,0,0,0.4);
    height: 5vw;
    position: relative;
    width: 5vw;
    z-index: 1;
}
.postmain:before {
    border-color: transparent #F0F0F0 transparent transparent;
    border-style: solid;
    border-width: .8vw;
    content: '';
    display: block;
    height: 0;
    margin-left: -1.9vw;
    margin-top: 1vw;
    position: absolute;
    width: 0;
}

div.user-basic-info a img {
    position: absolute;
    margin-left: -98px;
}

.pun .post {
    border-color: transparent;
    border-style: none;
    border-width: 0;
    margin-bottom: 3vw;
}
.main-content {
    background-color: transparent!important;
    border: 0;
    /*padding: .3vw;*/
}

.h3 {}

.postbody {
    background: #fff !important;
}

.post.post {
    background: #fff !important;
    border: 5px solid #fff;
    border-radius: 12px;
}

.pun .posthead {
    background: #fff !important;
    border-style: none !important;
}

div#blog_comments {
    border: none !important;
    box-shadow: none !important;
}

div#blog_comments {
    margin-left: 100px;
}

.main-content.topic {
    background: #fff !important;
          border-radius: 0 0 15px 15px;
}

div#postprofile_mod_shek {
    margin-left: -5px;
}

.paged-head.clearfix {
    background: transparent !important;
    border: none !important;
}

p.posting {
    position: absolute;
    margin-left: 47%;
    margin-top: 16px;
}


.main-content.frm {
    background: #fff !important;
}

.main-content {
}

div#stats {
    background: #fff;
    border: #979797 solid 3px;
}

.paged-head h1 {
    margin-left: 9px;
    font-family: sans-serif;
    font-weight: 900;
}
         
.pun .postmain {
    margin-left: 0px !important;
    border: transparent !important;
}
          .main-foot.clearfix {
    color: #333 !important;
    background: transparent !important;
    background-image: none !important;
}

.paged-foot.clearfix {
    background: transparent !important;
    border: none !important;
}
          .BS_like {
    position: absolute !important;
}
          .post-options.profile_left {
    position: absolute;
    margin: 26px 0 0 79%;
}
                              .pun {
    margin-left: 0px !important;
}

body {
    width: 86% !important;
}

.pun {
    width: 87% !important;
}

.container.clearfix {
    margin-left: 30% !important;
}
         
span.BS_like.BS_done {
    position: absolute !important;
}
         
          .datepost {
    font-size: 10px;
    font-family: monospace;
    color: rgba(51, 51, 51, 0.64);
}

  </style>

Agradeço !

Bom dia.

Qual seria os bugs? Poderia especificar, por gentileza?

A barra preta não fica fixa proxima a capa e a parte da mensagem ta muito proxima

Olá!

Desculpe pela minha incompreensão, mas, a barra preta que se refere no tópico 109 conforme na imagem, deveria estar depois da capa (das informações do perfil depois da capa)?

Isso mesmo

Tente adicionar ao seu CSS:

Código:

div.optcpost {
  top: 0;
  margin: 0;
  position: absolute !important;
  box-sizing: border-box;
}

.post {
  position: relative;
}

.entry-content {
  padding-top: 85px;
}