mettre image fond d'ecran qui flotte

vpndiscount

WRInaute discret
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
 

vpndiscount

WRInaute discret
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

WRInaute accro
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

WRInaute discret
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...
 

p0k3

WRInaute occasionnel
Code:
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

WRInaute accro
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

WRInaute discret
sa ne fonctionne toujours pas :

Code:
<!-- 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

WRInaute occasionnel
tu as ça dans ton CSS :

Code:
.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
Code:
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

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

Code:
<!-- 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.
 

Discussions similaires

Haut