Image du forum

[lejardinier]

Bonjour !
Je souhaite mettre l'image du forum en face du titre du forum

Avez-vous une solution ? Merci !

[R.P. Gryphus]

Bonjour @lejardinier!

Ta requête/question manque énormément de clarté, c'est pourquoi c'est important de remplir les formulaires qui aident à élaborer les demandes d'assistance un peu plus. Du coup, je vais présumer que ce que tu demandes c'est de faire 'disparaitre' le texte "Conseils de jardinage et partage d'informations pour les amateurs et les passionnés du jardin." Si c'est le cas, le CSS suivant devrait te permettre d'accomplir cela :

Panneau d'Administration > Affichage > Images & Couleurs > Couleurs & CSS > Feuille de style CSS

Code:

#logo-desc > p {
  font-size: 0px !important;
}

J'utilise cette déclaration puisque j'ignore si utiliser 'display: none;' peut affecter le référencement du forum, étant donné que ça aurait l'effet de carrément faire disparaitre le titre. Tandis que 'font-size' a le même effet visuel, mais le texte est encore là et peut être détecté par les 'bots' qui servent à référencer ton forum.

N'hésite pas à nous dire si ça fonctionne et si oui à marquer ton sujet comme résolu!

[lejardinier]

Bonjour R.P. Gryphus
Désoler ce que je voulais expliquer c'est au niveau de la cathégorie  


cordialement

[R.P. Gryphus]

Ah d'accord! Dans ce cas, tu peux essayer ce script à mettre dans Panneau d'Administration > Modules > Gestion des codes Javascript. Tu dois 'Activer la gestion des codes Javascript', ensuite tu dois 'Créer un nouveau Javascript'. Donnes-lui un titre explicite, coche 'Sur l'Index' et 'Sur les sous-forums' et ajoute ce script :

Code:

$(document).ready(function() {
  const hierarchyDivs = document.querySelectorAll('div.hierarchy');
  
  hierarchyDivs.forEach(hierarchyDiv => {
    const siblingElements = hierarchyDiv.parentElement.children;
    for (let i = 0; i < siblingElements.length - 1; i++) {
      const currentElement = siblingElements[i];
      const nextElement = siblingElements[i + 1];
      if (currentElement === hierarchyDiv && nextElement.tagName === 'IMG' && siblingElements[i + 2].tagName === 'BR') {
        siblingElements[i + 2].remove();
      }
    }
  });
});

Cliques sur et tu devrais avoir ce résultat :

N'hésites pas à nous informer si cela fonctionne et si c'est le cas de mettre ton sujet en !

P.S. Si tu le désires, tu peux aussi mettre ton image 'important' entre une balise  ce qui aurait l'effet d'aligner ton image avec ton texte.

[lejardinier]

Rien n'a changer Je pense que cela doit venir du CSS

[lejardinier]

up

[Chacha]

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 »

[lejardinier]

Bonjour chacha !

Toujours pareil le script ne fonctionne pas en attendant une solution

Bonne journée !

[MlleAlys]

Bonjour,
Ce n'est peut être pas le plus beau script qui soit parce que je bidouille beaucoup en js, mais vous pouvez essayer ça :

- Rendez-vous dans modules > gestion des codes javascripts
- Vérifiez que l'option "Activer la gestion des codes Javascript" est sur OUI.
- Créez un nouveau javascript :
- titre : ce que vous souhaitez pour le reconnaitre, par exemple "image forum à côté du titre"
- placement : sur l'index (je pense que ça suffit)
- code : copiez-collez le code suivant :

Code:

$(function(){
  $('.topiclist.forums dd.dterm>div>img[style="float:left"]').each(function(){
    $(this).parent().prepend(this);
  });
});

- Validez
- Actualisez votre forum pour vérifier le résultat.