Annonce

  •  » Styles
  •  » Panneau info d'image dans Modus

#1 2020-12-07 16:30:42

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1632

Panneau info d'image dans Modus

Bonsoir,
Je crée un nouveau site avec Modus, parce qu'il est responsive et qu'il ne traîne pas les 6 bugs que j'ai identifiés dans mon fidèle Bootstrap Darkroom. J'ai tout à réapprendre.
Je découvre le panneau Infos de l'image :
- je ne trouve pas comment changer la couleur de son background. Quelle est sa class ou son ID ?
- le panneau infos de l'image est fixe et quand l'image est en grand, il la recouvre en partie. Quel moyen pour cacher le panneau dans ces circonstances ? Ou le déplacer en-dessous dans le thème.
Merci


https://album.chauvigne.info/ v.13.8.0  PHP: 8.1.22
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

#2 2020-12-08 14:08:14

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1632

Re: Panneau info d'image dans Modus

J'ai trouvé les id pour le panneau info dans modus :
div#theImageAndInfos div#imageInfos   pour l'ensemble
dl#standard.imageInfoTable pour la partie qui contient les textes

Par contre, si quelqu'un a une idée pour cacher par défaut (et qu'il apparaisse au clic par ex) ou déplacer ce panneau, je suis preneur de toute solution. Merci


https://album.chauvigne.info/ v.13.8.0  PHP: 8.1.22
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

#3 2020-12-08 15:55:30

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1632

Re: Panneau info d'image dans Modus

En fait, Je préfèrerais que le panneau Infos soit toujours en-dessous de l'image, comme pour les écrans de moins de 800px avec les media-screen. J'ai un peu de mal avec cette partie du css. Qui peut me donner conseil ?
Merci


https://album.chauvigne.info/ v.13.8.0  PHP: 8.1.22
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

#4 2020-12-08 23:59:14

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1632

Re: Panneau info d'image dans Modus

J'ai pu placer le panneau info en-dessous de l'image pour toutes les tailles d'écran, mais j'ai dû forker modus/css/picture.css.tpl pour cela, je n'ai pas su le faire ni avec le css de Local File Editor, ni avec un template extension.
Intellectuellement, ce n'est pas satisfaisant, puisqu'il faudra que je surveille le fork lors de la mise à jour de Modus. Et puis j'ai encore de petits problèmes d'alignement qui n'est pas toujours le même selon la largeur d'écran.


https://album.chauvigne.info/ v.13.8.0  PHP: 8.1.22
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

#5 2020-12-09 11:50:16

dreamer
Membre
St Cyr/mer (83)
2006-02-26
1046

Re: Panneau info d'image dans Modus

Salut voisine

Ton site-test est-il en ligne ??

Si oui un petit lien pour voir ?

A+


Photos, MusiquesCamping-car,Vidéo et le tout nouveau Recettes le tout en 14.2.0

Hors ligne

#6 2020-12-09 12:08:02

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1632

Re: Panneau info d'image dans Modus

Coucou toi !
C'est un site de test : https://ancien-photos.revestou.fr/


https://album.chauvigne.info/ v.13.8.0  PHP: 8.1.22
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

#7 2020-12-16 17:41:18

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1632

Re: Panneau info d'image dans Modus

Hello Hello !
Je voudrais un coup de pouce : le panneau info est scindé en 2 parties égales, et je voudrais que la 1ère colonne de cette table soit proportionnelle en largeur à son contenu maximum, pour éviter un grand vide. Cela permettrais d'avoir la carte pour l'image en plus grand.
Qui peut m'aider ? https://ancien-photos.revestou.fr/pictu … _dardennes


https://album.chauvigne.info/ v.13.8.0  PHP: 8.1.22
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

#8 2020-12-16 21:31:01

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16781

Re: Panneau info d'image dans Modus

Bonjour

un truc du genre

.imageInfo DT {
    width: 200px;
}


cela ne le fait pas ?


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#9 2020-12-17 02:15:31

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1632

Re: Panneau info d'image dans Modus

Merci, c'est ce que je veux, sauf sur mobile. Faut que je vois dans les media queries ou que j'active SmartPocket.


https://album.chauvigne.info/ v.13.8.0  PHP: 8.1.22
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

#10 2020-12-17 06:18:53

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16781

Re: Panneau info d'image dans Modus

Bonjour


.imageInfo DT {
    width: 200px;
}

@media (max-width: 1024px) {
   /* CSS appliqué aux petits écrans */
.imageInfo DT {
    width: 600px;
}
}


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#11 2020-12-17 12:07:01

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1632

Re: Panneau info d'image dans Modus

méééé oui méééé non. Merci, mais c'est toujours pas terrible sur mobile. Je cherche encore. En attendant, j'ai activé le SmartPocket avec le thème classique en option du visiteur.

https://revestou.fr/images/test-mobile-modus.png


https://album.chauvigne.info/ v.13.8.0  PHP: 8.1.22
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

#12 2020-12-17 17:53:40

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16781

Re: Panneau info d'image dans Modus

Bonjour,

la comme cela je dirais surtout que lala carte devrait prendre toute la largeur


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#13 2020-12-18 16:00:35

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1632

Re: Panneau info d'image dans Modus

Merci, tu m'as donné un os à ronger.
Pour moi, l'idéal serait que la carte sorte du tableau de la fiche info et se retrouve en-dessous de tout, pleine largeur, comme au pied des albums. Je trouve que la carte de géolocalisation de la photo est rarement lisible quand elle fait partie de la fiche info. Est-ce possible ?


https://album.chauvigne.info/ v.13.8.0  PHP: 8.1.22
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

#14 2020-12-18 17:47:11

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16781

Re: Panneau info d'image dans Modus

Bonjour,

le comme cela je dirais de faire un display none sur la case en "trop" soit celle ou il y a écrit carte le tout c'est d'arriver à la cibler
(#map-info dt)


et imposer à la case avec la photo de s’afficher sur toute la largeur
(#map-info dd)


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#15 2020-12-18 18:19:04

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1632

Re: Panneau info d'image dans Modus

J'ai déjà mis un display:none sur le titre de la propriété depuis l'admin du plugin OSM.
La carte est maintenant collée à gauche, mais elle reste confinée (!) dans la première colonne. Maintenant, faut que je fusionne les 2 cases et seulement pour cette ligne.
https://ancien-photos.revestou.fr/pictu … _dardennes


https://album.chauvigne.info/ v.13.8.0  PHP: 8.1.22
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

  •  » Styles
  •  » Panneau info d'image dans Modus

Pied de page des forums

Propulsé par FluxBB

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