Problème avec l'image de fond de page
5 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème avec l'image de fond de page
bonjour à tous ^^
Je crée pour la première fois le design d'un forum, ou du moins je le test. Mon problème est que l'image de fond de page changeait selon les résolutions d'écran. J'ai donc mis ce script:
Voila la capture d'écran de chez MOI et celle de MON AMI.
Quelqu'un connait-il la solution à mon problème?
Informations:
-le seul CSS que j'ai mis est celui la
- Je ne sais pas si mon ami utilise le même navigateur web que moi
PS: si vous voulez plus d'information demandez
PPS: je ne sais pas si le sujet est bien placé
Merci d'avance ^^
MON FORUM
Je crée pour la première fois le design d'un forum, ou du moins je le test. Mon problème est que l'image de fond de page changeait selon les résolutions d'écran. J'ai donc mis ce script:
- Code:
$(function(){
var bg= http://i48.servimg.com/u/f48/15/18/77/96/image_15.jpg;
if(screen.width < 801) bg=http://i48.servimg.com/u/f48/15/18/77/96/60010.jpg;
else if(screen.width < 1025) bg=http://i48.servimg.com/u/f48/15/18/77/96/102410.jpg;
else if(screen.width < 1281) bg=http://i48.servimg.com/u/f48/15/18/77/96/120010.jpg;
else if(screen.width < 1601) bg=http://i48.servimg.com/u/f48/15/18/77/96/160010.jpg;
document.body.style.backgroundImage="url(\""+bg+"\")";
});
Voila la capture d'écran de chez MOI et celle de MON AMI.
Quelqu'un connait-il la solution à mon problème?
Informations:
-le seul CSS que j'ai mis est celui la
- Spoiler:
- body{
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}
- Je ne sais pas si mon ami utilise le même navigateur web que moi
PS: si vous voulez plus d'information demandez
PPS: je ne sais pas si le sujet est bien placé
Merci d'avance ^^
MON FORUM
Dernière édition par lebani le Sam 7 Jan 2012 - 14:49, édité 1 fois
Re: Problème avec l'image de fond de page
Demande une fois le navigateur de ton ami, le problème vient peut-être de celui-ci.
Après tu as le "no-repeat" dans le CSS, qui fait que le fond de ton forum sera centré comme sur le screen, et que tu auras la couleur assigné via le panneau de gestion des couleurs qui apparait derrière si il y à un quelconque problème.
Après tu as le "no-repeat" dans le CSS, qui fait que le fond de ton forum sera centré comme sur le screen, et que tu auras la couleur assigné via le panneau de gestion des couleurs qui apparait derrière si il y à un quelconque problème.
Re: Problème avec l'image de fond de page
oui mais le problème es que mon image de fond est CELLE CI ce qui fait que si elle se répète, ça ne concorde plus du tout :/
Y aurait-il une autre solution?
Y aurait-il une autre solution?
Re: Problème avec l'image de fond de page
J'ai ce même problème . Je croyais que je l'avais résolu mais rien. Que ce soit avec Mozilla ou Google c'est pareil.
J'ai posté le script chez JSLint et il n'est pas bon .
J'ai deux écrans en 1920 , deux en 1680 et un en 1450. Ainsi mon image de base est 1920. Sur mes autres écrans l'image est tronquée. Mon collègue en Bretagne la voit tronquée aussi donc ce n'est pas un problème de chez moi.
Voici le rapport JSLint
Error:
Problem at line 1 character 1: '$' was used before it was defined.
$(function(){
Problem at line 1 character 11: Expected exactly one space between 'function' and '('.
$(function(){
Problem at line 1 character 13: Expected exactly one space between ')' and '{'.
$(function(){
Problem at line 1 character 13: Missing space between ')' and '{'.
$(function(){
Problem at line 2 character 1: Unexpected '(space)'.
Problem at line 3 character 1: Expected 'var' at column 5, not column 1.
var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;
Problem at line 3 character 7: Missing space between 'bg' and '='.
var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;
Problem at line 3 character 9: 'http' was used before it was defined.
var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;
Problem at line 3 character 13: Expected ';' and instead saw ':'.
var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;
Problem at line 4 character 1: Unexpected '(space)'.
Problem at line 3 character 13: Expected an identifier and instead saw ':'.
var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;
Problem at line 3 character 13: Stopping. (25% scanned).
Undefined variable: http 1 '$'
Unused variable: bg 1 '$'
J'ai posté le script chez JSLint et il n'est pas bon .
J'ai deux écrans en 1920 , deux en 1680 et un en 1450. Ainsi mon image de base est 1920. Sur mes autres écrans l'image est tronquée. Mon collègue en Bretagne la voit tronquée aussi donc ce n'est pas un problème de chez moi.
Voici le rapport JSLint
Error:
Problem at line 1 character 1: '$' was used before it was defined.
$(function(){
Problem at line 1 character 11: Expected exactly one space between 'function' and '('.
$(function(){
Problem at line 1 character 13: Expected exactly one space between ')' and '{'.
$(function(){
Problem at line 1 character 13: Missing space between ')' and '{'.
$(function(){
Problem at line 2 character 1: Unexpected '(space)'.
Problem at line 3 character 1: Expected 'var' at column 5, not column 1.
var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;
Problem at line 3 character 7: Missing space between 'bg' and '='.
var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;
Problem at line 3 character 9: 'http' was used before it was defined.
var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;
Problem at line 3 character 13: Expected ';' and instead saw ':'.
var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;
Problem at line 4 character 1: Unexpected '(space)'.
Problem at line 3 character 13: Expected an identifier and instead saw ':'.
var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;
Problem at line 3 character 13: Stopping. (25% scanned).
Undefined variable: http 1 '$'
Unused variable: bg 1 '$'
Re: Problème avec l'image de fond de page
mon image de fond est stable quelle que soit la résolution
avec uniquement du css
avec uniquement du css
- Code:
body {
margin:0;
padding:0;
background: url("url_de_mon_image") no-repeat center fixed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
Re: Problème avec l'image de fond de page
a cool, merci
tu aurais tt de mm un lien vers ton forum pour voir ce que ça donne stp?
tu aurais tt de mm un lien vers ton forum pour voir ce que ça donne stp?
Re: Problème avec l'image de fond de page
quel bonheur ça marche!
merci infiniment
merci infiniment
Re: Problème avec l'image de fond de page
heureux d'avoir ou rendre service
Sujets similaires
» Problème avec le fond de page
» Problème avec l'installation d'un nouveau fond de page sur mon Forum.
» Probleme avec l'image de fond de page
» probleme avec mon image de fond de page
» Problème avec l'image du fond de page
» Problème avec l'installation d'un nouveau fond de page sur mon Forum.
» Probleme avec l'image de fond de page
» probleme avec mon image de fond de page
» Problème avec l'image du fond de page
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum