Bonjour la_grenouille, dans la banniere des pages de piwigo (configuration - options), un petit indice, une idée !

Cordialement
k5

bonjour
ils ne 'lont jamais été et comme vous les avez aggrandis etc là cela devient potentiellemnt problématique
Dans ce cas il faudra changer thumbnails.tpl ; inclure le div .title dans le a, faire un a autour du texte dans le div .title .. pas mal de possibilités
theme enfant ou template extension en pratique

bon, en fait, pour le moment je ne m'en sors pas pour rendre cliquable le titre de mes albums. Je n'y connais pas grand chose à vrai dire.
A priori, la modification serait à faire dans "mainpage_categorie.tpl" et pas dans "thumbmail.tpl".

    <div class="bloc {$TN_CLASS} album">
          <a href="{$cat.URL}" style="background: url({$derivative->get_url()}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px; border-color: rgb(0, 0, 0);" >
                {$cat.NAME}
          </a>   
            <div class="title">{$cat.NAME}</div>
    </div>

La présentation est celle que je souhaite, l'image est cliquable mais pas le titre


J'ai essayé d'inclure le div title dans le a :

    <div class="bloc {$TN_CLASS} album">
          <a href="{$cat.URL}" style="background: url({$derivative->get_url()}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px; border-color: rgb(0, 0, 0);" >
                {$cat.NAME}   
            <div class="title">{$cat.NAME}</div>
          </a>
    </div>

Le titre devient cliquable mais d'un part la boite de titre (grise) se décale (je peux arranger ça avec le css) mais surtout, les caractères disparaissent.

J'ai essayé en mettant le a uniquement autour du texte dans le div :

    <div class="bloc {$TN_CLASS} album">
          <a href="{$cat.URL}" style="background: url({$derivative->get_url()}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px; border-color: rgb(0, 0, 0);" >
                {$cat.NAME}
          </a>   
          <div class="title"><a href="{$cat.URL}">{$cat.NAME}</a></div>
         
    </div>

La zone grise est OK, mais la zone cliquable correspondant au titre est plus petite, avec une boite disgracieuse et surtout il n'y a plus les caractères.

J'ai essayé en utilisant un span "title" au lieu d'un div, dans le a :

    <div class="bloc {$TN_CLASS} album">
          <a href="{$cat.URL}" style="background: url({$derivative->get_url()}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px; border-color: rgb(0, 0, 0);" >
                {$cat.NAME}
          </a>
          <a href="{$cat.URL}"><span class="title">{$cat.NAME}</span></a>
        </div>

Là c'est le pire, il n'y a plus aucun titre, et juste une petite zone cliquable en bas de l'image.


Si quelqu'un une idée pour rendre le titre cliquable, sachant que c'est un div dans un div contenant déjà un a (voir code au début du message), ça serait vraiment sympa. Merci d'avance pour votre aide ! :-)

Bonsoir Steff,
Un grand merci à vous car j'ai appliqué ce que vous avez parfaitement décrit et cela fonctionne à merveille.
Juste un détail, lorsque le curseur passe sur le titre, la boite complète de l'album ne se surligne pas en blanc (contrairement au passage du curseur sur l'image même de l'album).
Mais là je crois que ça serait compliqué de faire autrement, et ce n'est pas bien grave.
Encore merci.

Que dire sinon re-merci Steff, votre commentaire me touche. :-)
Cela m'encourage à trouver du temps pour publier d'autres albums. J'ai plein d'idées en tête...