Enlever image de fond.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Enlever image de fond.

Message par GrosDav le Ven 30 Déc 2016 - 14:46

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.


Dernière édition par GrosDav le Ven 30 Déc 2016 - 16:35, édité 1 fois
avatar

GrosDav
Nouveau membre

Messages : 4
Inscrit(e) le : 19/12/2016

http://www.100pour100parisiens.org
GrosDav a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever image de fond.

Message par Zoch le Ven 30 Déc 2016 - 15:18

Bonjour !

Ou alors, faire comme ceci :
Code:
body {
background-image: (' URL IMAGE ');
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}
avatar

Zoch
****

Masculin
Messages : 300
Inscrit(e) le : 17/09/2014

http://roi-pub.forumactif.org/
Zoch a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever image de fond.

Message par GrosDav le Ven 30 Déc 2016 - 15:27

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:
.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;
}
body {
background-image: ( http://img11.hostingpics.net/pics/217017fonddcrandepsg31.jpg );
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 40px;
margin: 0 5px;
border-radius: 0px;
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;
}
avatar

GrosDav
Nouveau membre

Messages : 4
Inscrit(e) le : 19/12/2016

http://www.100pour100parisiens.org
GrosDav a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever image de fond.

Message par Zoch le Ven 30 Déc 2016 - 15:42

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;
}
avatar

Zoch
****

Masculin
Messages : 300
Inscrit(e) le : 17/09/2014

http://roi-pub.forumactif.org/
Zoch a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Enlever image de fond.

Message par oxymore le Ven 30 Déc 2016 - 16:13

Bonjour

C'est surtout du coté du javascript que ça bloque Wink
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.





oxymore
***

Messages : 122
Inscrit(e) le : 09/11/2008

http://www.google.fr
oxymore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever image de fond.

Message par GrosDav le Ven 30 Déc 2016 - 16:36

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 !
avatar

GrosDav
Nouveau membre

Messages : 4
Inscrit(e) le : 19/12/2016

http://www.100pour100parisiens.org
GrosDav a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum