Add a message to thanked posts (without java codes) Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
3 posters

    Add a message to thanked posts (without java codes)

    كونان2000
    كونان2000
    Forumember


    Male Posts : 209
    Reputation : 95
    Language : Arabic

    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

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

    YoshiGM
    YoshiGM
    Active Poster


    Male Posts : 1505
    Reputation : 144
    Language : Spanish & English
    Location : Mexico

    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 ^^

    كونان2000 likes this post

    كونان2000
    كونان2000
    Forumember


    Male Posts : 209
    Reputation : 95
    Language : Arabic

    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 ! ^^
    TonnyKamper
    TonnyKamper
    Active Poster


    Female Posts : 1052
    Reputation : 78
    Language : Dutch/English
    Location : DSF Admin

    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

    كونان2000 likes this post

    كونان2000
    كونان2000
    Forumember


    Male Posts : 209
    Reputation : 95
    Language : Arabic

    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!

    TonnyKamper likes this post