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

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

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

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

http://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 le Sam 16 Mar 2013 - 21:02

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

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

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

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

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

http://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 le Sam 16 Mar 2013 - 21:24

Voici l'url. http://www.servimg.com/image_preview.php?i=39&u=17678480

800x600

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

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

http://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 le 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
****

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 le Sam 16 Mar 2013 - 21:50

Bonsoir,
Logiquement le code en css devrait être

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

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

Message par Scipion le 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 : http://i70.servimg.com/u/f70/13/94/72/47/image_10.jpg
- Enregistrez.

Cordialement

Scipion
+ Hyperactif +

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

http://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 le Sam 16 Mar 2013 - 21:55

Oui cela fonctionne avec votre dernier code,

body {
background-color: #FFFFFF;
background-image: url("http://i70.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
****

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

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

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

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