Ajouter une image dans le cadre de réponse

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

Résolu Ajouter une image dans le cadre de réponse

Message par Chargathe le Ven 18 Juil 2014 - 18:47

Bonjour.

J'ai suivis le tuto afin de faire apparaitre une image dans le cadre de réponse, mais je n'arrive pas à installer les options.

background-repeat :
--- repeat-y : répète le fond sur l’axe vertical
--- repeat-x : répète le fond sur l’axe horizontal
--- no-repeat : empêche le fond de se répéter

background-position :
--- top / middle / bottom : aligne l’image sur l’axe vertical
--- left / center / right : aligne l’image sur l’axe horizontal

Si je remplace background par background-repeat-y, par exemple, ça ne marche pas. Est-ce que je ne rentre pas le code correctement?

D'avance merci


Dernière édition par Chargathe le Sam 19 Juil 2014 - 9:46, édité 1 fois

Chargathe
Nouveau membre

Messages : 25
Inscrit(e) le : 11/07/2014

http://r1200rt.allgoo.net/search?search_id=newposts
Chargathe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une image dans le cadre de réponse

Message par Self le Ven 18 Juil 2014 - 19:50

Bonjour,

En fait ce n'est pas la bonne syntaxe, il faut l'écrire comme ceci plutôt :
Code:
background-repeat: repeat;

et à la place du repeat (après les deux points) mettre soit repeat-y, soit repeat-x, soit no-repeat.
C'est pareil pour background-position sauf qu'il faut mettre 2 valeurs par exemple :
Code:
background-position: center center;

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Ajouter une image dans le cadre de réponse

Message par Chargathe le Ven 18 Juil 2014 - 20:56

Voici la ligne que je mets, mais ça ne marche pas.

sceditor-container iframe, .sceditor-container textarea {
background-repeat: repeat-y:url(https://lh6.googleusercontent.com/-bwqvBRGBMYM/U8lKPngqIKI/AAAAAAAAIBw/zGuopDrn7C4/w336-h344-no/LogoForum+fond+2.jpg)!important;}

 Snifff 

Chargathe
Nouveau membre

Messages : 25
Inscrit(e) le : 11/07/2014

http://r1200rt.allgoo.net/search?search_id=newposts
Chargathe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une image dans le cadre de réponse

Message par Self le Ven 18 Juil 2014 - 22:33

Bonjour,

Remplacez votre code par celui-ci :
Code:
.sceditor-container iframe, .sceditor-container textarea {
    background-image: url(https://lh6.googleusercontent.com/-bwqvBRGBMYM/U8lKPngqIKI/AAAAAAAAIBw/zGuopDrn7C4/w336-h344-no/LogoForum+fond+2.jpg) !important;
    background-repeat: repeat-y;
}

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Ajouter une image dans le cadre de réponse

Message par Chargathe le Sam 19 Juil 2014 - 8:29

Merci pour votre réponse.

En fait, je voudrais mettre une seule image, centrée. Exactement comme celle de ce forum. Quel code dois-je mettre ?

Chargathe
Nouveau membre

Messages : 25
Inscrit(e) le : 11/07/2014

http://r1200rt.allgoo.net/search?search_id=newposts
Chargathe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une image dans le cadre de réponse

Message par AenigmA le Sam 19 Juil 2014 - 9:34

Bonjour

Avec le code donné par Self ça donne

.sceditor-container iframe, .sceditor-container textarea {
background-image: url('https://lh6.googleusercontent.com/-bwqvBRGBMYM/U8lKPngqIKI/AAAAAAAAIBw/zGuopDrn7C4/w336-h344-no/LogoForum+fond+2.jpg') !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}


AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une image dans le cadre de réponse

Message par Chargathe le Sam 19 Juil 2014 - 9:46

Ça marche nickel !!!  Yes 

Grand merci.

Chargathe
Nouveau membre

Messages : 25
Inscrit(e) le : 11/07/2014

http://r1200rt.allgoo.net/search?search_id=newposts
Chargathe 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