[Réglé] Comment changer les dimensions de la bannière

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

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 !

[Réglé] Comment changer les dimensions de la bannière

Messagepar microtech » 02 Juin 2016 à 19:43

Bonsoir à tous,

Comment changer les dimensions de la bannière ?

Je voudrais savoir comment changer les dimension de la bannière et quelle sont les limite de taille recommander ?
Je voudrais mettre une photos.

j'utilise la version phpbb: 3.1.9

Site : http://microtech59.com/app.php/portal

Merci d'avance

Amicalement Eric
microtech
Apprenti-posteur
Apprenti-posteur
 
Messages: 179
Enregistré le: 11 Juin 2015 à 22:31

Re: Comment changer les dimensions de la bannière

Messagepar cabot » 02 Juin 2016 à 21:21

Hello,

Votre sujet a été déplacé par un membre de l'équipe.
Origine : coding

Le header s'adapte automatiquement en hauteur quand tu déclares une image en logo.

Dans le fichier imageset.css :
Code: Tout sélectionner
.imageset.site_logo {
	background-image: url("./images/site_logo.gif");
	padding-left: 149px;
	padding-top: 52px;
}

Le padding-left correspond à la largeur de l'image, le top à la hauteur et site_logo.gif à l'image placée dans le répertoire theme/images/ du style.

C'est ce que tu voulais ?
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26802
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Comment changer les dimensions de la bannière

Messagepar microtech » 02 Juin 2016 à 21:48

Bonsoir à tous,

Bonsoir cabot,

Désolé de mettre trompé de forum.

Merci pour ta réponse.

En faite, je voudrais mettre une photos de fond sur toute la largeur dans la bannière, pas une image logo.

à la place de : bg_header.gif

Code: Tout sélectionner
.headerbar {
	background-color: #12A3EB;
	background-image: url("./images/bg_header.gif");
	color: #FFFFFF;
}


J'ai déjà essayer mais ma photos était trop grande. Donc je vais devoir la rétrécir...mais je voudrais quand même avoir une taille un peux plus grande (en hauteur) que la taille actuel de la bannière. c'est pour cela que j'aimerais savoir comment fait ton pour pouvoir agrandir cette espace ?

Merci d'avance pour la ou les réponses

Bonne soirée à tous.

Amicalement Eric
Modifié en dernier par cabot le 03 Juin 2016 à 10:25, modifié 1 fois.
Raison: Ajout de la balise code
microtech
Apprenti-posteur
Apprenti-posteur
 
Messages: 179
Enregistré le: 11 Juin 2015 à 22:31

Re: Comment changer les dimensions de la bannière

Messagepar cabot » 03 Juin 2016 à 10:33

Remplace :
Code: Tout sélectionner
	background-color: #12A3EB;
	background-image: url("./images/bg_header.gif");

Par :
Code: Tout sélectionner
	background: url("./images/nom-de-l-image.truc") no-repeat;
	height: ABCpx; /* hauteur image en px */
	padding: 0;

Et pour éviter le scroll de fou sur les petites résos, tu peux ajouter ça dans responsive.css :
Code: Tout sélectionner
.headerbar {
	height: auto;
}
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26802
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Comment changer les dimensions de la bannière

Messagepar microtech » 03 Juin 2016 à 11:52

Bonjour à tous,

Merci pour ta réponse cabot.

Donc je pourrais mettre ?:

ex :

background: url("./images/atelier.jpg") no-repeat;
height: ABCpx; /* 480px */
padding: 0;

Merci

Bonne journée à tous

Eric
microtech
Apprenti-posteur
Apprenti-posteur
 
Messages: 179
Enregistré le: 11 Juin 2015 à 22:31

Re: Comment changer les dimensions de la bannière

Messagepar cabot » 03 Juin 2016 à 11:59

Presque, remplace ABCpx par 480px :mrgreen:

/* hauteur image en px */ est un commentaire, comme un pense-bête.

Ps : utilise la balise Code quand tu publies du code afin de rendre le message plus lisible. :wink:
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26802
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Comment changer les dimensions de la bannière

Messagepar microtech » 03 Juin 2016 à 12:14

Bonjour à tous,

Merci pour ta réponse cabot.

Donc :

Code: Tout sélectionner
background: url("./images/atelier.jpg") no-repeat;
height: 480px; 
padding: 0;


Merci encore d'aider les personne comme moi un peut gauche dans ce domaine...
Mais à force manipuler, ça finiras par rentrée...enfin j'espère...

Bonne appétit à tous

Eric
microtech
Apprenti-posteur
Apprenti-posteur
 
Messages: 179
Enregistré le: 11 Juin 2015 à 22:31

Re: Comment changer les dimensions de la bannière

Messagepar cabot » 03 Juin 2016 à 12:17

Tu peux laisser le commentaire /* hauteur image en px */ sur la ligne, ça te permettra de savoir à quoi correspond la déclaration si tu dois la modifier. :)
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26802
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Comment changer les dimensions de la bannière

Messagepar microtech » 03 Juin 2016 à 14:11

Bonjour à tous,

Merci cabot,

Je vais tester ca tout à l'heure
microtech
Apprenti-posteur
Apprenti-posteur
 
Messages: 179
Enregistré le: 11 Juin 2015 à 22:31

Re: Comment changer les dimensions de la bannière

Messagepar algaillard » 23 Avr 2017 à 18:23

Bonjour,
Cela fait 15 j que je cherche à résoudre ce problème plutôt simple.
Différentes solutions m'ont fait planter le forum dès que j'ai touché aux css (page rendue inaccessible).
Ici, tout me paraissait clair et lumineux, mais... dans la version de phpbb 3.2.0 que j'ai chargée, je n'ai aucun fichier imageset.css. J'ai colours.css, common.css, etc.
J'ai fait une recherche automatique : rien.

Cordialement
algaillard
Posteur néophyte
Posteur néophyte
 
Messages: 11
Enregistré le: 23 Avr 2017 à 18:15

Re: Comment changer les dimensions de la bannière

Messagepar Steph » 23 Avr 2017 à 18:39

La question étant réglée, le sujet a été verrouillé par un membre de l'équipe.

@algaillard > Pour ta question, merci d'ouvrir ton propre sujet. C'est un sujet = un auteur = une demande
Avatar de l’utilisateur
Steph
Administrateur
Administrateur
 
Messages: 18397
Enregistré le: 29 Déc 2008 à 16:48
Localisation: Alsace / Bas-Rhin / France


Retourner vers [3.1.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 3 invités