[Réglé] Comment éviter que le background ce répète

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.2

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !
Partager sur FacebookPartager sur TwitterPartager sur Google+

[Réglé] Comment éviter que le background ce répète

Messagepar webmaster-debutant » 09 Aoû 2017 à 19:36

Bonjour ,

Comment éviter que le background ce répète et comment le centrer
Voici le code de mon fichier CSS
Code: Tout sélectionner
html, body {
	color: #053754;
	background: url("./images/background.jpg"); 
}


Mon site : http://jarrete-de-fumer.org/

Merci
Les forums des supporters de l'Olympique Lyonnais https://www.supporters-lyonnais.com/
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
 
Messages: 131
Enregistré le: 17 Déc 2014 à 11:40
Localisation: Lyon (69)

Re: Comment éviter que le background ce répète

Messagepar Mazeltof » 09 Aoû 2017 à 20:37

'soir ici,

Par exemple, dans ta feuille de style :
trouve :
Code: Tout sélectionner
html, body {
	color: #053754;
	background: url("./images/background.jpg"); 
}

remplace par :
Code: Tout sélectionner
html, body {
	color: #053754;
	background: url("./images/background.jpg"); 
	background-repeat: no-repeat; /* sans repetition */
}

tu peux aussi utiliser si tu le souhaites :
Code: Tout sélectionner
	background-position: center center; /* position : horizontale verticale */
	background-attachment: fixed; /* ne bouge pas avec le scroll */
	background-size: cover; /* s'adapte a la taille d'ecran */
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2158
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Comment éviter que le background ce répète

Messagepar galixte » 09 Aoû 2017 à 20:43

Pourquoi des fois on propose cover et d’autres fois contain ? Je suis une quiche de la CSS. :?
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 10037
Enregistré le: 08 Mar 2004 à 01:40
Localisation: Sud de la France.

Re: Comment éviter que le background ce répète

Messagepar webmaster-debutant » 09 Aoû 2017 à 21:44

Mazeltof a écrit:'soir ici,

Par exemple, dans ta feuille de style :
trouve :
Code: Tout sélectionner
html, body {
	color: #053754;
	background: url("./images/background.jpg"); 
}

remplace par :
Code: Tout sélectionner
html, body {
	color: #053754;
	background: url("./images/background.jpg"); 
	background-repeat: no-repeat; /* sans repetition */
}

tu peux aussi utiliser si tu le souhaites :
Code: Tout sélectionner
	background-position: center center; /* position : horizontale verticale */
	background-attachment: fixed; /* ne bouge pas avec le scroll */
	background-size: cover; /* s'adapte a la taille d'ecran */


Salut ,

Merci pour le retour , bizarement quand je rentre la fonction " s'adapte à la taille de l'écran" ça ne s'adapte pas du tout et quand je l'enlève ça rend bien ;)

J'ai trouver mon bonheur merci :)
Les forums des supporters de l'Olympique Lyonnais https://www.supporters-lyonnais.com/
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
 
Messages: 131
Enregistré le: 17 Déc 2014 à 11:40
Localisation: Lyon (69)

Re: Comment éviter que le background ce répète

Messagepar Mazeltof » 09 Aoû 2017 à 21:51

@galixte: si je ne m'abuse
cover ajuste l'image pour couvrir complètement l'écran (et une partie de l'image peut ne pas être visible) tandis que
contain ajuste l'image pour qu'elle entre entièrement sur l'ecran (et une partie de l'écran peut ne pas être "couverte" par l'image)
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2158
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras


Retourner vers [3.2.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : jmperu et 2 invités