[Phbb3] Problème de couleurs

3 participants

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

Résolu [Phbb3] Problème de couleurs

Message par orpheus Mer 6 Nov 2019 - 12:17

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://univers-dorothee.forumactif.com

Description du problème

Bonjour à tous ! ^^

En plein essai d'un forum sous Phbb3, je rencontre deux petits soucis :

- Le premier se trouve en haut (voir l'encadré en jaune), je souhaiterai savoir comment supprimer (ou du moins, rendre transparent) le fond rouge ou il est écrit le nom de mon forum etc ... De même pour le fond ou il y a la barre de navigation (accueil etc).

- Le second se trouve ou il y a Qui est en ligne (voir encadré en jaune), je trouve que les textes ne ressortent pas sur mon fond. Aussi, je souhaiterai savoir s'il y aurait pas moyen d'y ajouter un fond blanc à faible opacité pour rendre le tout plus lisible uniquement sur cette partie. Il faudrait que le fond s'ajoute également dans les rubriques, là ou y est inscrit les permissions des modérateurs et tout qui ressort assez mal.

Ah et je souhaiterai aussi savoir, comment supprimer la petite bordure blanche qui colle le fond rouge des catégories/rubriques.

Merci d'avance pour votre aide.


Dernière édition par orpheus le Mer 6 Nov 2019 - 17:16, édité 1 fois
orpheus

orpheus
*****

Messages : 788
Inscrit(e) le : 21/05/2009

https://empiredesouvenirs.forumactif.com
orpheus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Phbb3] Problème de couleurs

Message par *Splash* Mer 6 Nov 2019 - 15:43

Hi orpheus,

1/ Tu as ce code CSS :
Code:
.headerbar {
    background-color: #eb1224;
    background-image: url(https://2img.net/i/fa/prosilver_red/bg_header.gif);
    background-repeat: repeat-x;
    margin-bottom: 4px;
    padding: 0 5px;
}

Il te faut modfier cette image (ou la supprimer) :
Code:
https://2img.net/i/fa/prosilver_red/bg_header.gif
[Phbb3] Problème de couleurs Bg_header

Et cette ligne du code :
Code:
background-color: #eb1224;

Ceci correspond à une couleur rouge : #eb1224

2/ Tu peux ajouter ce code CSS :
Code:
#page-body {
    margin: 4px 0;
    width: 100%;
    background-color: #f7edec;
}

[Phbb3] Problème de couleurs Who_ti10
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Phbb3] Problème de couleurs

Message par chattigre Mer 6 Nov 2019 - 15:55

orpheus a écrit:
Bonjour à tous ! ^^

En plein essai d'un forum sous Phbb3, je rencontre deux petits soucis :

- Le premier se trouve en haut (voir l'encadré en jaune), je souhaiterai savoir comment supprimer (ou du moins, rendre transparent) le fond rouge ou il est écrit le nom de mon forum etc ... Right :editer: PA (mode avancé) Right Affichage Right Images (mode avancé) Right Image de fond de l'en tête
De même pour le fond ou il y a la barre de navigation (accueil etc). Right :editer: PA (mode avancé) Right Affichage Right Couleurs Right Il me semble que il faut modifier une des trois couleurs de fond génériques Wink

- Le second se trouve ou il y a Qui est en ligne (voir encadré en jaune), je trouve que les textes ne ressortent pas sur mon fond. Aussi, je souhaiterai savoir s'il y aurait pas moyen d'y ajouter un fond blanc à faible opacité pour rendre le tout plus lisible uniquement sur cette partie. Il faudrait que le fond s'ajoute également dans les rubriques, là ou y est inscrit les permissions des modérateurs et tout qui ressort assez mal. Right :editer:  Je passe mon tour Very Happy

Ah et je souhaiterai aussi savoir, comment supprimer la petite bordure blanche qui colle le fond rouge des catégories/rubriques. Right :editer: PA (mode avancé) Right Affichage Right Couleurs Right Couleurs de contour (pas possible de la supprimer mais possible de la mettre rouge par exemple par contre

Merci d'avance pour votre aide.

Bonjour,
Je t'ai répondu dans la citation Wink
Pour les deux points où j'émets des doutes, au niveau des contours et du fond de bas de page (du qeel entre autres), il est surement possible de faire quelque chose via le CSS mais je passe la main Very Happy

PS : Grillé Very Happy . Tu as donc ta réponse là où tu ne l'aurais pas eu avec moi, et certaines en double Wink
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3680
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Phbb3] Problème de couleurs

Message par orpheus Mer 6 Nov 2019 - 16:38

Merci à vous deux pour votre aide ! ^^

Par contre Splash, je n'avais pas de feuille de CSS sur ce forum mais grâce à l'aide de chattigre, ce premier problème est résolu Smile

Il subsiste cela dit un problème ou plutôt, un résidus devrais-je dire Laughing j'ai comme des mini bordures qui apparaissent (voir encadré en rouge ci-dessous), comment faire pour les masquer/supprimer ?
[Phbb3] Problème de couleurs Cacadr10

2/ J'ai essayé ton code Splash mais celui-ci recouvre l'ensemble du forum, moi, j'aurais juste voulu qu'il s'applique sur les bas avec le Qui est en ligne ainsi que dans les rubriques là ou sont marqués les permissions et sur les satistiques en fait ^^

Je pense que ça doit être possible car sur un forum qui a fermé récemment, ils avaient réussi à le faire.

Merci ^^


Dernière édition par orpheus le Mer 6 Nov 2019 - 17:16, édité 1 fois
orpheus

orpheus
*****

Messages : 788
Inscrit(e) le : 21/05/2009

https://empiredesouvenirs.forumactif.com
orpheus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Phbb3] Problème de couleurs

