Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Google Chrome
Screenshot of problem : https://i.sli.mg/8CiC0F.png
Who the problem concerns : All members
Forum link : ( link is hidden, you must reply to see )

Description of problem

I am trying to rearrange the templates to display a small decorated banner featuring the topic title, along with some small alignment changes.

The changes I have made to the template so far have resulted in "{postrow.displayed.POST_SUBJECT}" and "{postrow.displayed.POSTER_NAME}" showing nothing at all instead of their respective values.

Here is a snippet of the viewtopic_body template that I have edited:

Code:

{POLL_DISPLAY}

<p><div class="truesubjecttitle"><a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></div></p>

<!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_COUNT}">
         <div class="inner">
            <span class="corners-top"><span></span></span>
            <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
            <div class="clear"></div>
            <span class="corners-bottom"><span></span></span>
         </div>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
         <div class="inner"><span class="corners-top"><span></span></span>
            <div style="position: relative; top: 0px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
                          <div class="postbody">
                             <div class="topic-title"><a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></div>
                            <ul class="profile-icons"><span style="float:left">
                              <li><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} <p class="author">{postrow.displayed.POSTER_NAME}</p></li>
                                    <li>{postrow.displayed.POST_DATE_NEW}</li></span>
                              </ul>
                            <ul class="profile-icons"><span style="float:right;">
               <li>{postrow.displayed.THANK_IMG}</li>
               <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
               <li>{postrow.displayed.QUOTE_IMG}</li>
               <li>{postrow.displayed.EDIT_IMG}</li>
               <li>{postrow.displayed.DELETE_IMG}</li>
               <li>{postrow.displayed.IP_IMG}</li>
                              <li>{postrow.displayed.REPORT_IMG_NEW}</li></span>
                              </ul>
            <div class="clearfix"></div>

And the current CSS I am using:

Code:

.truesubjecttitle {
  height:30px;
  background-image:url(http://placehold.it/100x30);
  text-align:center;
  vertical-align:middle;
  display:block;
}
.postbody .topic-title {
  font-size:4px;
  font-weight:normal;
}
.postbody ul.profile-icons {
   float: none;
}

Currently those are the only two coding-related things I've changed.

add to CSS:

Code:

ul.profile-icons li span {
    display: block!important;
}
p.author {
    float: right;
    margin: 1px 15em 0.6em 5px;
}
.postbody .topic-title {
    font-size: 11px;
}

Edit : Heres the snippet viewtopic_body @Nefari:

Code:

{POLL_DISPLAY}
<!-- BEGIN postrow -->
<p><div class="truesubjecttitle"><a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></div></p>
  <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_COUNT}">
        <div class="inner">
            <span class="corners-top"><span></span></span>
            <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
            <div class="clear"></div>
            <span class="corners-bottom"><span></span></span>
        </div>
      </div>
  <!-- END hidden -->
<!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
        <div class="inner"><span class="corners-top"><span></span></span>
            <div style="position: relative; top: 0px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
                          <div class="postbody">
                            <div class="topic-title"><a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></div>
                            <ul class="profile-icons"><span style="float:left">
                              <li><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} <p class="author">{postrow.displayed.POSTER_NAME}</p></li>
                                    <li>{postrow.displayed.POST_DATE_NEW}</li></span>
                              </ul>
                            <ul class="profile-icons"><span style="float:right;">
              <li>{postrow.displayed.THANK_IMG}</li>
              <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
              <li>{postrow.displayed.QUOTE_IMG}</li>
              <li>{postrow.displayed.EDIT_IMG}</li>
              <li>{postrow.displayed.DELETE_IMG}</li>
              <li>{postrow.displayed.IP_IMG}</li>
                              <li>{postrow.displayed.REPORT_IMG_NEW}</li></span>
                              </ul>
            <div class="clearfix"></div>

Added--the poster username now appears perfectly, thank you, but the topic title is still not visible. I'm trying to get it to appear over the grey bar, which'll later be replaced with a different graphic.