totosh a écrit:
1/ Au niveau des modules des rangées "texte et image droite" ainsi que "texte et image gauche", les image ne se placent pas sur le côté mais au dessus du texte, qu'est-ce qui peut déranger ?
Difficile de t'aider si tu ne donnes pas une URL où on peut constater le problème. Je ne peux que t'expliquer le principe.
Tout ce qui relève de la mise en page est géré par les feuilles de styles (CSS)
Dans ces deux rangées fournie avec la démo, on fait appel à 2 classes pour positionner les images et les faire "flotter" à droite ou à gauche selon le cas.
Exemple pour une image positionnée à droite on pourrait avoir le code suivant dans la rangée
Code :
<block module="standard" type="image" id="image" maxWidth="300">
<div class="imgRight">{{data}}</div>
et dans le fichier common.css on a les propriétés correspondantes
Code :
.imgRight{
float: right;
margin: 0 0 5px 10px;
}
totosh a écrit:
2/ J'ai voulu créer un module qui affiche 2 images centrées, le problème c'est que je peux choisir qu'une seule image donc il y à 2 fois la même image d'afficher, vous auriez une solution pour le code.
Tu veux dire une rangée plutôt non ?
On pourrait imaginer ça si on utilise uniquement le module de gestion de pages (tu peux enlever l'attribut maxwidth="400" si tu ne veux pas limiter la largeur maximale de l'image)
Code :
<row>
<div class="center">
<block module="standard" type="image" id="img1" maxWidth="400">{{data}}</block>
<block module="standard" type="image" id="img2" maxWidth="400">{{data}}</block>
</div>
</row>
On peut aussi faire la même chose en utilisant le module mediathèque, je te fourni un code à titre d'exemple mais je n'ai pas testé.
Code :
<row>
<div class="center">
<block module="pmedia" id="img1" language="fr">
<atm-search what="{Media}" name="img1">
<atm-search-param search="img1" type="item" value="block" mandatory="true" />
<atm-result search="img1">
<atm-if what="{Media:File:thumbnail}">
<a href="{Media:File:filePath}/{Media:File:filename}" title="Voir l'image '{Media:label}' ({Media:File:fileExtension} - {Media:File:fileSize}Mo)"><img src="{Media:File:filePath}/{Media:File:thumbnail}" alt="{Media:label}" title="{Media:label}" /></a>
</atm-if>
<atm-if what="!{Media:File:thumbnail}">
<img src="{Media:File:filePath}/{Media:File:filename}" alt="{Media:label}" title="{Media:label}" />
</atm-if>
</atm-result>
</atm-search>
</block>
<block module="pmedia" id="img2" language="fr">
<atm-search what="{Media}" name="img2">
<atm-search-param search="img2" type="item" value="block" mandatory="true" />
<atm-result search="img2">
<atm-if what="{Media:File:thumbnail}">
<a href="{Media:File:filePath}/{Media:File:filename}" title="Voir l'image '{Media:label}' ({Media:File:fileExtension} - {Media:File:fileSize}Mo)"><img src="{Media:File:filePath}/{Media:File:thumbnail}" alt="{Media:label}" title="{Media:label}" /></a>
</atm-if>
<atm-if what="!{Media:File:thumbnail}">
<img src="{Media:File:filePath}/{Media:File:filename}" alt="{Media:label}" title="{Media:label}" />
</atm-if>
</atm-result>
</atm-search>
</block>
</div>
<row>
totosh a écrit:
3/ Est t'il possible de ne pas réduire l'image lorsque l'on sélectionne dans le modèle de rangée "texte" l'image et donc soit de choisir ça taille ou de garder la taille réel de celle-ci.
Il faut enlever le paramètre maxwidth dans le code XML de la rangée pour ne pas limiter la largeur maximale de ton image. (cf. code plus haut)
Connexion
FAQ
Rechercher
Le forum est là pour ça.
Première chose quand tu télécharges le patch, tu n'as pas besoin de décompresser le fichier .tar.gz, choisi plutôt donc d'enregistrer le fichier sur ton disque dur plutôt que de l'ouvrir avec un gestionnaire d'archive.