Code pour Ajouter une image dans le cadre des messages

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code pour Ajouter une image dans le cadre des messages

Message par lilas Jeu 15 Sep 2016 - 6:06

cheers forum

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 ;
}
Malheureusement, il y a une bordure (la couleur de fond) tout autour de ma belle image et ce n'est vraiment pas beau geek

Code pour Ajouter une image dans le cadre des messages 0_imag10

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 ?

flower



lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour Ajouter une image dans le cadre des messages

Message par Ea Ven 16 Sep 2016 - 10:04

Bonjour lilas,


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

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour Ajouter une image dans le cadre des messages

Message par lilas Ven 16 Sep 2016 - 15:27

Mr. Green Merci Ea, très apprécié...
Fonctionne pile poil !

:O:
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum