Annonce

Écrire une réponse

Veuillez écrire votre message et l'envoyer

Cliquez dans la zone sombre de l'image pour envoyer votre message.

Retour

Résumé de la discussion (messages les plus récents en premier)

manouche
2012-10-15 19:30:27

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

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 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.

Gotcha
2012-10-14 22:55:25

Vous trouverez de l'aide dans le [wiki]

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.

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

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

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">&nbsp;</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">&nbsp;</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.

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 ?

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact