Image en coin de page
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Image en coin de page
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
Re: Image en coin de page
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 :
- 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 :
>>> 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)
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;"/>');
});
- 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;
}
>>> 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)
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Image en coin de page
C'est exactement ce que je voulais merci beaucoup !
Sujets similaires
» Image Lien en coin de page.
» Image animée coin supérieur gauche
» Changer l'image de fond de la page d'accueil en fonction de la résolution (pas le fond de page)
» Image sur le coin du cadre - catégories en onglets
» Image en bas de page
» Image animée coin supérieur gauche
» Changer l'image de fond de la page d'accueil en fonction de la résolution (pas le fond de page)
» Image sur le coin du cadre - catégories en onglets
» Image en bas de page
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum