Image no new, new et lock en Background

[Hitoki]

Détails techniques

Version du forum : PunBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://deliquescencetest.forumactif.com/

Description du problème

Bonsoir !

Il y a longtemps, j'avais réussi à installer ce codage.

Seulement, ça date de plusieurs années et je ne sais plus comment m'y prendre.

J'ai retrouvé ce sujet que j'avais fait. Mais il n'y a plus le début.

https://forum.forumactif.com/t338285-image-no_new-new-lock-en-background

Quelqu'un pourrait m'aider donc, à faire en sorte que mes images no new, new et lock soient en Background ?

Merci

Voilà mon template index box

Code:

    <div class="main">
    <!-- BEGIN catrow -->
     
      <!-- BEGIN tablehead -->
      <br/><br/>
      <div class="titre_categorie">
        {catrow.tablehead.L_FORUM}
      </div>
            <center><img src="https://i.imgur.com/nMIG3SK.png" /></center>
      <br /> <br />
  <div class="milieu_cate d-flex">
        <!-- END tablehead -->
       
        <!-- BEGIN cathead -->
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->

        <div class="colonne">
          <a class="titre_forum" href="{catrow.forumrow.U_VIEWFORUM}">
            {catrow.forumrow.FORUM_NAME}
          </a>
          <div class="forum_corps d-flex">
            <div class="forum_descover">
              {catrow.forumrow.FORUM_DESC}
              <!-- BEGIN switch_moderators_links -->
              <div class="forum_modos">
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
              </div>
              <!-- END switch_moderators_links -->
            </div>
            <div class="last_post">
              {catrow.forumrow.LAST_POST}
              <div class="image_last_post">
                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
              </div>
            </div>
            <div class="liens_sous_forums">
              {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
              <script type="text/javascript">$('.liens_sous_forums').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script>
            </div>
            <br class="clear" />
            <div class="nombre_m">{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets</div>
    </div>
             
        </div>
        <!-- END forumrow -->

        <!-- BEGIN catfoot -->
        <!-- END catfoot -->
         
        <!-- BEGIN tablefoot -->
      </div>
      <!-- END tablefoot -->
       
      <!-- END catrow -->
      </div>

    <!-- BEGIN switch_forum_images -->
    <div class="main">
      <div class="main-head">
          <h3>{switch_forum_images.TITLE}</h3>
      </div>
      <div class="main-content container-imgs-list" style="max-height: 500px" id="imageList">
            {switch_forum_images.SCRIPTS}
      </div>
    </div>
 
    <!-- END switch_forum_images -->
         
    <!-- BEGIN switch_on_index -->
    <div class="main-box clearfix">
      <ul>
          <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
 
      </ul>
      <!-- BEGIN switch_delete_cookies -->
      <p class="right">
          <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
      </p>
      <!-- END switch_delete_cookies -->
    </div>
    <!-- END switch_on_index -->

et mon css

Code:

    .last_post{ 
      background: #100000;
      border: 1px solid  #530f04;
      border-radius: 20px;
  margin-top: 10px;
      text-align:center;
      height: 145px;
      width: 45%;
      padding: 10px 10px;
      position: relative;
    }
    .image_last_post {
      margin-bottom: -25px;
      position: absolute;
  transform: rotate(15deg);
      bottom: 0;
}

Merci

[Hitoki]

Bonsoir !

En suivant bien les infos du lien, je suis parvenue à mon objectif

Cette demande est donc résolue !