Comment faire pour que mon fond bouge

[Chéryl145]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : Après avoir installé mon design
Lien du forum : http://graphismelesangesden.forumactif.org

Description du problème

Bonsoir
Je viens de finir d'installer mon design . Je viens de m'apercevoir que le fond ne bouge pas . comme sur le
forum test . Pouvez vous m'aider .
Merci .
PS On dirait que mon fond est attaché a une catégorie je ne me souviens plus comment faire pour le détacher .

Cordialement
Chéryl
https://www.graphisme-lesangesdenadege.com

[Chéryl145]

Bonjour

j'aimerai avoir mon fond qui bouge
Merci
Chéryl

[Chéryl145]

up

[Chéryl145]

UP

Urgent
merci

[Laférosse]

Bonjour, sur votre version, je pense me rappeler que l'option fixe ou pas se trouve au niveau de l'insertion de l'image de fond dans votre panneau administration.

[Chéryl145]

Bonjour
Mon fond se trouve
dans
Gestion des Images
Images et Couleurs
Gestion Des Images

Merci de votre aide

[creange]

Bonjour Cheryl145
as tu essayé de mettre ce code css

Code:


body{background-attachment:scroll;}

Bonjour Crocnana  cette option existait avant sur la version mais n'apparaît plus maintenant ...

[Chéryl145]

Bonjour
je viens de le mettre
cela ne fait rien
je ne comprends pas

[MlleAlys]

Bonjour,
Si j'ai bien compris, vous souhaitez plutôt une image de fond fixe par rapport à l'écran, lorsque les catégories vont elles défiler.
Essayez donc plutôt de modifier le code ainsi :

Code:

body {
  background-attachment : fixed ;
}

[Chéryl145]

Bonjour

j'aimerais avoir mon Fond l'avoir comme le test

mais impossible
https://https-forumtest2.forumactif.com/

je ne comprends pas .

[MlleAlys]

Vous n'avez pas modifié le code css comme je l'ai mis, c'est encore marqué "scroll" et non "fixed".
Modifiez le code css ou remplacez-le comme je l'ai indiqué dans mon message précédent, enregistrez.

[Chéryl145]

Je ne le trouve pas

[MlleAlys]

Je vois toujours l'ancien lorsque j'inspecte votre forum.
Actualisez, réessayez. Pouvez-vous faire une capture du code installé ?

Ce code :

Code:

body {
  background-attachment: scroll;
}

Doit être remplacé par :

Code:

body {
  background-attachment : fixed ;
}

[Chéryl145]

Voici je vous ai fais les capture d'écran




J'ai trouvé , je viens de le changer .
mais toujours pareil

[MlleAlys]

Il semble y avoir beaucoup de codes erronés dans votre feuille de style, et un mélange avec des codes javascript au lieu de css.
Pouvez-vous copier/coller l'intégralité de la feuille de style ici pour qu'on puisse "nettoyer" un peu ?

[Chéryl145]

Il semble y avoir beaucoup de codes erronés dans votre feuille de style, et un mélange avec des codes javascript au lieu de css.
Pouvez-vous copier/coller tout l'ensemble des codes ici pour qu'on puisse "nettoyer" un peu ?

[Chéryl145]

Oui bien sure

voici

body  .postbody {
text-align:center;


   
.sceditor-container iframe, .sceditor-container textarea {
background:url()https://i.servimg.com/u/f42/14/38/60/81/image412.jpg!important;}


body{background-attachment:scroll;}
body postbody {
}.postbody {postbody {text-align:center }



http://zufont.appspot.com/n/heart1.cur), auto;
}        #page-footer
        #navcontainer {
       background-color: #B5854B;
       border-bottom: solid 1px #fff;
       border-top: solid 1px #fff;
       margin-right:0; /*marge droite*/
       margin-left:0;  /*marge gauche*/
       
       }       {
       background-image:[url=http://www.hostingpics.net][/url;
       background-repeat: no-repeat;
       background-position: bottom left;
         width: 723;
       height: 300px;
         margin: 0px -10px -10px -10px;
       }
           
         body bgcolor="#FFFFFF" background="images/monImage.jpg" bgproperties="fixed">
      $(function(){
   $("body").append(' ');
   });
   
   $(function(){
   $("body").append('');
   });      
       
     .boutonhaut {
   bottom: 70px;
   right: 15px; /* remplacez right par left pour afficher les boutons à gauche */
   position: fixed;
   z-index: 100;
}
.boutonbas {
   bottom: 20px;
   right: 15px; /* remplacez right par left pour afficher les boutons à gauche */
   position: fixed;
   z-index: 100;
}
}
body{background-attachment:scroll;}
.postdetails.poster-profile img {
          max-width: 200px;
          max-height: 200px;
          border-radius: 50%;
}
.postdetails.poster-profile img {
       border-radius: 50%;
}.sceditor-button-hostimg div {
   background-position: center center !important;
   background-image: url('https://ahp.li/6f5f8ba6788785ab64b4.gif') !important;
   background-size: 16px;
}        body {
         cursor:url('https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/curseur-halloween-1.cur'),auto;
       }
body bgcolor="#FFFFFF" background="images/monImage.jpg" bgproperties="fixed">
$(function(){
   $("body").append('div class="boutonhaut">a href="#top">img src="https://i.goopics.net/03mpoz.png" alt="Aller en haut" />/a> /div>');
   });
    body {
 background-attachment : fixed ;
}

   $(function(){
   $("body").append('div class="boutonbas">a href="#bottom">img src="https://i.goopics.net/wp46ju.png" />/a>');

[MlleAlys]

(inutile de poster plusieurs fois d'affilée)

Un code css se présente de cette façon : On vise d'abord l'élément à modifier, puis entre accolades, on indique sa mise en forme :

Code:

élément { mise en forme de l élément entre les accolades }

Ou, avec des retours à la ligne :

Code:

élément {
  mise en forme de l élément
  entre les accolades
  souvent présentée avec
  une propriété par ligne
  pour pouvoir mieux les lire
}

Vous devez bien fermer l'accolade d'un code avant d'ajouter un nouveau code après : Dans votre feuille de styles, vous avez des codes imbriqués les uns dans les autres au lieu d'être les uns après les autres, donc qui ne sont pas bien lus ni affichés.


Tout ce qui commence par "$(function()" n'est pas un code css mais un code javascript/jquery : Ils ne se placent pas dans la feuille de style css, mais dans modules > javascripts. Ici, ils ne servent à rien, voire provoquent des erreurs.

De même, les balises bbcode entre crochets du type "[ url= ] [/ url]" n'ont rien à faire non plus dans la feuille de styles.


Remplacez l'ensemble de votre feuille de style css par celle-ci (qui regroupe normalement les codes fonctionnels de la précédente) :

Code:


body {
  background-attachment: fixed ;
}

.postbody {
  text-align: center;
}

.boutonhaut {
  z-index: 100;
  position: fixed;
  left: 15px;
  bottom: 100px;
}

.boutonbas {
  z-index: 100;
  position: fixed;
  left: 15px;
  bottom: 20px;
}

.postdetails.poster-profile img {
  max-height: 200px;
  max-width: 200px;
  border-radius: 50%;
}

.sceditor-button-hostimg div {
  background-image: url(https://ahp.li/6f5f8ba6788785ab64b4.gif) !important;
  background-position: center center !important;
  background-size: 16px;
}



(certains affichages peuvent changer, puisque certains codes se trouvaient non affichés avant à cause des erreurs peuvent l'être maintenant, si c'est le cas, on pourra refaire des modifications que vous souhaitez)

[Chéryl145]

Tout d'abord je tenais a vous remercier .
tout ce que vous avez poste je dois le mettre , c'est la premiere fois que je fais ça
ou dois mettre juste le dernier
merci

[MlleAlys]

Rendez-vous dans affichage > couleurs & css > onglet feuille de style css,
Supprimez TOUS les codes de la zone de saisie pour la vider complètement,
Puis copiez-collez l'ensemble des codes suivants :

Code:

 

body {
  background-attachment: fixed ;
}
 
.postbody {
  text-align: center;
}
 
.boutonhaut {
  z-index: 100;
  position: fixed;
  left: 15px;
  bottom: 100px;
}
 
.boutonbas {
  z-index: 100;
  position: fixed;
  left: 15px;
  bottom: 20px;
}
 
.postdetails.poster-profile img {
  max-height: 200px;
  max-width: 200px;
  border-radius: 50%;
}
 
.sceditor-button-hostimg div {
  background-image: url(https://ahp.li/6f5f8ba6788785ab64b4.gif) !important;
  background-position: center center !important;
  background-size: 16px;
}



Enregistrez.

[Chéryl145]

Milles Merci je suis vraiment contente . Je vous remercie du fond du Coeur
vous êtes très forte . Vous aviez raison mon CSS été vraiment mauvais j'ai pris note de tout ce que vous m'avez écris

Cordialement

Cheryl qui vous remercie

J'ai mis le CSS comme il était . et retire l'autre il y avait trop d'erreur

[MlleAlys]

De rien, n'oubliez pas de mettre l'icone sur votre sujet.

[Chéryl145]

Encore merci
j'allais oublier

trop contente