Changer header bleu dégradé par une bannière

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB3.

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 bugs, 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+

Changer header bleu dégradé par une bannière

Messagepar xatanael » 06 Juin 2014 à 13:17

Rebonjour,

Ma question est la suivante : y a-til un moyen de remplacer la bannière "header" bleu dégradé par une grande image que je créerai, avec des bords arrondis (largeur 1000px, hauteur je-ne-sais-pas) ?

Le but serait d'avoir une grande bannière uniforme, avec logo et tout le bataclan, à la place de la bannière bleue dégradée tout en conservant le titre du forum, la case "search" et les logos des réseaux sociaux. Bref, mettre la bannière en "arrière-plan" des éléments.

Je ne sais pas si c'est très clair...

Merci!
Modifié en dernier par xatanael le 06 Juin 2014 à 16:13, modifié 1 fois.
Avatar de l’utilisateur
xatanael
Apprenti-posteur
Apprenti-posteur
 
Messages: 108
Enregistré le: 02 Juil 2009 à 13:49

Re: Changer header bleu dégradé par une bannière

Messagepar cabot » 06 Juin 2014 à 13:58

Hello,

Oui, il suffit de déclarer cette image dans colours.css à la place de celle existante dans cette règle :
Code: Tout sélectionner
.headerbar {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}

Attention à ne pas remplacer l'image bg_header.gif sur le FTP car elle est également utilisée en background de l'élément .forumbg, il faut donc utiliser une image avec une autre extension (jpg par exemple) ou la nommer différemment.
Image
Avatar de l’utilisateur
cabot
Resp. des graphistes
Resp. des graphistes
 
Messages: 26652
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Changer header bleu dégradé par une bannière

Messagepar xatanael » 06 Juin 2014 à 15:50

Ah merci Cabot, génial comme d'habitude. Juste des petites précisions : le header bleu dégradé fait combien de pixels de hauteur?

Et : quel est le rayon des angles du header?
Avatar de l’utilisateur
xatanael
Apprenti-posteur
Apprenti-posteur
 
Messages: 108
Enregistré le: 02 Juil 2009 à 13:49

Re: Changer header bleu dégradé par une bannière

Messagepar cabot » 06 Juin 2014 à 15:58

L'image fait 92px de haut mais cette hauteur n'a pas vraiment d'importance car le header s'adapte au contenu, et la couleur de fond bleu (#12A3EB) en background vient compléter l'espace éventuel.

Actuellement, ton header fait 123px de hauteur.
Image
Avatar de l’utilisateur
cabot
Resp. des graphistes
Resp. des graphistes
 
Messages: 26652
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Changer header bleu dégradé par une bannière

Messagepar xatanael » 06 Juin 2014 à 19:41

Re!

Encore des petites précisions :D

- Pour retirer le "site_logo", je le supprime simplement du FTP?
- Comment créer un rectangle de 1000 x 123 pixels avec bords arrondis? C'est pas évident, au pixel près :?

Thanks! :D
Avatar de l’utilisateur
xatanael
Apprenti-posteur
Apprenti-posteur
 
Messages: 108
Enregistré le: 02 Juil 2009 à 13:49

Re: Changer header bleu dégradé par une bannière

Messagepar cabot » 06 Juin 2014 à 20:06

1/ Commente ou supprime <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a> dans overall_header

2/ Ne te casse pas la tête à créer une image avec des arrondis, on pourra faire ça directement dans le CSS.
Image
Avatar de l’utilisateur
cabot
Resp. des graphistes
Resp. des graphistes
 
Messages: 26652
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Changer header bleu dégradé par une bannière

Messagepar xatanael » 06 Juin 2014 à 20:14

cabot a écrit:2/ Ne te casse pas la tête à créer une image avec des arrondis, on pourra faire ça directement dans le CSS.


Ok merci. Donc je crée simplement une grande bannière de 1000 x 123 px?
Avatar de l’utilisateur
xatanael
Apprenti-posteur
Apprenti-posteur
 
Messages: 108
Enregistré le: 02 Juil 2009 à 13:49

Re: Changer header bleu dégradé par une bannière

Messagepar cabot » 06 Juin 2014 à 20:22

Tu n'est pas obligé d'avoir 123px de haut, cela correspond à la hauteur actuelle de ton header mais 120px suffiront, ou plus, ou moins. :mrgreen:
Que veux-tu mettre comme image dans ce header ?
Image
Avatar de l’utilisateur
cabot
Resp. des graphistes
Resp. des graphistes
 
Messages: 26652
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Changer header bleu dégradé par une bannière

Messagepar xatanael » 06 Juin 2014 à 20:34

Je ne sais pas vraiment, j'aurais voulu une grande bannière en rapport avec la bourse... Un truc assez beau graphiquement (j'suis pas super doué en graphisme). Enfin bon, le but c'est de faire un truc plus personnalisé que le dégradé bleu de ProSilver.

Une grande image de 1000px de large, ça ne va pas trop alourdir l'affichage du site?
Avatar de l’utilisateur
xatanael
Apprenti-posteur
Apprenti-posteur
 
Messages: 108
Enregistré le: 02 Juil 2009 à 13:49

Re: Changer header bleu dégradé par une bannière

Messagepar cabot » 06 Juin 2014 à 20:52

Nope, ce n'est pas un problème, à moins que tu sélectionnes une image HD. ^^
Image
Avatar de l’utilisateur
cabot
Resp. des graphistes
Resp. des graphistes
 
Messages: 26652
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque


Retourner vers 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 8 invités