Piwigo.org

ch35000 · 2010-10-08 17:11:47

Bonjour,

Je voudrais modifier la taille des fonds de diapos des miniatures de photos et n'avoir que 5 miniatures par lignes.

Pourriez-vous m'indiquer les opérations à réaliser de telle sorte que lors des évolutions de Piwigo, ces modifications soient préservées.

pour mémoire :
Version de Piwigo : * Piwigo 2.1.3
site concerné : www.ch35000.fr
Mes miniatures font 170 x 170

Merci d'avance

Christian

ddtddt · 2010-10-08 18:02:15

Et ce que

.content ul.thumbnails span, .content ul.thumbnails span.wrap2 a {
width:18%;
}

Dans le fichier css local, correspond à ton besoin ?

ch35000 · 2010-10-08 18:28:35

ddtddt a écrit:
Et ce que

.content ul.thumbnails span, .content ul.thumbnails span.wrap2 a {
width:18%;
}
Dans le fichier css local, correspond à ton besoin ?

Effectivement c'est presque ça. La miniature n'est pas centrée par rapport à "l'entourage de diapo".

Mais c'est déjà nettement mieux, merci beaucoup...

Christian

ddtddt · 2010-10-08 19:14:50

Peux être

.content ul.thumbnails img {
margin-left:4px;
}

ch35000 · 2010-10-08 20:22:24

C'est bon pour certaines photos mais pas pour toutes. Les photos en présentation"paysage" c'est bon...
mais celles en mode "portrait", ça ne colle pas. Tu peux vérifier sur le site.
Je ne sais pas si c'est possible?

En tout cas merci de ton aide

Christian

ddtddt · 2010-10-08 20:33:39

Est ce que tu peux tester

.content ul.thumbnails {
padding-left:auto;
padding-right:auto;
}

ch35000 · 2010-10-08 20:42:17

ça a l'air de ne rien changer

gbo · 2010-10-08 22:25:39

ch35000,
je ne comprends pas ton souci.
Peux-tu me donner un peu plus d'information que j'essaye de te proposer un correctif.
dans GBO_HK3 la taille des images de fond est définie dans :

/* Add diapo for thumbnails */
.content ul.thumbnails span, .content ul.thumbnails span.wrap2 a{width:150px;}
.content UL.thumbnails SPAN.wrap2 {background-image:url(img/noir.png);height:150px}
.content UL.thumbnails SPAN.wrap2:hover {background-image:url(img/blanc.png)}

ch35000 · 2010-10-08 23:34:03

gbo a écrit:
ch35000,
je ne comprends pas ton souci.
Peux-tu me donner un peu plus d'information que j'essaye de te proposer un correctif.
dans GBO_HK3 la taille des images de fond est définie dans :

/* Add diapo for thumbnails */
.content ul.thumbnails span, .content ul.thumbnails span.wrap2 a{width:150px;}
.content UL.thumbnails SPAN.wrap2 {background-image:url(img/noir.png);height:150px}
.content UL.thumbnails SPAN.wrap2:hover {background-image:url(img/blanc.png)}

Bonsoir,

Comme je l'ai indiqué mes miniatures font 170 px au maximum en largeur et/ou en hauteur.
Les miniatures s'affichent correctement. Cependant l'habillage façon diapo en dessous (en noir ou en blanc) ne suit pas.

exemple : http://www.ch35000.fr/piwigo200/index.php?/category/67 (avant dernière diapo de la 1ere ligne).
J'ai appliqué dans local/css/V_POLO-rules.css, les conseils suivants :

.content ul.thumbnails span, .content ul.thumbnails span.wrap2 a {width:18%;}
.content ul.thumbnails img {margin-left:4px;}
.content ul.thumbnails {padding-left:auto;padding-right:auto;}

Pour les miniatures "paysage" c'est bon, mais pas pour les miniatures "portrait".

J'espère avoir été plus clair.

Merci de ton aide

Christian

Dernière modification par ch35000 (2010-10-08 23:35:44)

gbo · 2010-10-10 14:02:09

CH35000,
Je vois deux pistes possibles.

1 - Tes vignettes font 170px, mais l'image définie en background fait 190*190px.
il faut donc mettre:

.content ul.thumbnails span, .content ul.thumbnails span.wrap2 a{width:190px;}
.content UL.thumbnails SPAN.wrap2 {background-image:url(img/noir.png);height:190px}

2 - l'image de fond noir.png n'existe pas dans le répertoire local\css\img
.content ul.thumbnails span.wrap2 {
background-image:url("img/noir.png");
height:180px;
}
il faut créer le répertoire et ajouter l'image qui se trouve dans le thème.

ch35000 · 2010-10-10 23:00:38

C'est magique ! ça marche...

Merci beaucoup, les miniatures ont plus de gueule comme ça.

Où puis-je trouver les explications des instructions que tu m'as communiqué.

merci encore

Christian

gbo · 2010-10-11 19:54:42

ch35000 a écrit:
Où puis-je trouver les explications des instructions que tu m'as communiqué.
Christian

il te faut un outil de débogage du html.
Sous Firefox, tu installes et lances firebug.
Sous IE8 ou Chrome, tu lances les outils de développement.

Après tu fais un clic droit sur la partie du site qui te pose souci
et tu choisis le menu "inspecter un élément".

ch35000 · 2010-10-12 00:39:19

Je vais essayer de faire ça.

Et merci encore pour ton aide...

Cordialement

Christian

Piwigo.org

Annonce

#1 2010-10-08 17:11:47

[Résolu] Theme derivé de GBO_HK3 : Modif taille fond diapos des miniatures

#2 2010-10-08 18:02:15

Re: [Résolu] Theme derivé de GBO_HK3 : Modif taille fond diapos des miniatures

#3 2010-10-08 18:28:35

Re: [Résolu] Theme derivé de GBO_HK3 : Modif taille fond diapos des miniatures

ddtddt a écrit:

#4 2010-10-08 19:14:50

Re: [Résolu] Theme derivé de GBO_HK3 : Modif taille fond diapos des miniatures

#5 2010-10-08 20:22:24

Re: [Résolu] Theme derivé de GBO_HK3 : Modif taille fond diapos des miniatures

#6 2010-10-08 20:33:39

Re: [Résolu] Theme derivé de GBO_HK3 : Modif taille fond diapos des miniatures

#7 2010-10-08 20:42:17

Re: [Résolu] Theme derivé de GBO_HK3 : Modif taille fond diapos des miniatures

#8 2010-10-08 22:25:39

Re: [Résolu] Theme derivé de GBO_HK3 : Modif taille fond diapos des miniatures

#9 2010-10-08 23:34:03

Re: [Résolu] Theme derivé de GBO_HK3 : Modif taille fond diapos des miniatures

gbo a écrit:

#10 2010-10-10 14:02:09

Re: [Résolu] Theme derivé de GBO_HK3 : Modif taille fond diapos des miniatures

#11 2010-10-10 23:00:38

Re: [Résolu] Theme derivé de GBO_HK3 : Modif taille fond diapos des miniatures

#12 2010-10-11 19:54:42

Re: [Résolu] Theme derivé de GBO_HK3 : Modif taille fond diapos des miniatures

ch35000 a écrit:

#13 2010-10-12 00:39:19

Re: [Résolu] Theme derivé de GBO_HK3 : Modif taille fond diapos des miniatures

Pied de page des forums