Code pour Ajouter une image dans le cadre des messages
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
Code pour Ajouter une image dans le cadre des messages
forum
Voilà !
J'ai collé ce code dans le CSS pour ajouter une image dans le cadre des messages (Éditeur) :
J'ai tenté d'utiliser top / bottom / left / right / center / de différentes manières (autrement dit, je suis allé à la pêche) ainsi que scroll pour faire défiler l'image lorsque le texte est plus long...
Une formule magique pour que l'image couvre l'entièreté du cadre, svp ?
Voilà !
J'ai collé ce code dans le CSS pour ajouter une image dans le cadre des messages (Éditeur) :
- Code:
.sceditor-container iframe, .sceditor-container textarea {
background: url(url de votre image) !important ;
background-position: center !important ;
background-repeat: no-repeat !important ;
}
J'ai tenté d'utiliser top / bottom / left / right / center / de différentes manières (autrement dit, je suis allé à la pêche) ainsi que scroll pour faire défiler l'image lorsque le texte est plus long...
Une formule magique pour que l'image couvre l'entièreté du cadre, svp ?
Re: Code pour Ajouter une image dans le cadre des messages
Bonjour lilas,
Ce code fonctionne pour moi :
Il faut changer le https://i.imgur.com/IXLav0C.png par l'image souhaitée.
Le point important est :
qui signifie : "Navigateur web! Agrandit l'image afin qu'elle recouvre ("cover" en anglais) toute ma surface!".
J'ai aussi changé le sélecteur CSS d'élément qui était ".sceditor-container iframe, .sceditor-container textarea" car avec ça il y aurait toujours eu un petit espace entre l'image et l'éditeur.
Cordialement.
Ce code fonctionne pour moi :
- Code:
.sceditor-container {
background: url(http://i.imgur.com/IXLav0C.png) no-repeat right bottom!important;
background-size: cover!important;
}
Il faut changer le https://i.imgur.com/IXLav0C.png par l'image souhaitée.
Le point important est :
- Code:
background-size: cover!important;
qui signifie : "Navigateur web! Agrandit l'image afin qu'elle recouvre ("cover" en anglais) toute ma surface!".
J'ai aussi changé le sélecteur CSS d'élément qui était ".sceditor-container iframe, .sceditor-container textarea" car avec ça il y aurait toujours eu un petit espace entre l'image et l'éditeur.
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Code pour Ajouter une image dans le cadre des messages
Merci Ea, très apprécié...
Fonctionne pile poil !
Fonctionne pile poil !
Sujets similaires
» Ajouter une image dans le cadre de réponse
» Ajouter un cadre pour le profil avatar dans les messages des sujets avec Invision
» Code pour image dans cadre de réponse
» Problème avec code pour mettre un cadre dans Derniers Messages
» Ajouter d'une image dans le cadre de réponse
» Ajouter un cadre pour le profil avatar dans les messages des sujets avec Invision
» Code pour image dans cadre de réponse
» Problème avec code pour mettre un cadre dans Derniers Messages
» Ajouter d'une image dans le cadre de réponse
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