Passer au contenu du forum
L'Agora sur Chronica
Savoir c'est pouvoir, le libre savoir c'est la liberté.
Écrire une réponse
Écrire une réponse
Composez et envoyez votre nouvelle réponse
Vous pouvez utiliser : BBCode Images Binettes
Tous le champs doivent être remplis avant d’envoyer ce formulaire, ou alors vous avez utilisé la fonction copier/coller qui n'est pas supporté par l'éditeur de texte.
Revue du sujet (plus récents en tête)
J'ai ajusté la hauteur des légendes de vignettes en page album : 1 ligne visible, 3 lignes au survol : avec cette modif :
#thumbnails .gthumb .thumbLegend {
position:absolute;
z-index:100;
bottom:-40px;
top:auto;
height:60px;
left:0;
right:0;
padding:2px 0;
width:100%;
background:rgba(0,0,0,0.7);
text-align:center;
overflow:hidden;
color:#aaa;
-webkit-transition:all 200ms ease-out;
-moz-transition:all 200ms ease-out;
-ms-transition:all 200ms ease-out;
-o-transition:all 200ms ease-out;
transition:all 200ms ease-out;
}
Avec le thème Bootstrap Darkroom et le plugin GThumb+, on peut adapter l'étiquette qui constitue la légende des photos.
Éditer le fichier /plugins/GThumb/template/gthumb.css (on peut tester d'appliquer la modif dans Local File Editor)
Ajuster la configuration comme ci-dessous pour la hauteur de la légende.
#thumbnails .gthumb .thumbLegend {
position:absolute;
z-index:100;
bottom:-18px;
top:auto;
height:43px;
left:0;
right:0;
padding:5px 0;
width:100%;
background:rgba(0,0,0,0.7);
text-align:center;
overflow:hidden;
color:#aaa;
-webkit-transition:all 200ms ease-out;
-moz-transition:all 200ms ease-out;
-ms-transition:all 200ms ease-out;
-o-transition:all 200ms ease-out;
transition:all 200ms ease-out;
}
Merci Robert https://piwigo.org/forum/viewtopic.php? … 94#p183494