Bonjour,

J'utilise actuellement le style "Elegance" (dernière version 3.3) auquel j'ai effectué quelques changements minimes.

Je souhaiterai modifier la taille du logo mais uniquement sur smartphone (il est beaucoup trop grand à mon goût).

J'ai pense qu'il faut utiliser le "@media" mais je m'y prends sans doute mal, car aucun changement ...

Dans le fichier style.css, j'ai ceci pour le moment:

Code: Tout sélectionner

logo { display: block; box-sizing: border-box; max-width: 100%; float: left; padding: 10px 0; } .logo img { display: block; max-width: 100%; } .logo:hover { text-decoration: none; }

et beaucoup plus bas dans le code:

Code: Tout sélectionner

.logo { float: none; margin: 0 auto; padding: 10px; } .logo img { margin: 0 auto; }

Je vous remercie d'avance d'avoir pris le temps de me lire et espère que vous serez en mesure de me donner
quelques pistes.

Cordialement,

'soir ici

Il faut fournir l'url de ton forum pour que l'on puisse voir ce que ça donne
la portion de CSS ne suffit pas

Bonsoir,

Voici le lien du forum: [url]***[/url]


BAV,

Sauf erreur de ma part, sur cette série de styles les dimensions du logo sont automatiquement définies par la taille de celui-ci.
En clair, si tu mets un logo plus petit en remplacement du logo_hd ça devrait le faire

Bonsoir,


Merci de votre réponse.

Malheureusement, je viens de refaire le test, par acquis de conscience, mais non sur smartphone l'image garde toujours la même taille ...

Mon image de 280x75 px occupe le même espace si je la réduis à 50% (140x32 px).

Salut

Je préconise de ne rien modifier dans le fichier style.css, ce fichier est compilé à partir de fichiers .scss, dont un qui permet les personnalisations.

En ce qui concerne ton logo, comme le dit Mazeltof, rien n'est codé en ce qui concerne les dimensions du logo dans les fichiers de style. Il faut donc juste uploader un fichier image avec une bonne définition pour ne pas avoir de pixélisation lors de l'affichage.

En tout état de cause, je te conseille de remettre le code d'origine du style, et ensuite d'utiliser l'extension Header Banner (qui devrait fonctionner avec phpBB 3.3) : https://www.phpbb.com/customise/db/exte ... er_banner/

Bonjour,


Merci de votre réponse,

HideShow

Je préconise de ne rien modifier dans le fichier style.css, ce fichier est compilé à partir de fichiers .scss, dont un qui permet les personnalisations.

Je prends bien note, mais je ne peux donc pas le mettre à ma sauce? =/


Si je vous comprends bien, en remettant le code d'origine + un logo de dimensions plus petites, il apparaîtra plus petit sur smartphone?

Non. Si vous voulez passer par la simple modification du logo, envoyez un logo aux dimensions souhaitées pour le site "normal". Il devrait s'adapter ensuite à la version mobile du site.

Mais je vous conseille plutôt d'utiliser l'extension citée dans mon message précédent, qui permet de gérer bien plus de possibilités de réglages.

(Re)Bonjour,

HideShow

...Il devrait s'adapter ensuite à la version mobile du site.

Et l'adaptation est trop grande à mon goût

... donc je dois prendre l'extension si je veux obtenir ce que je veux.

Je vais regarder cela de plus près et vous tiens au courant.

'jour ici

Pas sûr que réussisses à régler le soucis avec l'extension et surtout, ce n'est pas indispensable.
Le fait est qu'avec un logo de 100 x 1200 pixels (avec ces dimensions on parle plutôt de bannière) et un logo_hd de 280 x 75 pixels ça pose forcément soucis.
En théorie tu devrais avoir un logo qui a une taille inférieure de moitié du logo_hd.

Bonjour,

Après plusieurs tentatives, je suis finalement parti de l'idée de Mazeltof;

pour un résultat optimal il faut effectivement réduire les dimensions de moitié;

je me suis contenté de donner une hauteur identique et une largeur de moitié pour le logo_hd pour l'instant;
le résultat est plus joli qu'à l'origine, et je sais comment procéder à l'avenir comment procéder pour l'améliorer.


Merci à vous deux,

Cordialement,