mettre image fond d'ecran qui flotte

[vpndiscount]

Je m'explique niveau design je connais pas grand chose donc j'ai besoin de votre aide dans mon site voici l'adresse : https://www.vpnfreeway.net dans toutes les pages il y a un cadre au millieu (le cadre de contenu) et a l'exterieur c'est un fond blanc (pas image juste fond), ce que je souhaite c'est de mettre une image a cette endroit en fond d'ecran et que l'image reste fixe mais que le cadre interieur bouge par dessus lorsque l'utilisateur descend ou monte sur le site...

merci de votre aide

 

[zeb]

voir CSS Backgroung

 

[vpndiscount]

merci pour ta reponse rapide mais en quoi cela va faire que le cadre au milieu y reste et bouge en fait sur l'image de fond?

 

[loubet]

plus précisément :
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-attachment

 

[vpndiscount]

merci mais je ne vois pas les changement voici la partie modifier de mon header :

<!-- Content Wrapper -->
<div class="contentWrapper">
<div class="outerShadow"> </div>
<div class="innerShadow"> </div>
<div class="center clearfix">{literal}
<style>
body {
background-image: url("https://www.vpnfreeway.net/eclients/templates/RackHost/bg-body.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
}
</style>{/literal}
<div class="clearfix"> </div>
<!-- Content Starts - Header template should end here -->

<div id="whmcsthemes" style="margin-top:30px;">

 

[zeb]

Commence par éviter d'envoyer deux pages en une et il faut vérifier que ton site fonctionne bien :

<?php include_once("analyticstracking.php") ?>

tu as deux header et deux body a l'accueil c'est complètement bugué là.

 

[vpndiscount]

voila j'ai enlever la page en plus j'espere que les scripts que j'ai mis apres fonctionnerons car j'ai besoin de savoir le traffic du site...

 

[vpndiscount]

le probleme n'est pas resolu pouvez vous m'aider?

 

[p0k3]

body{
  background: url(<lien_vers_img>) no-repeat top center #fff;
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}

ça figera ton image en background !

 

[zeb]

<lien_vers_img>

"url de l'image" pas lien ;-)

 

[p0k3]

<lien_vers_img>

"url de l'image" pas lien ;-)

chipote !

 

[zeb]

Oui et non, mes anciens profs de technique qui doivent être tous morts à cette heure ci (ou presque tous) me disaient toujours d'être précis dans les termes ... C'est important vu le nombre de généralisation qu'on vois ici, d'utiliser le vocabulaire adapté, en plus il y a plein de débutants.

Là pratiquement tu peux envisager un gus qui te plante un code style :
background: url(<a href="http://www.example.com"></a>) no-repeat top center #fff;
et qui se re-pointe en disant ça marche pas et qui te demande ce qu'il doit mettre dans l'anchor :wink:

Bon après je suis pas un fervent de la défense de la langue et des traditions (loin de là) mais plus ça va plus la précision est nécessaire. L'univers est en expansion pas l'inverse :wink:

 

[vpndiscount]

sa ne fonctionne toujours pas :

<!-- Content Wrapper -->
<div class="contentWrapper">
<div class="outerShadow"> </div>
<div class="innerShadow"> </div>
<div class="center clearfix">
{literal}
<style>
body{
  background: url(https://www.vpnfreeway.net/eclients/templates/RackHost/bg-body.jpg) no-repeat top center #fff;
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}
</style>{/literal}
<!-- Additional clearfix necessary for non floated objects -->
<div class="clearfix"> </div>
<!-- Content Starts - Header template should end here -->

 

[p0k3]

tu as ça dans ton CSS :

.contentWrapper {
  position: relative;
  z-index: 1;
  padding-bottom: 40px;
  color: #333;
  background: #fff   url(https://www.vpnfreeway.net/eclients/templates/RackHost/resources/img/layout/innerShadowBottom.png) left bottom repeat-x; 
}

Il faut enlever la ligne "background: #fff url(https://www.vpnfreeway.net/eclients/templates/RackHost/resources/img/l ... Bottom.png) left bottom repeat-x;"

Et pour ton body

body{
  background: url(https://www.vpnfreeway.net/eclients/templates/RackHost/bg-body.jpg) no-repeat top center #fff;
  -webkit-background-size: cover;
  background-size: cover;
  background-origin: initial;
  background-attachment: fixed;
}

 

[vpndiscount]

ne foncionne pas non plus voici la partie de mon body :

<!-- Content Wrapper -->
<div class="contentWrapper">
<div class="outerShadow"> </div>
<div class="innerShadow"> </div>
<style>
body{
  background: url(https://www.vpnfreeway.net/eclients/templates/RackHost/bg-body.jpg) no-repeat top center #fff;
  -webkit-background-size: cover;
  background-size: cover;
  background-origin: initial;
  background-attachment: fixed;
}</style>
<div class="center clearfix">
<!-- Additional clearfix necessary for non floated objects -->
<div class="clearfix"> </div>
<!-- Content Starts - Header template should end here -->

pour le CSS j'ai enlever la ligne j'ai effacer le cache tester et non fonctionnel je remet l'ancienne version jusqu'a ce que quelqu'un me trouve reellement la solution.

 

[vpndiscount]

quelqu'un aurai une idee?