Image en coin de page

[SanSan]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://svenn.forumactif.com/

Description du problème

Bonjour à tous !

J'aimerais mettre une image dans le coin supérieur gauche, ainsi que le droit, par dessus le fond de mon forum, et hors de la colonne centrale du forum, comme indiqué sur ce screen :

SCREEN:

merci d'avance pour votre aide

[MlleAlys]

Bonjour,


1) Dans modules > gestion des codes javascripts :
Vérifiez que l'option "activer la gestion des codes javascript" est cochée sur "OUI" (sinon corrigez et enregistrez).
Puis créez un nouveau code :
- titre : Ce que vous souhaitez pour reconnaitre le code, par exemple "images coins"
- placement : Sur toutes les pages
- code javascript :

Code:

jQuery(document).ready(function () {
  jQuery('body').append('<img src="URLIMAGEGAUCHE" id="coingauche" style="display:none;"/><img src="URLIMAGEDROITE" id="coindroit" style="display:none;"/>');
});

- remplacez URLIMAGEGAUCHE par le lien direct de l'image que vous souhaitez afficher à gauche, et URLIMAGEDROITE par le lien direct de l'image que vous souhaitez afficher à droite.
- Enregistrez.

>> Les images ont été insérées dans la page, mais ne sont pas encore visibles.

2) Dans affichage > couleurs > onglet feuille de style css, ajoutez les codes css suivants :

Code:

img#coingauche {
  display: block!important;
  position: absolute;
  top: 10px;
  left: 10px;
  max-width: 200px;
}
img#coindroit {
  display: block!important;
  position: absolute;
  top: 10px;
  right: 10px;
  max-width: 200px;
}

- Enregistrez

>>> Actualisez une page du forum pour vérifier que les images s'affichent correctement.

Il est ensuite possible de modifier la position et la taille des images dans le css selon ce que vous souhaitez (pensez à vérifier que l'affichage est correct sur différentes tailles d'écran)

[SanSan]

C'est exactement ce que je voulais merci beaucoup !