Avatar du dernier posteur en background (listing des topics

[Kaiji]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début
Lien du forum :

Description du problème

Bonsoir,

Je désire mettre les avatars du dernier posteur (template topics_list_box) en background mais ils ne s'affichent pas. Comment puis-je faire ?

Template :

Code:

<td>
          <div class="containlistingtopics">
    <div style="position: absolute; top: 7px; left: 60px; font-family: 'Old Standard TT'; font-size: 12px; max-width: 480px; max-height: 18px; overflow: hidden;">
      {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
    </div>
    <div style="position: absolute; top: 2px; left: 2px;">
      <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
    </div>
    <div class="hexavatar hexavatar1" style="width: 92px; height: 46px; position: absolute; top: 2px; left: 523px;">
      <div class="hexavatar-in1">
        <div class="hexavatar-in2" style="background-image: url('{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}'); background-size: 55px 88px;">
        </div>
      </div>
    </div>
    <div style="position: absolute; top: 28px; left: 60px; width: 480px; height: 18px; overflow: hidden;">
      <div style="float: left;">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div><div style="text-align: right;">{topics_list_box.row.TOPIC_NAV_TREE}</div>
    </div>
    <div style="position: absolute; top: 7px;left: 600px; text-align: center; width: 140px; line-height: 12px; overflow: hidden;">
      {topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}<div style="font-size: 9px; text-transform: uppercase;"">{topics_list_box.row.REPLIES}R {topics_list_box.row.VIEWS}V</div>
    </div>
</div>
        </td>

CSS :

Code:

.hexavatar {
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(120deg);
       -moz-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
         -o-transform: rotate(120deg);
            transform: rotate(120deg);
    cursor: pointer;
    }
.hexavatar-in1 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
       -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
         -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
    }
.hexavatar-in2 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    visibility: visible;
    -webkit-transform: rotate(-60deg);
       -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
         -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
    }
.containlistingtopics {
  width: 770px; height: 50px; background-image: url('https://images2.imgbox.com/b1/09/gNdXoPYJ_o.png'); position: relative; text-align: justify; font-size: 10px; font-family: 'Playfair Display';
  }

Merci d'avance !

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.