[Phbb3] Problème de couleurs

[orpheus]

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.

[*Splash*]

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

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

[chattigre]

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 ... PA (mode avancé) Affichage Images (mode avancé) Image de fond de l'en tête
De même pour le fond ou il y a la barre de navigation (accueil etc). PA (mode avancé) Affichage Couleurs Il me semble que il faut modifier une des trois couleurs de fond génériques

- 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.   Je passe mon tour

Ah et je souhaiterai aussi savoir, comment supprimer la petite bordure blanche qui colle le fond rouge des catégories/rubriques. PA (mode avancé) Affichage Couleurs 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
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

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

[orpheus]

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

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


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 ^^

[chattigre]

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

De rien
PA (mode avancé) Affichage Images (mode avancé) Coins arrondis [...]
Enfin peut être...
 

[orpheus]

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

[chattigre]

Ah mais c'est nickel, merci encore Chattigre ! ^^
---
Et s'il y aurait pas moyen d'arrondir les angles ?

De rien
Tu parles à qui là ?   (à Splash je suppose mais autant être sur )

[*Splash*]

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;

[orpheus]

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

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

[*Splash*]

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;

[orpheus]

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

[chattigre]

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