image positionnée dans la bannière

[jolijojo]

Bonjour Fred,
Maintenant je souhaite obtenir cela :

J'essaie de me servir de l'inspection du source :

Je ne sais pas ou repérer le fichier correspondant je présume un CSS.
Afin d'incorporer l'image et la positionner.
Merci.

[Fred]

Salut Jean-Pierre

Oui ceci doit être faisable, pour l'instant je n'en ai pas la moindre idée pour mettre cela en place. Pour l'en-tête du forum (le header) la class c'est headerbar


Il existe une extension qui permet d'afficher jusqu'à 6 images sur la droite du header, ces images sont affichées aléatoirement à chaque changement et rafraichissement de page. L'extension est Right Random Image

Une démo est disponible ici

[jolijojo]

J'ai un peu bricolé : changement du dégradé de l'entête...

[Fred]

Oui ceci doit être faisable, pour l'instant je n'en ai pas la moindre idée pour mettre cela en place.

Le plus simple et plus rapide est de te créer une bannière à laquelle tu ajoutes ces 3 photos.

[MariePop's]

Relance par un modérateur.
Cela fait 5 jours que tu n'as pas donné suite à ta demande.
Sous 48h ton message sera verrouillé et archivé.

Merci de relire le règlement de l'entraide.

[jolijojo]

Normal j'étais sur la table d'opération, je viens à peine de rentrer chez moi. je chercherai la solution plus tard.

[Fred]

Aucun souci Jean-Pierre
Ce sujet restera ouvert, prend soins de toi avant tout.
Bon rétablissement.

[jolijojo]

Bonjour et merci de votre patience.
J'essaie de bosser un peu si possible.
Concernant la possibilité de passer en responsive mon logo il me semble avoir compris que le plus simple serait de créer 3 images en 320 640 et l'origine et utiliser l'attribut srcset avec size !

Code : Tout sélectionner

<img src="medium.jpg"
     srcset="small.jpg 320w,
             medium.jpg 640w,
             large.jpg 1024w"
     sizes="(min-width: 600px) 50vw , (min-width: 980px) 30vw , 100vw"
     alt="kiwi">

Cela semble pouvoir être adapté, je pense que cela doit être intégré dans le HTML et non dans CSS si c'est le cas, je n'arrive pas à repérer le fichier concerné.

[Fred]

Salut Jean-Pierre

Utilise la propriété flex dans la feuille de style CSS pour placer tes images.
Regarde ici : https://www.ionos.fr/digitalguide/sites ... s-flexbox/

[jolijojo]

Merci Fred, j'ai regardé cela. En fait à force de bidouiller de mon côté je m'aperçois qu'il me faut travailler mes compétences.
C'est pour cela que je ré-ouvre mes livres afin d' assimiler un peu mieux les modifs sur mon forum, sans prétention de ma part.
Je profite de ma convalescence pour un peu améliorer mes actions sur le forum.