Add a message to thanked posts (without java codes)

Welcome everybody

First, I want to point out that this trick is different from the previous one here Add a message to thanked posts

Old:

- Works with JavaScript code
- Compatible with phpBB2 phpBB3 PunBB Invision
- It works unless your templates are heavily modified
- The user name is not colored
- Avatar does not appear

-------

New:

- Doesn't work with JavaScript code
- Works for all versions
- It works even if your templates are heavily modified
- Colorful user name
- Avatar appears

-------
------

In the viewtopic_body template, find this part:

Code:

{postrow.displayed.MESSAGE}

Replace it with:

Code:

{postrow.displayed.MESSAGE}
<br />
<div  class="postthank"{postrow.displayed.THANK_BGCOLOR} style="display:none;">
<div align="center">
   <div class="avatarthank">
      {postrow.displayed.POSTER_AVATAR}
   </div>
</div>
<div align="center">
   <div  class="namethank">
      The topic starter has thanked  {postrow.displayed.POSTER_NAME}
   </div>
</div>
</div>
<br />

css
Go to Administration Panel > Display > Colors > CSS stylesheet and paste the following codes.

Code:

.postthank {
  background: url(//i.servimg.com/u/f20/16/85/77/67/p_349010.gif) left no-repeat, url(//i.servimg.com/u/f20/16/85/77/67/p_349010.gif) right no-repeat;
  background-size: 130px 100%;
  overflow: hidden;
  padding: 22px;
  background-color: #075c83 !important;
  margin-top: 122px;
}

.namethank {
  width: fit-content;
  font-size: large;
  background: #0d180d;
  padding: 10px;
  vertical-align: bottom;
  color: #f5f5dc;
}

.avatarthank img {
  border-radius: 120px;
  border: 3px solid #081520;
  width: 50px;
  height: 50px;
  margin-bottom: -15px;
  margin-top: -20px;
}

----------------------------

You can change the image to the right and the image to the left by code CSS


You can change the message content by code html in viewtopic_body

Code: The topic starter has thanked

We hope you like this great trick  
__________________________________________
This tutorial was written by كونان2000

Cool! Less Javascript, more speed for the forums.
Thanks for the tutorial ^^

@YoshiGM
Thanks, I'm glad you like it ! ^^

Awesome  @كونان2000

@TonnyKamper
Thanks, I'm glad you like it