Fixer le background

**toffffe** · 16/10/2014, 19h57

Re : Fixer le background

Tu peux mettre ton background en fixed dans ton css

**8GoUrCuFf8** · 16/10/2014, 20h08

Re : Fixer le background

j'ai essayé, ça ne change rien!

Voilà mon code dans le tdefaut.css :

Code:

body{
 margin:0;  
 padding:0;  
 text-align:center;  
 background:#fff ; 
 font-size:13px;  
 color:#030303;  
 font-family: tahoma, arial, sans-serif;  
 font-weight:bold;
background-repeat:no-repeat;
background-attachment:fixed

**manu93fr** · 16/10/2014, 21h15

Re : Fixer le background

Bonsoir
si le "body" doit bouger mais pas l'image de fond , ce n'est pas dans "body" qu'il faut chercher

Aide toi de la console de ton navigateur pour trouver l'image et la mettre a "fixed" comme te le préconise Toffffe

**8GoUrCuFf8** · 16/10/2014, 21h26

Re : Fixer le background

J'utilise Firebug, mais même en inspectant les éléments, impossible de trouver quel ligne et quel fichier modifier.

**manu93fr** · 16/10/2014, 21h34

Re : Fixer le background

une adresse ?

**8GoUrCuFf8** · 17/10/2014, 05h39

Re : Fixer le background

Oui : http://www.fmolympia.net

Par contre je crois que le site est en maintenance et je pourrai te le débloUer cette après-midi si tu veux.

Merci d'avance.

**8GoUrCuFf8** · 18/10/2014, 12h07

Re : Fixer le background

Le site est en ligne si tu veux regarder...

**fynhooft** · 18/10/2014, 12h16

Re : Fixer le background

Bonjour,

Regarde dans le fichier index.php de ton template.
A la ligne 17, d'apres Firebug, tu rajoutes :

Code:

background-attachment : fixed;

**8GoUrCuFf8** · 18/10/2014, 12h30

Re : Fixer le background

Mon fichier index.php est fait sur une seule ligne...

**8GoUrCuFf8** · 18/10/2014, 15h11

Re : Fixer le background

Du coup je comprends pas pourquoi tu me dis ligne 14 ?

**manu93fr** · 18/10/2014, 23h13

Re : Fixer le background

Bonsoir
oublie le conseil precedent ... t'auras rien dans le fichier index.php a changer
C'est dans le css du template que ça se passe

cherche et modifie cette ligne

background: url('/images/templates/ashton/images/back1.png') fixed 0px 0px transparent;

**8GoUrCuFf8** · 19/10/2014, 08h59

Re : Fixer le background

Bonjour,

J'ai été dans le tdefaut.css du template, et la ligne n'existe pas. Même en recherchant seulement "back1" correspondant à mon background, aucun résultat.

**Rajoz** · 19/10/2014, 14h54

Re : Fixer le background

Bonjour 8GoUrCuFf8,

En regardant le site on voit que le style du background de body est défini à deux endroits : index.php et tdefault.css

Dans templates/ashton/index.php, juste avant </head>, il y a le code CSS inline suivant qui permet de définir le background de body. Ce code source HTML peut bien sûr avoir été généré par du PHP en fonction de paramètres du template (je ne peux voir sur le site que le code source HTML résultat, pas le PHP).

Code:

<head>
    ...
   <style type="text/css">
       body {background:url('/images/templates/ashton/images/back1.png') repeat 0 0;}
   </style>
</head>

Dans templates/ashton/css/tdefaut.css, ligne 19, est défini le style de body :

Code:

body {
    margin:0;
    padding:0;  
    text-align:center;  
    background:#fff ; 
    font-size:13px;  
    color:#030303;  
    font-family: tahoma, arial, sans-serif;  
    font-weight:bold;
    background-repeat:no-repeat;
    background-attachment:fixed;
}

Comme on le voit dans "Inspecter l'élément" sur body, la définition background-attachment: fixed; de tdefault.css est écrasée par la définition background codée dans index.php (la valeur par défaut dans background de l'attribut attachment est scroll) :

Il y a trois solutions possibles (n'utiliser qu'une seule des trois) :

1) Modifier index.php
Dans le CSS inline ou dans le PHP qui le génère, il faut ajouter fixed au background défini pour le style de body pour que le résultat en code source HTML devienne :

Code:

<head>
    ...
   <style type="text/css">
       body {background:url('/images/templates/ashton/images/back1.png') repeat 0 0 [B]fixed[/B];}
   </style>
</head>

2) Modifier tdefaut.css
Ajouter !important pour que la définition background-attachment: fixed; de body devienne prioritaire sur celle définie dans index.php :

Code:

body {
    ...
    background-attachment: fixed [I][B]!important[/B][/I];
}

3) Modifier index.php et tdefault.css
Si l'affichage de l'image dans index.php est le résultat par exemple d'un code PHP qui va chercher l'image dans les paramètres du template, il me paraît plus "propre" d'attribuer des rôles distincts à index.php et tdefaut.css en ce qui concerne le style du background de body.

index.php gère la partie variable du style du background de body c'est-à-dire seulement l'image :

Code:

body { background-image: url('/images/templates/ashton/images/back1.png'); }

tdefaut.css gère la partie fixe du style du background de body (les autres attributs du background) :

Code:

body {
    ...
    background-color: ...;
    background-position: ...;
    background-size: ...;
    background-repeat: ...;
    background-origin: ...;
    background-clip: ...;
    background-attachment: ...;
}

Amicalement,
Rajoz

**8GoUrCuFf8** · 19/10/2014, 15h25

Re : Fixer le background

Envoyé par Rajoz Voir le message

2) Modifier tdefaut.css
Ajouter !important pour que la définition background-attachment: fixed; de body devienne prioritaire sur celle définie dans index.php :

Code:

body {
    ...
    background-attachment: fixed [I][B]!important[/B][/I];
}

Bonjour et un grand merci à toi, j'ai opté pour cette solution et ça fonctionne parfaitement!!

Bon Dimanche!

Fixer le background

Fixer le background

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association