Champis.net

Je ne vais même pas essayer !!!
... Sauf si Castor m’apporte son aide !!!

10 févr. 2020, 14:25Vinny a écrit :

Bonjour,
plutôt qu'un clip-path, j'utiliserais transform: skew(-45deg).

Comme c'est l'ensemble de ton <h3> qui va se retrouver déformé, il te faut "retransformer" ton texte dans l'autre sens.
Problème : ton texte est entre des balises "inline" (strong et span), et les éléments inline ne prennent pas en compte la propriété transform.
Solution : ajouter à ta définition la propriété inline-block. (Attention : il faudra aussi modifier ta classe .d-md-inline)

Ta solution est intéressante, je n'avais pas pensé à utiliser la propriété transform. Comme tu le dis, il faudrait modifier la classe .d-md-inline, qui est une classe générée par Bootstrap. Cela casserait peut-être des choses sur le site ailleurs. Si j'en crée une nouvelle modifiée, cela peut se faire. Je vais regarder durant la semaine. Merci du conseil.

Salut
Bah pour une fois que je peux aider sur ce site

Tu as raison, il ne vaut mieux pas modifier les classes natives, on risque d'avoir des surprises.

Après, une autre solution est de modifier le html et d'isoler ton texte dans un div, mais je ne sais pas si ton CMS te le permet.

Exemple en images :

https://imgur.com/a/Ncmf0I7

Bon courage

Cela devrait être réalisable. Je vais essayer.

10 févr. 2020, 15:52Vinny a écrit :

Salut
Bah pour une fois que je peux aider sur ce site

Tu as raison, il ne vaut mieux pas modifier les classes natives, on risque d'avoir des surprises.

Après, une autre solution est de modifier le html et d'isoler ton texte dans un div, mais je ne sais pas si ton CMS te le permet.

Exemple en images :

https://imgur.com/a/Ncmf0I7

Bon courage

Nickel, merci.

J'ai appliqué les changements proposés.

10 févr. 2020, 15:52Vinny a écrit :

... mais je ne sais pas si ton CMS te le permet.

Pas de soucis, on peut faire ce qu'on veut. En copiant ton code, ça m'a pris au moins 5 minutes

Ah Lucien a rajeunit !
On peut opérer un petit déplacement du losange comme suit ?

De combien de pixels ?

17 févr. 2020, 18:38felicien a écrit :

De combien de pixels ?

Une dizaine
Aligner le losange sur le parallélogramme.

Ah, en fait je n'avais pas compris. Je croyais déplacer à droite et je ne voyais quasiment pas de différences. Ok, je comprends.

Comme ça ?

J'attends les avis des autres membres, je ne sais pas si c'est mieux...

17 févr. 2020, 18:56felicien a écrit :

Comme ça ?

J'attends les avis des autres membres, je ne sais pas si c'est mieux...

Comment pourront-ils comparer ? Elle est belle notre nouvelle bannière ! Peut-être juste raboter légèrement le dessus du parallélo ?

17 févr. 2020, 19:16Fouad a écrit :

Peut-être juste raboter légèrement le dessus du parallélo ?

Sans dessin, je ne comprends pas

17 févr. 2020, 19:20felicien a écrit :

17 févr. 2020, 19:16Fouad a écrit :

Peut-être juste raboter légèrement le dessus du parallélo ?

Sans dessin, je ne comprends pas

Je voudrai mais ne peux pas donner mon avis sur ce sujet. Je trouve ce bandeau très bien.

Bonsoir,

Je trouve ça nettement mieux, le losange (qui est un parallélogramme) se marie avec le parallélogramme, il n'y a plus rien de choquant.

Comme on n’était pas habitués au losange, j'ai réfléchi à d'autres formes plus en rapport avec le logo historique qui est la girolle mais je n'ai rien trouvé de mieux. En même temps si j'avais le moindre don artistique, on me l'aurait dit.

Ça va très bien comme ça.

Jplm