Code pour Ajouter une image dans le cadre des messages

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 le 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



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
*****

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

http://lefofodemacopine.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 le 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 http://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
Aidactif

Messages : 23429
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 le Ven 16 Sep 2016 - 15:27

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

:O:

lilas
*****

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

http://lefofodemacopine.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


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