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

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.2

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !
Partager sur FacebookPartager sur TwitterPartager sur Google+

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

Messagepar Youri1799 » 12 Sep 2017 à 00:58

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.

Image


J'ai essayé ceci :
.headerbar {
border-color: transparent;}


Mais ca ne donne rien.


merci de votre aide.
Modifié en dernier par Youri1799 le 12 Sep 2017 à 16:49, modifié 1 fois.
Youri1799
Posteur néophyte
Posteur néophyte
 
Messages: 48
Enregistré le: 19 Déc 2011 à 00:14

Re: Couleur de fond header - rendre transparent

Messagepar galixte » 12 Sep 2017 à 08:24

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!?).
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 9542
Enregistré le: 08 Mar 2004 à 02:40
Localisation: Sud de la France.

Re: Couleur de fond header - rendre transparent

Messagepar Mazeltof » 12 Sep 2017 à 12:04

'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 :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2019
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Couleur de fond header - rendre transparent

Messagepar galixte » 12 Sep 2017 à 12:37

Ç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é.
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 9542
Enregistré le: 08 Mar 2004 à 02:40
Localisation: Sud de la France.

Re: Couleur de fond header - rendre transparent

Messagepar Mazeltof » 12 Sep 2017 à 14:08

merci :wink:
ç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.
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2019
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Couleur de fond header - rendre transparent

Messagepar Youri1799 » 12 Sep 2017 à 15:49

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 :?
Youri1799
Posteur néophyte
Posteur néophyte
 
Messages: 48
Enregistré le: 19 Déc 2011 à 00:14

Re: Couleur de fond header - rendre transparent

Messagepar galixte » 12 Sep 2017 à 15:56

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.
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 9542
Enregistré le: 08 Mar 2004 à 02:40
Localisation: Sud de la France.

Re: Couleur de fond header - rendre transparent

Messagepar Youri1799 » 12 Sep 2017 à 16:48

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 :wink:
Youri1799
Posteur néophyte
Posteur néophyte
 
Messages: 48
Enregistré le: 19 Déc 2011 à 00:14


Retourner vers [3.2.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités

cron