Enlever image de fond.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Enlever image de fond.
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
Re: Enlever image de fond.
Bonjour !
Ou alors, faire comme ceci :
Ou alors, faire comme ceci :
- Code:
body {
background-image: (' URL IMAGE ');
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}
Invité- Invité
Re: Enlever image de fond.
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 ?
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: ( https://2img.net/r/hpimg11/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(https://i.servimg.com/u/f58/17/39/00/51/maillo11.png) no-repeat;
padding-left:20px;}
a span[style="color:#E60707"] strong {
background:url(https://i.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;
}
Re: Enlever image de fond.
Bonjour !
Okay ! Merci pour le CSS.
Voici une mise à jour + correction :
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;
}
Invité- Invité
Re: Enlever image de fond.
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
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.
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.
Re: Enlever image de fond.
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 !
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 !
Sujets similaires
» Enlever l'image de fond . . .
» Enlever une image sur un fond
» image de fond qui ne veut pas s'enlever
» Image de fond d'avatar, comment enlever?
» Enlever le Fond dans " Insérer une image "
» Enlever une image sur un fond
» image de fond qui ne veut pas s'enlever
» Image de fond d'avatar, comment enlever?
» Enlever le Fond dans " Insérer une image "
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum