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:
Replace it with:
css
Go to Administration Panel > Display > Colors > CSS stylesheet and paste the following codes.
----------------------------
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
We hope you like this great trick
__________________________________________
This tutorial was written by كونان2000
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
|
__________________________________________
This tutorial was written by كونان2000