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
Hors ligne
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
Hors ligne
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
Hors ligne
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.
Hors ligne
Coucou toi !
C'est un site de test : https://ancien-photos.revestou.fr/
Hors ligne
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
Hors ligne
Bonjour
un truc du genre
.imageInfo DT {
width: 200px;
}
cela ne le fait pas ?
Hors ligne
Merci, c'est ce que je veux, sauf sur mobile. Faut que je vois dans les media queries ou que j'active SmartPocket.
Hors ligne
Bonjour
.imageInfo DT {
width: 200px;
}
@media (max-width: 1024px) {
/* CSS appliqué aux petits écrans */
.imageInfo DT {
width: 600px;
}
}
Hors ligne
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.
Hors ligne
Bonjour,
la comme cela je dirais surtout que lala carte devrait prendre toute la largeur
Hors ligne
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 ?
Hors ligne
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)
Hors ligne
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
Hors ligne