Message par chattigre Mer 6 Nov 2019 - 16:45

orpheus a écrit:
Il subsiste cela dit un problème ou plutôt, un résidus devrais-je dire Laughing j'ai comme des mini bordures qui apparaissent (voir encadré en rouge ci-dessous), comment faire pour les masquer/supprimer ?
[Phbb3] Problème de couleurs Cacadr10
De rien Wink
[Phbb3] Problème de couleurs 1221794451 [Phbb3] Problème de couleurs 2910762381 PA (mode avancé) [Phbb3] Problème de couleurs 1221794451 Affichage [Phbb3] Problème de couleurs 1221794451 Images (mode avancé) [Phbb3] Problème de couleurs 1221794451 Coins arrondis [...]
Enfin peut être... Very Happy
 Wink
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3680
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Phbb3] Problème de couleurs

Message par orpheus Mer 6 Nov 2019 - 16:52

Ah mais c'est nickel, merci encore Chattigre ! ^^

Bon finalement après avoir bien réfléchi pour l'histoire du cadre, le CSS de Splash me convient finalement mais je me demandais s'il y avait pas moyen de l'étendre jusqu'aux crédits de Forumactif ?
Et s'il y aurait pas moyen d'arrondir les angles ? Et je pense que ça serait parfait Smile
orpheus

orpheus
*****

Messages : 788
Inscrit(e) le : 21/05/2009

https://empiredesouvenirs.forumactif.com
orpheus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Phbb3] Problème de couleurs

Message par chattigre Mer 6 Nov 2019 - 16:54

orpheus a écrit:Ah mais c'est nickel, merci encore Chattigre ! ^^
---
Et s'il y aurait pas moyen d'arrondir les angles ?
De rien Wink
Tu parles à qui là ? Very Happy  (à Splash je suppose mais autant être sur Wink )
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3680
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Phbb3] Problème de couleurs

Message par *Splash* Mer 6 Nov 2019 - 16:55

Remplace le code par celui-ci :
Code:
#page-body {
    background-color: #f7edec;
    opacity: 0.8;
    margin: 4px 0;
    width: 100%;
}

La ligne importante est celle-ci :
Code:
opacity: 0.8;
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Phbb3] Problème de couleurs

Message par orpheus Mer 6 Nov 2019 - 17:00

Je parlais à Splash, désolé j'aurais du le préciser lol

@ Splash : ah ce dernier code est tout simplement parfait, merci ! Smile
Par contre, est-ce qu'il est possible d'étendre le cadre jusqu'aux crédits de Forumactif ? Et e sera parfait.
orpheus

orpheus
*****

Messages : 788
Inscrit(e) le : 21/05/2009

https://empiredesouvenirs.forumactif.com
orpheus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Phbb3] Problème de couleurs

Message par *Splash* Mer 6 Nov 2019 - 17:04

Pour le footer place ce code à la CSS :
Code:
#page-footer, div.navbar, div.navbar ul.linklist {
    display: block !important;
    background-color: #f7edec;
    opacity: 0.8;
}

Si tu veux arrondir les angles, tu peux le faire en ajoutant cette ligne :
Code:
border-radius: 3px;
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Phbb3] Problème de couleurs

Message par orpheus Mer 6 Nov 2019 - 17:15

Cette fois-ci c'est tout simplement parfait ! Very Happy
Je vous remercie encore tous les deux pour votre aide, elle ma été précieuse.
Je classe le sujet en résolu.
orpheus

orpheus
*****

Messages : 788
Inscrit(e) le : 21/05/2009

https://empiredesouvenirs.forumactif.com
orpheus a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Phbb3] Problème de couleurs

Message par chattigre Mer 6 Nov 2019 - 18:37

De rien Wink
C'est un plaisir d'aider quand on le peut, et en plus quand on est plusieurs... Very Happy
Bonne soirée


chattigre
Aidactif

Pour une aide efficace...
Right Mettez un titre explicite
Right Communiquez vos personnalisations
Right Rendez le forum et votre problème directement visible

Right Si votre problème est résolu, éditez votre premier message et cochez l'icône résolu
Right Consultez la liste des Questions et réponses fréquentes avant d'ouvrir un sujet si nécessaire
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3680
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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