Redimensionnement bandeau.

[M.C]

Détails techniques

Version du forum : Inconnue
Poste occupé : Membre
Navigateur(s) concerné(s) : Opera
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis le début
Lien du forum : https://forum-staderochelais.forumactif.com

Description du problème

Bonjour, je reviens vers vous, car je n’arrive pas à redimensionner le bandeau du site.
Voici la dernière réponse que vous m’aviez envoyée, au sujet du redimensionnement.
« Ce code css forcera l'image à prendre la largeur disponible, autrement dit toute la zone grise :

1.
2. /*banniere*/
3. #logo, #logo img {
4. width: 100%;
5. padding: 0;
6. }
7.

Cependant, votre image fait actuellement 1024px de large : En étant étirée, elle risque d'apparaitre floue. Le mieux serait, en plus du code que j'ai donné au dessus, de changer l'image pour une identique plus grande (par exemple 2000px) : Mieux vaut une image un peu trop grande qui sera réduite à l'affichage que l'inverse. (Attention, certains hébergeur ont une option de redimensionnement à désactiver)
La largeur de votre forum est en %, donc la largeur va dépendre de la taille et de la résolution de l'écran de l'utilisateur.
Si vous souhaitez une largeur fixe, il faut indiquer une largeur pour votre forum en px et non en %.
Cette largeur devrait suffire pour un grand nombre d'utilisateurs ! Le code css que j'ai donné dans mon premier message, une fois installé sur votre forum, s'occupera ensuite de l'afficher à la bonne taille pour chacun. ^^
L’image que nous avons installée fait : 8523px X1250 px  avec une résolution 72 px/ pouce pour un poids d’image de 10,2 Mo je vous joins aussi  ce que cela donne.
Mais si nous pouvions utiliser la totalité de l’espace ce serait encore mieux.
Je pense que le souci, dois se trouver dans cette partie :
« Si vous souhaitez une largeur fixe, il faut indiquer une largeur pour votre forum en px et non en %. »
Mais là je manque d’informations pour régler cette « largeur fixe.
Si vous aviez un tuto…

Je ne sais pas si j’ai été assez clair ???
Merci d’avoir pris le temps de me lire

[enzo17]

Bonjour la communauté,
Pour info c'est un forum phpBB3.
Je suis un des 2 administrateurs de ce forum ci dessus.

[Pinguino]

Bonjour @enzo17

Avez-vous essayé de conserver le code CSS actuel mais de changer l'image par une image plus large ? Idéalement 2048px je pense pour que ça prenne toute la largeur sur la majorité des écrans sans être trop lourde.

Mieux vaut rester en % je pense.

[enzo17]

Bonjour @enzo17

Avez-vous essayé de conserver le code CSS actuel mais de changer l'image par une image plus large ? Idéalement 2048px je pense pour que ça prenne toute la largeur sur la majorité des écrans sans être trop lourde.

Mieux vaut rester en % je pense.

Bonjour et merci de la réponse,

Dans ma feuille de style CSS j'ai ce code :

1.
2. /*banniere*/
3. #logo, #logo img {
4. width: 100%;
5. padding: 0;
6. }
7.

Quand à la taille de l'image elle est de 1536 X 225 pixs
En fait j'aimerai que la bannière remplisse toute la zone haute du forum (zone grise) et si possible arrondir les angles de cette bannière.

[Pinguino]

Je pense que lors de l'upload sur Servimg, vous avez conservé l'option de redimensionnement à 1024px car actuellement en ligne elle a bien 1024px de large :

[enzo17]

pourtant mon image je l'ai modifié par PAINT et j'ai bien les dimensions de 2048 X 300 px

" />

[enzo17]

A mon avis je fais certainement n'importe quoi .....

[Pinguino]

Sur votre PC, elle mesure peut-être 2048px de large mais lors de l'upload sur Servimg, vous avez cette option disponible que vous devez modifier :

[enzo17]

je suis bien d'accord mais apparemment sur Servimg, Je ne peux pas aller au delà des 1024 px de largeur.

[Pinguino]

Il faut sélectionner "Non"

[Stefano123]

Bonjour à vous tous,

enzo17,

Quand vous téléchargez votre image au biais de l'hébergeur Servimg du BBcode :
Dans cette fenêtre, un choix de 5 types de redimensionnement vous est proposé :



Vous avez sûrement choisi votre image en 1024px de largeur !

Réessayez d'héberger votre image en mettant "Non" parmi les 5 options qui vous sont proposées dans l'hébergeur Servimg !
Et validez ! Peut-être que ça vient de là ! Enfin, je dit ça !!!

Cordialement !

[Stefano123]

Il faut sélectionner "Non"  

Bonjour @Pinguino,

Oups... Désolé, mon message a été envoyé en même temps que le vôtre !

Cordialement,

[M.C]

Bonjour, je veux bien essayer une image qui fasse 2024 px mais pour la hauteur, que me conseilleriez vous ?
Car pour éviter toutes déformations autant créer directement au bon format !

[Pinguino]

Il n'y a pas vraiment d'hauteur idéale, tout dépend du rendu souhaitée. Maintenant comme il s'agit d'une image de Header, je vous recommande de conserver une faible hauteur comme celle actuelle ou un peu plus. Sinon le contenu important risque d'être tôt poussé vers le bas

[M.C]

Ok merci pour votre réponse je vais en créer une autre dans ce format et on vas tester .
Merci beaucoups pour vos réponses , nous vous tenons au courant .

[enzo17]

Il faut sélectionner "Non"  

Bonjour, je savais qu'il y avait un souci...merci beaucoup Pinguino et Stefano123 pour votre aide
J'ai encore une chose à vous demander, pour arrondir les angles de ce bandeau, faut il un code à ajouter dans la feuille de style CSS ? si oui, avez vous un code ? Merci d'avance !

[Stefano123]

Bonjour à vous tous,

Il faut sélectionner "Non"  

Bonjour, je savais qu'il y avait un souci...merci beaucoup Pinguino et Stefano123 pour votre aide  
J'ai encore une chose à vous demander, pour arrondir les angles de ce bandeau, faut il un code à ajouter dans la feuille de style CSS ? si oui, avez vous un code ? Merci d'avance !

enzo17,

Pour pouvoir arrondir les angles de votre image. Il n'est probablement pas possible de le faire par le biais du CSS ou template, car cette image, c'est la vôtre qui a été émise par vous-même.
Et qui ne fait pas partie de la structure du forum...

Alors, je me suis permis de prendre votre image et d'arrondir les angles !
Exemple :



Prendre cette image puis remplacer là par l'autre.

En espérant que cela vous conviendra

Cordialement,

[M.C]

Merci Stéphano je transmet...

[enzo17]

Parfait, merci beaucoup à la communauté !!