[Réglé] Couleur de fond header - rendre transparent

[Youri1799]

Bonjour à tous,

J'avance petit à petit dans la mise en forme de mon forum. Merci à vous tous pour votre aide précieuse.

Ma problématique du jour :

J'ai ajouté cette extension à mon style perso :
https://www.phpbb.com/community/viewtop ... &t=2410101

Cela me permet d'avoir une barre d'outil en dessous de ma bannière.

Le souci, c'est que la couleur de fond sous la bannière ressort, et ca fait tache sur le style.
J'aimerai passer cette couleur bleu clair en fond transparent, à l'image du reste du forum.




J'ai essayé ceci :

.headerbar {
border-color: transparent;}

Mais ca ne donne rien.


merci de votre aide.

[galixte]

Salut,

tu fais cela dans ton fichier style enfant :

1. OUVRIR :./styles/TON_STYLE_ENFANT/theme/TON_STYLE_ENFANT.css
2. AJOUTER :

   Code : Tout sélectionner

   /* Navbar */
   .phpbb-navbar {
       background-color: rgba(255,255,255,0);
   }

3. OUVRIR :./styles/TON_STYLE_ENFANT/theme/TON_STYLE_ENFANT.css
4. AJOUTER :

   Code : Tout sélectionner

   .headerbar, .forumbg {
   	background-color: rgba(255,255,255,0);
   }

La deuxième modification c’est parce qu’il y a du bleu qui apparait à droite de l’image de ton entête sur un ou deux pixels (qui a dit trois!?).

[Mazeltof]

'jour ici,

En principe toutes les modifications CSS d'extension ne doivent pas être dans les feuilles de styles "classiques" du style, pour simple raison que les déclarations css d'extensions sont appelées après celles des styles.

Idéalement il faut ajouter tes modifications css d'extensions dans, par exemple : extensions.css et en appelant cette feuille de style dans le overall_header.html après {$STYLESHEETS}

regarde ici

[galixte]

Ça y est c’est en ligne ! Un grand merci pour ton tuto !

Oui au début je proposais les fichiers originaux (la CSS de l’extension puis la CSS de prosilver) mais je me suis dit que c’était pas le top. Et je n’ai pas pensé à l’ordre d’appel, bien joué.

[Mazeltof]

merci
ça a quand pris environ deux mois ^^

En l'occurrence, la modif d'extension sur .phpbb-navbar doit se faire dans par exemple extensions.css et la modification de style sur .headerbar dans style_perso.css

Attention à ne pas modifier le background sur .forumbg ce qui changerait l'aspect des listes de sujets.

[Youri1799]

Hello,

merci pour vos retours.

J'ai essayé d'ajouter tes lignes dans un premier temps à mon css, galixte, mais ca ne fonctionne pas semble t il. La ligne bleu sous les boutons est toujours présente. Ou alors je m'y prends mal.

Je ne suis pas expert mais je me demande si ce que tu appelles nav bar dans ton ecriture ne correspond pas en fait à un prolongement vers le bas du header, la faute à l'extension que j'ai installée pour obtenir cette nav bar.

Je vais regardé si je ne peux pas créer une nav bar toute simple, sans extension, ce sera peut etre plus simple au bout.

J'ai jeté un oeil à ton tuto Mazel tof mais je vous avoue que c'est un peu complexe et obscur pour moi pour l'instant, il faut que je m'y penche davantage quand j'aurais le temps. Ca me parait un poil compliqué pour modifier une seule ligne en couleur

[galixte]

Salut,

tu fais tout cela dans le répertoire de ton style enfant :

1. OUVRIR : ./styles/TON_STYLE_ENFANT/template/overall_header.html ;
2. TROUVER :{$STYLESHEETS} ;
3. APRÈS, AJOUTER :

   Code : Tout sélectionner

   <link href="{T_THEME_PATH}/extensions.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">

4. CRÉER, puis OUVRIR : ./styles/TON_STYLE_ENFANT/theme/extensions.css ;
5. AJOUTER :

   Code : Tout sélectionner

   /* Navbar */
   .phpbb-navbar {
       background-color: rgba(255,255,255,0);
   }

6. OUVRIR : ./styles/TON_STYLE_ENFANT/theme/TON_STYLE_ENFANT.css ;
7. AJOUTER :

   Code : Tout sélectionner

   .headerbar {
   	background-color: rgba(255,255,255,0);
   }

8. ENVOYER les fichiers sur ton espace FTP ;
9. PURGER le cache de ton forum.

[Youri1799]

Merci beaucoup, ça fonctionne

Je vais créer un dernier sujet pour centrer cette barre de navigation, et je pense qu'on sera bon sur la carrosserie du forum, je tiens pas à faire trop compliqué, sinon je vais galérer pour mettre à jour