Les marges du conteneur je sais faire. Mais le selecteur img pour navThumb ???
im faut modifier la taille de l'image via le sélecteur img et revoir certainement les marges du conteneur
Ce qui m'étonne, c'est de ne pas arriver, en gardant la forme carrée, à simplement réduire la taille des carrés...j'ai beau essayer en modifiant la taille du container et la taille des carrés, il doit y avoir un truc qui m'échappe ou alors ce nest pas possible.
Vous trouverez de l'aide dans le [wiki]
Bon, je vais remettre à un peu plus tard, car ça me semble un peu ardu.
J'ai pu modifier légèrement comme je le voulais le style Dark que je vais utiliser en premier.
Merci quand même.
Il ne faut surtout pas toucher au fichier, il faut créer un template extension via l'admin.
Aie ! Si je redimensionne le conteneur, ça superpose/déplace les miniatures carrées.
Pour le reste, je pense que c'est hors de ma portée...enfin, je vais quand même essayer pour voir...
si je trouve le fichier picture.tpl ?
Bonjour,
Je n'ai pas regardé mais vu le problème que tu décrit, je dirais que tu redimensionnes le 'conteneur' et non la miniature
Il faut agir sur le type de miniature choisie qui est la miniature carrée par défaut.
C'est dans picture.tpl et c'est cette partie là :
<div class="navThumbs">
{if isset($previous)}
<a class="navThumb" id="linkPrev" href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" rel="prev">
<span class="thumbHover prevThumbHover"> </span>
<img src="{$previous.derivatives.square->get_url()}" alt="{$previous.TITLE}">
</a>
{/if}
{if isset($next)}
<a class="navThumb" id="linkNext" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" rel="next">
<span class="thumbHover nextThumbHover"> </span>
<img src="{$next.derivatives.square->get_url()}" alt="{$next.TITLE}">
</a>
{/if}
</div>
En te créant un template perso et en changeant le "square" par "thumb" et ensuite en agissant sur les options "tailles de photos" dans l'admin, ça devrait le faire.
Ca n'est pas très souple... il faudrait pouvoir repasser plus facilement des miniatures carrées aux miniatures normales.
Bonsoir,
encore une petite question...j'ai activé la navigation par miniatures dans le thème Elegant. Celles-ci s'affichent bien dans le menu glissant de droite, mais je voudrai leur donner une autre apparence que carrée et en plus petit, de façon à voir la miniature de la photo entière redimensionnée proportionnellement.
#imageInfos .navThumbs { width: 250px; height: 130px; margin: auto; padding: 0 px;} #imageInfos .navThumb { position: relative; width: 120px; height: 120px; margin: 0; overflow: hidden;}
Dans mon cas, ce serait 90x60 en taille de miniature. Les essais que j'ai fait me tronquent la photo.
Y-a-t-il une solution ?