SPIP ecureuil




Thème de ce forum :

Placer une image en dehors du texte



Jacques le débutant
Placer une image en dehors du texte
8 mai 2008 22:25

Bonjour,

Je souhaite placer une image (600 x 400 px) au dessus du logotype du site et qui est en relation avec l’article en cours.

Dans cet article, il y aurait une vignette de cette image.

Comment puis-je faire ? Sans trop démonter le squelette "article".

Je débute dans Spip et je rame un peu avec les boucles, modèles...

Une piste ou un tuto ?

Cordialement,

Jacques

Rechercher dans les forums:
 

Jacques le débutant
9 mai 2008 01:11
Placer une image en dehors du texte

J’ai pensé utiliser la boucle "document"

Mais je n’ai qu’un lien qui apparait, je n’arrive pas à afficher l’image en direct.

Se pose aussi le problème de l’inclusion d’une vignette dans le corps de l’article.

Je demande peut-être la lune ?

Jacques

denisb
9 mai 2008 01:21
Placer une image en dehors du texte

ta demande n’est pas claire.

cette image que tu veux insérer là-haut, c’est toujours la même ? est-elle dépendante de l’article ? est-ce #LOGO_ARTICLE ?

pour la placer où tu le veux, il te faudra la placer dans un conteneur (un div) et lui donner une position en css qui n’interfère pas avec les autres éléments de ta page (header, page, contenu...)

quel est le squelette de la page ? (du bloc en-tête où s’affiche le logo du site)

Jacques le débutant
9 mai 2008 08:35
Placer une image en dehors du texte

Merci de me lire. Je reformule différemment :

— 

1. Photographie 1

2. Logo

3. Fil d’ariane

4. Article contenant l’ image en réduction de la photographie 1 plus un peu de texte

— 

Je pourrais, peut-être, à l’aide de css et position absolue, placer la grande image en haut du site, mais je me pose la question s’il n’est pas plus simple de placer un code spip en haut de la page.

Cela est-il possible ?

Jacques

denisb
9 mai 2008 09:55
Placer une image en dehors du texte

tu ne réponds pas vraiment à mes questions...

je considère qu’il n’y a qu’une image dans chaque article insérée dans le corps du texte par <imgxx> (pour avoir la vignette dans #TEXTE).

en tête de ta page article.html :

<BOUCLE_gde_img(DOCUMENTS) {id_article} {extension==gif|jpg|png)}>
<div id="haut">
 [<img src="#URL_SITE_SPIP/(#FICHIER)" alt="[(#TITRE|attribut_html)]">]
</div>
</BOUCLE_gde_img>
<div id="logo">
#LOGO_SITE_SPIP
</div>
<BOUCLE_article(ARTICLES) {id_article}>
<div id="ariane">
 ...
</div>
<div id="contenu">
 #TITRE
 #TEXTE
 ...
</div>
...
</BOUCLE_article>
Jacques le débutant
9 mai 2008 13:17
Placer une image en dehors du texte

Merci Denisb, même si je me suis mal exprimé, vous avez parfaitement répondu à ma question.

Je me permet cependant de faire une petite correction au code, car au début, il ne fonctionnait pas.

Je me suis basé pour cela sur un code similaire trouvé dans le squelette de "article.html" (Spip SPIP 1.9.2d) :

<BOUCLE_documents_portfolio(DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, date} {doublons}>

Après corrections, voici le code que vous m’avez proposé avec l’ajout de {mode=document} et la modification de {extension==gif|jpg|png)}> en {extension IN png,jpg,gif} (Je n’ai pas essayé de variantes pour voir ce qui ne marchait pas).

Voici le code modifié :

<BOUCLE_gde_img(DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif}>
<div id="haut">
[<img src="#URL_SITE_SPIP/(#FICHIER)" alt="[(#TITRE|attribut_html)]">]
</div>
</BOUCLE_gde_img>

Comme j’ai vu le terme "document" dans votre code, j’ai inséré l’image comme document joint. Est-ce bien ? Ou y-a-il plus simple ?

Merci encore,

Jacques

RSS






squelette