AccueilMembres connectés récemment
[MODERNBB] Image de fond en footer sur toute la largeur du forum
2 participants
Page 1 sur 1 • Partagez
- Pizi
-
Lun 31 Mai 2021 - 20:53
- Version du forum :MODERNBB
- Templates modifiés :oui
- Navigateur :Firefox
Bonjour Phil,
Je reviens vers toi pour une nouvelle difficulté.
Pour la première fois, je fais un design ModernBB et chose étrange, je ne parviens pas du tout à mettre une image de fond au footer qui fasse toute la largeur du forum.
le forum en question : https://whistledown.forumactif.com/
L'image : https://i.imgur.com/3jvWjpO.png
Je me trouve bloquée parce que le footer est divisé en 2 avec un début et une fin.
Ce que je souhaiterais obtenir c'est d'avoir l'image de fond qui fasse toute la largeur du forum (qui varie selon la résolution d'écran) avec dessus les liens de forumactif et le panneau d'administration.
Les statistiques seront quant à elles reportées dans le QEEL donc je ne vais pas les conserver à cet endroit.
J'ai simplement retiré des éléments du template, je n'en ai pas ajoutés mais je peux te mettre le code si tu le souhaites.
En revanche, voici le css correspondant :
En te remerciant beaucoup pour tes réponses.
Pizi
Te serait-il possible de me venir en aide s'il te plaît ?
Je reviens vers toi pour une nouvelle difficulté.
Pour la première fois, je fais un design ModernBB et chose étrange, je ne parviens pas du tout à mettre une image de fond au footer qui fasse toute la largeur du forum.
le forum en question : https://whistledown.forumactif.com/
L'image : https://i.imgur.com/3jvWjpO.png
Je me trouve bloquée parce que le footer est divisé en 2 avec un début et une fin.
Ce que je souhaiterais obtenir c'est d'avoir l'image de fond qui fasse toute la largeur du forum (qui varie selon la résolution d'écran) avec dessus les liens de forumactif et le panneau d'administration.
Les statistiques seront quant à elles reportées dans le QEEL donc je ne vais pas les conserver à cet endroit.
J'ai simplement retiré des éléments du template, je n'en ai pas ajoutés mais je peux te mettre le code si tu le souhaites.
En revanche, voici le css correspondant :
- Code:
/*****************************************************************
FOOTER
******************************************************************/
.copyright {
background: url('https://i.imgur.com/3jvWjpO.png');
background-size: 100% auto;
width: 100% !important;
}
.statistics {
display: none;
}
#page-footer {
display: none !important;
}
En te remerciant beaucoup pour tes réponses.
Pizi
Te serait-il possible de me venir en aide s'il te plaît ?
- Milouze14
Fondateur -
Mar 1 Juin 2021 - 5:59
Hello Pizi,
alors les deux parties comme tu le mentionnes sont dans une div ayant l"id page-footer.
Il faut donc remplacer la class par l'id:
alors les deux parties comme tu le mentionnes sont dans une div ayant l"id page-footer.
Il faut donc remplacer la class par l'id:
- Code:
#page-footer {
background: url('https://i.imgur.com/3jvWjpO.png');
background-size: 100% auto;
width: 100% !important;
}
- Pizi
-
Mer 2 Juin 2021 - 15:45
Phil,
Pardon je n'y ai même pas pensé, toutes mes excuses.
Voici une capture d'écran de ce que je vois :
Voici le genre d'affichage que j'aimerai obtenir :
Oui j'ai retiré cette partie du code, voici désormais la zone correspondante :
Pardon je n'y ai même pas pensé, toutes mes excuses.
Voici une capture d'écran de ce que je vois :
Voici le genre d'affichage que j'aimerai obtenir :
Oui j'ai retiré cette partie du code, voici désormais la zone correspondante :
- Code:
/*****************************************************************
FOOTER
******************************************************************/
.statistics {
display: none;
}
#page-footer {
background: url('https://i.imgur.com/3jvWjpO.png');
background-size: 100% auto;
width: 100% !important;
}
.- Pizi
-
Mer 2 Juin 2021 - 16:12
Phil,
Non c'est sur le forum dont je t'ai mis le lien en premier message.
Revoici le lien (pour que tu n'aies pas à remonter la page :) ) : https://whistledown.forumactif.com/
Cela me donne cet affichage avec le code que tu viens de me donner :
Non c'est sur le forum dont je t'ai mis le lien en premier message.
Revoici le lien (pour que tu n'aies pas à remonter la page :) ) : https://whistledown.forumactif.com/
Cela me donne cet affichage avec le code que tu viens de me donner :
- Milouze14Fondateur
-
Mer 2 Juin 2021 - 16:26
Oh tu es toute mimi, c'est pas un scrool qui va me fatiguer 
.
Ah vi, je comprend, la largeur de ton fofo est très étroite:
Ce style devrait correspondre:
.Ah vi, je comprend, la largeur de ton fofo est très étroite:
Ce style devrait correspondre:
- Code:
#page-footer {
background: url('https://i.imgur.com/3jvWjpO.png');
width: 100% !important;
background-position: center;
position: absolute;
left: 0;
right: 0;
}
Pizi aime ce message
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum