Piwigo.org

manouche · 2012-10-14 18:57:28

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.

Code:

#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 ?

Zaphod · 2012-10-14 19:15:26

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.

ddtddt · 2012-10-14 19:16:17

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

manouche · 2012-10-14 19:34:42

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 ?

Dernière modification par manouche (2012-10-14 19:37:34)

Zaphod · 2012-10-14 20:10:59

Il ne faut surtout pas toucher au fichier, il faut créer un template extension via l'admin.

manouche · 2012-10-14 21:25:21

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.

Gotcha · 2012-10-14 22:55:25

Vous trouverez de l'aide dans le [wiki]

manouche · 2012-10-15 17:50:30

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.

Dernière modification par manouche (2012-10-15 18:54:20)

flop25 · 2012-10-15 19:22:41

im faut modifier la taille de l'image via le sélecteur img et revoir certainement les marges du conteneur

manouche · 2012-10-15 19:30:27

Les marges du conteneur je sais faire. Mais le selecteur img pour navThumb ???

Dernière modification par manouche (2012-10-15 19:31:01)

Piwigo.org

Annonce

#1 2012-10-14 18:57:28

Theme elegant et menu masqué

Code:

#2 2012-10-14 19:15:26

Re: Theme elegant et menu masqué

#3 2012-10-14 19:16:17

Re: Theme elegant et menu masqué

#4 2012-10-14 19:34:42

Re: Theme elegant et menu masqué

#5 2012-10-14 20:10:59

Re: Theme elegant et menu masqué

#6 2012-10-14 21:25:21

Re: Theme elegant et menu masqué

#7 2012-10-14 22:55:25

Re: Theme elegant et menu masqué

#8 2012-10-15 17:50:30

Re: Theme elegant et menu masqué

#9 2012-10-15 19:22:41

Re: Theme elegant et menu masqué

#10 2012-10-15 19:30:27

Re: Theme elegant et menu masqué

Pied de page des forums