Ajouter différentes images sur sujet.

[Michboum]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :https://i.servimg.com/u/f67/12/32/21/07/sans_t11.png
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : Ce jour
Lien du forum : https://roland-gr55.forumactif.com/forum

Description du problème

[b]

Bonjour, a gauche je voudrais mettre une image différente sur chaque sujet principal.
Exemple: une image pour Boss gt-1, une autre pour Bosse gp10 qui sont des synthétiseurs guitare etc etc.
N'étant pas coutumier de ce genre d'outil, en espérant que vous m'avez compris (ça, ce n'est peut être pas gagné) car je ne connais pas le langage pour ce genre de logiciel.

Merci pour votre aide.
Michel

[Oka.mi]

Bonjour Michboum et bienvenue sur le forum de support officiel,

a gauche je voudrais mettre une image différente sur chaque sujet principal.

De ce qu'on voit sur votre capture d'écran, ce sont plutôt des forums.
Dans ce cas, on peut utiliser la description de chaque forum concerné pour faire ce que vous souhaitez.
Pour commencer, dans Général > Forum > Catégories et forums > Modifier un forum
Mettez dans la description ce lien

Code:

<img src="https://i.servimg.com/u/f67/12/32/21/07/waterg17.jpg" class="synthe" />

Sachant que le lien https://i.servimg.com/u/f67/12/32/21/07/waterg17.jpg est un exemple et peut être modifié en fonction de l'illustration souhaitée.
Ensuite, dans Affichage > Images et Couleurs > Couleurs > Feuille de Style CSS, on va positionner l'image avec ce code

Code:

.synthe {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 10px;
    transform: translate(0%, -50%);
}

Ainsi pour chaque forum où vous aurez renseigné une description contenant une image avec la class "synthe", l'image sera déplacée et centrée à gauche de sorte à cacher l'icône de base.
Dans le code donné, n'hésitez pas à personnaliser les dimensions de votre image avec width (largeur ici fixée à 50px) et height (hauteur ici fixée à 50px).

[Michboum]

Merci pour votre temps et votre réponse.

[Michboum]

Je sollicite encore une dernière fois votre aide j'ai effectué ce que vous m'avez indiqué tout est comme je voulais, sauf que les petites images non pas disparues peut on les effacer?  
Cordialement.


Ok j'ai trouvé il suffisait de les masquer.

[Oka.mi]

Bonjour,

Je vois que vous avez bien ajouté le css donné, mais vous n'avez pas ajouté le class="synthe" à vos images, du coup le css ajouté ne s'appliquera pas dessus.
Par exemple, pour le forum BOSS GP-10, si vous ajoutez le class="synthe" à l'image présente dans la description, comme ceci :

Code:

<img src="https://i.servimg.com/u/f67/12/32/21/07/boss_g10.jpg" alt="Synthétiseurs guitare Roland & Boss Boss_g10" class="synthe" />

Vous aurez ce résultat :

[Michboum]

Merci correction effectuée.

[Chacha]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Merci correction effectuée.

Bonjour, Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à : éditer votre premier message, cocher l'icône résolu et enregistrer Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton