Enlever image de fond.

[GrosDav]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.100pour100parisiens.org

Description du problème

Bonjour,

je viens de récupérer la gestion du forum suite au décès du fondateur, donc je découvre pas à pas la gestion de ce type de forum.
A la demande de plusieurs membres, je voulais changer l'image de fond du forum, mais quand je change l'image du fond de page dans le PA -> Affichages -> Images et Couleurs
Gestion des images -> Mode Avancé, rien ne change sur le forum.
Dans le CSS je n'ai que ça visiblement concernant l'image de fond si je ne me trompe pas.

body {
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}

Comment faire pour pouvoir dans un premier temps cette image de fond svp?

Merci d'avance pour vos réponses.

Cordialement.
GD.

[Invité]

Bonjour !

Ou alors, faire comme ceci :

Code:

body {
background-image: (' URL IMAGE ');
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}

[GrosDav]

Merci pour votre réponse,

C'est fait mais aucun changement.

Est-ce que si je mets ici le contenu complet du CSS quelqu'un peut me dire si c'est quelque chose d'autre qui bloque ?

Spoiler:

[Invité]

Bonjour !

Okay ! Merci pour le CSS.
Voici une mise à jour + correction :

Code:

body {
   background-image: ('http://img11.hostingpics.net/pics/217017fonddcrandepsg31.jpg');
   background-position: top center;
   background-repeat: no-repeat;
   background-attachment: fixed;
}

.secondarytitle,
.secondarytitle h2 {
   font-family:Arista 2.0;
}

a.forumlink {
   font-family:Arista 2.0;
}

.mini_ava {
   float: left;
}

.mini_ava img {
   width: 30px;
   height: 40px;
   margin: 0 5px;
   border-radius: 10px;
   transition: all 2s;
   -moz-transition: all 2s;
   -webkit-transition: all 2s;
   -o-transition: all 2s;
}

.mini_ava img:hover {
   width: 80px;
   height: 80px;
}

.fa_avatar {
   width: 25px;
   height: 30px;
   position: relative;
   top: -3px;
   margin-right: 5px;
   border-radius: 3px;
   margin-bottom: -15px;
}


/* Icônes couleur dans la palette */
.color-option {
   display: inline-block !important;
   width: 15px !important; /* largeur de l'icône couleur */
   height: 15px !important; /* hauteur de l'icône couleur */
   border: 2px solid #fff !important; /* cadre blanc sur l'icône couleur */
   margin: 3px !important; /* espace entre chaque icône */
   box-shadow: 0 0 2px #778899; /* ombre */
   cursor: pointer !important;
}

.color-option span {
   display: block !important;
   width: 15px !important; /* largeur de l'icône couleur */
   height: 15px !important; /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 0px; /* arrondi */
}

/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
   width: 200px !important; /* largeur de la palette complète */
      height: 100px !important; /* hauteur de la palette complète */
   padding: 5px !important;
border-radius: 5px !important;
}

.fpanel {
   position: fixed;
}

.fpclose,
.fpopen {
   cursor: pointer;
}

.fpclose {
   display: none;
}

#fp771 {
   top: 20%;
   right: -507px;
}

#fp771 .fpcontent {
   width: 500px;
}

.linklist {
   display:none;
}

a span[style="color:#0341FC"] strong {
   background:url('http://i58.servimg.com/u/f58/17/39/00/51/maillo11.png') no-repeat;
   padding-left:20px;
}

a span[style="color:#E60707"] strong {
   background:url('http://i58.servimg.com/u/f58/17/39/00/51/maillo11.png') no-repeat;
   padding-left:20px;
}

#fa_toolbar {
   background-color: transparent !important; /* Rend transparent le fond principal */
}

#fa_right {
   background-color: #000000; /* Couleur de fond */
   border-radius: 0 0 40px 40px; /* Arrondis les bords */
   padding-left: 10px; /* Règle la marge intérieure gauche */
   padding-right: 10px; /* Règle la marge intérieure droite */
   position: relative; /* Permet de décaler la toolbar */
   right: 20px; /* Décale la toolbar de la droite */
}

#fa_left {
   background-color: #000000; /* Couleur de fond */
   border-radius: 0 0 0 40px; /* Arrondis les bords */
   position: relative; /* Permet de décaler la toolbar */
   left: 20px; /* Décale la toolbar de la gauche */
   margin-top: -1px; /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
   padding-left: 10px; /* Règle la marge intérieure gauche */
   padding-right: 10px; /* Règle la marge intérieure droite */
}

#fa_search {
   background-color: #000000; /* Couleur de fond */
   margin-top: -1px; /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
   padding-left: 10px; /* Règle la marge intérieure gauche */
   padding-right: 10px; /* Règle la marge intérieure droite */
}

#fa_share {
   background-color: #000000; /* Couleur de fond */
   border-radius: 0 0 40px; /* Arrondis les bords */
   position: relative; /* Permet de décaler la toolbar */
   left: -20px; /* Décale la toolbar de la gauche */
   margin-top: -1px; /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
   padding-left: 10px; /* Règle la marge intérieure gauche */
   padding-right: 10px; /* Règle la marge intérieure droite */
}

/*cacher sa présence en ligne*/
input[name=hideonline] {
   display: none;
}

[oxymore]

Bonjour

C'est surtout du coté du javascript que ça bloque
Vous avez un script permettant d'afficher une image de fond en fonction de la taille de l'écran.

Il se trouve dans modules - gestion des codes javascript et il prend le dessus sur l'insertion du background via le CSS..

Ce script

Code:

$(function(){var bg="http://i35.servimg.com/u/f35/17/39/00/51/emery_59.jpg";if(screen.width<801)bg="http://i35.servimg.com/u/f35/17/39/00/51/emery_54.jpg";else if(screen.width<1025)bg="http://i35.servimg.com/u/f35/17/39/00/51/emery_56.jpg";else if(screen.width<1201)bg="http://i35.servimg.com/u/f35/17/39/00/51/emery_55.jpg";else if(screen.width<1601)bg="http://i35.servimg.com/u/f35/17/39/00/51/emery_57.jpg";else if(screen.width<1921)bg="http://i35.servimg.com/u/f35/17/39/00/51/emery_58.jpg";document.body.style.backgroundImage="url(\""+bg+"\")"});

Vous pouvez soit le supprimer ou le garder en décochant le placement ( sur toutes les pages ou autres... ) et validez.
il ne sera plus actif mais vous pourrez toujours l’utiliser ultérieurement.

[GrosDav]

Un grand merci pour votre aide.

Le problème est maintenant résolu. Il me reste encore beaucoup à apprendre pour gérer le forum, mais grâce à vous j'aurais déjà bien progressé aujourd'hui.

Bonne fin de journée à vous !