Afficher les icones de sujets dans la colonne "Derniers messages"

[chattigre]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://ddjda.forumactif.fr

Description du problème

Bonjour à tous,
Tout me semble dans le titre
Je souhaite faire apparaitre, si possible les icônes de sujets (pour rappel, il s'agit des icones de type par exemple) dans la colonne derniers messages de l'index général et des forums et sous forums en plus de leur place actuelle. Idéalement, elles seraient placées sur la même ligne que le titre du sujet, entre celui-ci et l'avatar du membre.
Merci d'avance
Chattigre

[Invité]

Hello chattigre,


pour l'index:

Dans le template index_box:
Affichage/Templates/Général/index_box

Recherches ceci (ligne 66 environ):

Code:


<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />


Supprimes et remplaces par:

Code:


<img class="M14_imgIndex"src="https://2img.net/i/fa/empty.gif"/>
<a class="M14_topic"href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />


Penses a enregistrer puis à valider en cliquant respectivement sur   puis

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur l'index.


Déposes ceci:

Code:


$(function(){$('ul.topiclist.forums dd.lastpost').each(function(){var $this=$(this).find('a.M14_topic');var linkindex=$(this).find('a.M14_topic').attr('href');$.get(linkindex, function(data){
var imgIndex= $(data).find('div[class*="post--"]:eq(0) h2.topic-title img').attr('src');
if(imgIndex){$this.prev().attr('src',imgIndex);}});});});



Penses à cliquer sur le bouton VALIDER


Puis on redimensionne les icônes:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


/*LES ICONES SUR L INDEX*/
img.M14_imgIndex{max-width:24px;max-height:24px;vertical-align:middle;margin:0px 2px;}
/*LES ICONES SUR LA LISTE DES SUJETS*/
img.M14_imgTopic{max-width:24px;max-height:24px;vertical-align:middle;margin:0px 2px;}


Penses à cliquer sur le bouton

Ensuite sur les sujets , il n'y a pas de titre de sujet.
Il n'y a que le lien vers le dernier message représenté par une image.

Tu peux suite au script que je t'avais donné:

Code:

$(function(){
$('.forumbg').find('.dterm[style*="background-image"]').each(function(){
var a= $(this).css('background-image');
a= a.replace('url(','').replace(')','').replace(/"/gi, "");
  if(a)
  {
    $(this).css('background-image','url(https://2img.net/i/fa/empty.gif)');
    $(this).find('.M14_icone').append('<img src="'+a+'"/>');

  }

});});

Le supprimer et le remplacer par celui-ci:

Code:

$(function(){
$('.forumbg').find('.dterm[style*="background-image"]').each(function(){
var a= $(this).css('background-image');
a= a.replace('url(','').replace(')','').replace(/"/gi, "");
  if(a)
  {
    $(this).css('background-image','url(https://2img.net/i/fa/empty.gif)');
    $(this).find('.M14_icone').append('<img src="'+a+'"/>');
    $(this).closest('li').find('img.M14_imgTopic').attr('src',a);
  }

});});

Puis dans le template topics_list_box:
Affichage/Templates/Général/topics_list_box

Recherches ceci:

Code:


  <!-- BEGIN avatar -->
                    </div>
                    <!-- END avatar -->

 </dd>


Juste avant la fermeture:

Code:

</dd>

Déposes ceci:

Code:

<img class="M14_imgTopic"src="https://2img.net/i/fa/empty.gif"/>

Penser a enregistrer puis à valider en cliquant respectivement sur   puis



Pour information, dans les templates j'ai déposé:

Code:

<img class="M14_imgIndex"src="https://2img.net/i/fa/empty.gif"/>

Code:

<img class="M14_imgTopic"src="https://2img.net/i/fa/empty.gif"/>

Les src ont une image transparente , tu peux, et cela est préférable de mettre une image définie   .


a++

[chattigre]

Merci
Je teste et reviens vers toi dans les prochains jours...

[Chacha]

Merci
Je teste et reviens vers toi dans les prochains jours...

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[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 archivé afin de ne pas perdre les réponses apportées.