faire en sorte que l'image de fond ne se répète pas

4 participants

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

Résolu faire en sorte que l'image de fond ne se répète pas

Message par myster-remy Sam 16 Mar 2013 - 19:29

Bonjour,

j'ai un petit souci avec mon image de fond.

Comme vous pouvez le voir sur mon forum, mon image et multiplié en plusieurs fois.

http://forumgeneration.forumactif.fr/

Comment faire pour avoir qu'une seul fois image.

Merci
myster-remy

myster-remy
****

Masculin
Messages : 222
Inscrit(e) le : 21/10/2011

http://generation.forumactif.fr/
myster-remy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire en sorte que l'image de fond ne se répète pas

Message par Scipion Sam 16 Mar 2013 - 20:41

Bonsoir

Essayez de stabiliser et faire afficher correctement l'image de fond avec ce code CSS :

Code:
body{
background-position: top-center;
background-repeat: no-repeat;}
Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire en sorte que l'image de fond ne se répète pas

Message par myster-remy Sam 16 Mar 2013 - 21:02

merci pour le ccs mais, cela ne fonctionne pas...

Est-ce que ce tuto correspond à mon problème ?

https://forum.forumactif.com/t286701-image-de-fond-changeante-selon-la-resolution-du-visiteur
myster-remy

myster-remy
****

Masculin
Messages : 222
Inscrit(e) le : 21/10/2011

http://generation.forumactif.fr/
myster-remy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire en sorte que l'image de fond ne se répète pas

Message par Scipion Sam 16 Mar 2013 - 21:10

Bonne question. Essayez d'installer le code CSS contenu dans le tutoriel et si votre image de fond ne s'améliore pas alors appliquez tout le tutoriel.

Serait-il possible d'avoir l'Url de l'image de fond ou tout simplement ses dimensions ?

Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire en sorte que l'image de fond ne se répète pas

Message par myster-remy Sam 16 Mar 2013 - 21:24

myster-remy

myster-remy
****

Masculin
Messages : 222
Inscrit(e) le : 21/10/2011

http://generation.forumactif.fr/
myster-remy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire en sorte que l'image de fond ne se répète pas

Message par Scipion Sam 16 Mar 2013 - 21:34

Il me semble que ce n'est suffisant. Essayez avec cette image (1600 x 1200)px tout en faisant des tests successifs avec les deux codes CSS qui sont à votre disposition :

Code:
http://i70.servimg.com/u/f70/13/94/72/47/image_10.jpg
Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire en sorte que l'image de fond ne se répète pas

Message par myster-remy Sam 16 Mar 2013 - 21:39

J'ai testé les codes tu tuto que j'ai indiqué plus haut et cela ne fonctionne pas,

Malgré avoir entrée les adresses des images aux différentes dimensions l'image de fond n'apparait plus.

EDIT:

J'ai testé votre code cela agrandi l'image effectivement mais celle-ci n'est pas centre, pas assez large.

Je vais la re dimensionné pour voir.

myster-remy

myster-remy
****

Masculin
Messages : 222
Inscrit(e) le : 21/10/2011

http://generation.forumactif.fr/
myster-remy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire en sorte que l'image de fond ne se répète pas

Message par AenigmA Sam 16 Mar 2013 - 21:50

Bonsoir,
Logiquement le code en css devrait être

body {
background-color: #FFFFFF;
background-image: url("https://i.servimg.com/u/f70/13/94/72/47/image_10.jpg");
background-position: center top;
background-repeat: no-repeat;
}
AenigmA

AenigmA
Membre actif

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: faire en sorte que l'image de fond ne se répète pas

Message par Scipion Sam 16 Mar 2013 - 21:51

A quelle adresse avez-vous installé l'image de fond ? Normalement vous devez le faire en allant sur votre panneau d'administration (PA) >> Affichage >> Images et couleurs >> Gestion des images >> Mode avancé >> Général/Navigation :

Like a Star @ heaven Image du fond de page :

- supprimez tout le contenu du champ
- installez cette url : https://i.servimg.com/u/f70/13/94/72/47/image_10.jpg
- Enregistrez.

Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire en sorte que l'image de fond ne se répète pas

Message par myster-remy Sam 16 Mar 2013 - 21:55

Oui cela fonctionne avec votre dernier code,

body {
background-color: #FFFFFF;
background-image: url("https://i.servimg.com/u/f70/13/94/72/47/image_10.jpg");
background-position: center top;
background-repeat: no-repeat;
}

Et oui je passe bien par le chemin que vous indiqué pour l'image de fond.
myster-remy

myster-remy
****

Masculin
Messages : 222
Inscrit(e) le : 21/10/2011

http://generation.forumactif.fr/
myster-remy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire en sorte que l'image de fond ne se répète pas

Message par myster-remy Sam 16 Mar 2013 - 22:14

Je clos le problème apriori ça fonctionne avec le code ccs.

Pour éviter d'ouvrir un post pour rien, connaissez-vous un autre hébergeur d'image que servimg, en effet celui-ci ne prend plus le format png. J'ai essayé imagesia mais, le forum ne m'affiche pas les images avec cette hébergeur.

Cordialement
myster-remy

myster-remy
****

Masculin
Messages : 222
Inscrit(e) le : 21/10/2011

http://generation.forumactif.fr/
myster-remy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire en sorte que l'image de fond ne se répète pas

Message par Anzu Dim 17 Mar 2013 - 7:06


Bonjour,

Pour les hébergeurs d'images, une simple recherche sur google et vous trouverez votre bonheur Wink

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu 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