The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Add a message to thanked posts (without java codes)

3 posters

Go down

Add a message to thanked posts (without java codes) Empty Add a message to thanked posts (without java codes)

Post by كونان2000 June 21st 2022, 11:17 pm

Welcome everybody

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

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

-------
Add a message to thanked posts (without java codes) Frorum15
------

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
Add a message to thanked posts (without java codes) Frorum16

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  Very Happy
__________________________________________
This tutorial was written by كونان2000
كونان2000
كونان2000
Forumember

Male Posts : 279
Reputation : 115
Language : Arabic

https://anime.forumperso.com/

skouliki, Ape, sivastar, YoshiGM, SarkZKalie, TonnyKamper, Jucarese and Chimken Nugget like this post

Back to top Go down

Add a message to thanked posts (without java codes) Empty Re: Add a message to thanked posts (without java codes)

Post by YoshiGM June 22nd 2022, 3:43 pm

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

Male Posts : 1558
Reputation : 146
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

كونان2000 likes this post

Back to top Go down

Add a message to thanked posts (without java codes) Empty Re: Add a message to thanked posts (without java codes)

Post by كونان2000 June 22nd 2022, 9:41 pm

@YoshiGM
Thanks, I'm glad you like it ! ^^
كونان2000
كونان2000
Forumember

Male Posts : 279
Reputation : 115
Language : Arabic

https://anime.forumperso.com/

Back to top Go down

Add a message to thanked posts (without java codes) Empty Re: Add a message to thanked posts (without java codes)

Post by TonnyKamper June 23rd 2022, 1:37 pm

Awesome  @كونان2000
TonnyKamper
TonnyKamper
Active Poster

Female Posts : 1084
Reputation : 80
Language : Dutch/English
Location : DSF Admin

http://www.nederlandheelt.nl/forum

كونان2000 likes this post

Back to top Go down

Add a message to thanked posts (without java codes) Empty Re: Add a message to thanked posts (without java codes)

Post by كونان2000 June 23rd 2022, 5:57 pm

@TonnyKamper
Thanks, I'm glad you like it lol!
كونان2000
كونان2000
Forumember

Male Posts : 279
Reputation : 115
Language : Arabic

https://anime.forumperso.com/

TonnyKamper likes this post

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum