Hello

Peu importe où tes photos sont stockées. L’essentiel est qu’elles soient liées à un ou des articles.

La noisette va chercher les photos des articles avec le mot-clé photo_une et/ou les photos des articles qui se trouvent dans une rubrique avec le mot-clé photo_une, que ces photos soient affichées dans l’article ou non.

Et en effet, ces photos ne doivent pas se trouver dans le portfolio.

Tu peux donc

• créer un article spécifique à qui attribues le mot-clé photo_une
• mettre dans cet article les photos que tu veux
• mettre cet article dans une "rubrique technique" à qui tu associes les mots-clés pas-au-menu, pas-au-menu-vertical, pas-a-la-une et pas-au-plan

Cet article ne sera donc visible nulle part et servira de réservoir à tes photos.

C’est dans cette même rubrique que tu pourras mettre les articles pour les noisettes "Accès direct" et "Edito", pour les "Annonces", pour un "Annuaire".

Désolé mais je ne comprends pas bien "à la place des noisettes droite et gauche".

Tu veux mettre une image unique dans une colonne ?

Ok

Cette image sera fixe pour l’éternité 😉 ou doit-elle changer régulièrement ?

Ok je fais quelques tests et je te dis

Des livres je ne sais pas mais je me sers beaucoup de spip.net, notamment de son glossaire.

Autres questions : doit-il y avoir un lien sur cette image ? Si oui, vers quoi ? l’article source ? autre chose ?

Ok alors allons-y :

1- Tu te crées un dossier /squelettes à la racine de ton site

2- Dans ce dossier, tu crées 2 sous-dossiers : /inclusions et /styles

3- Dans /squelettes/inclusions, tu crées un fichier inc-image.html avec dedans ce code

<BOUCLE_test(ARTICLES){titre_mot=image}>
<BOUCLE_image(DOCUMENTS){id_article}{par date}{inverse}{0,1}>
<div class="image-accueil">
  <img src="[(#FICHIER|image_reduire{190,0}|extraire_attribut{src})]"
    alt='[(#TITRE)]'
    title="[(#TITRE)]" />
</div>
</BOUCLE_image>
</BOUCLE_test>

4- Dans /squelettes/styles, tu crées un ficier perso.css avec dedans

.image-accueil{
margin-left: 10px;
}

5- Tu fais une copie de sommaire.html de /escal vers /squelettes et dedans tu rajoutes

<INCLURE {fond=inclusions/inc-image}{env}>

juste après (par exemple, pour l’avoir en haut de la colonne de gauche)

[(#LANG_DIR|=={ltr}|oui)<div id="navigation">] [(#LANG_DIR|=={rtl}|oui)<div id="extra">]

6- Tu n"as plus qu’à créer ou choisir un article avec le mot-clé "image" et la dernière image an date associée à cet article sera affichée. Il suffira donc de rajouter une image à cet article pour qu’elle prenne la place de l’ancienne.

7- Tu admires ton travail

Si tu ne piges pas un élément de code, n’hésites pas à demander.

Si tu as une "rubrique technique" comme décrite plus haut, tu peux y mettre ton article. Cet article peut rester vide, ce qui importe, c’est qu’il ait une (ou plusieurs) image jointe.

Attention avec Dreamweaver qui, s’il est mal configuré, peut engendrer des erreurs. Préfère lui un éditeur classique comme Notepad++ ou PSPad (mon préféré).

Ensuite, dans sommaire.html, la ligne

[(#LANG_DIR|=={ltr}|oui)<div id="navigation">] [(#LANG_DIR|=={rtl}|oui)<div id="extra">]

existe déjà, il ne faut surtout pas la remettre car là, en effet, tu casses tout ! 😉

Cette ligne ouvre la colonne "navigation" qui est à gauche (ou la colonne extra pour les langues qui se lisent de droite à gauche).

Il te suffit de rajouter la ligne

<INCLURE {fond=inclusions/inc-image}{env}>

juste après pour que ton image se retrouve en haut de cette colonne.

C’est bon Jean christophe, ça marche
nickel
un grand merci pour ta patience
J’ ai PSPad je vais l’utilisé
Bon week
@+++
😉