Ah oui, çà marche !
Merci !
j'ai mis çà sur mon site de test, que j'utilise pour produire une carte temporaire...
Coucou Chrinscy
J'arrive à faire marcher ça (dans LFE/css) faut mettre !important, sinon, ça veut pas.:
/*images carrées OSM*/
img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-clickable {height:50px !important;width:50px !important;}Regarde sur mon site (vite fait, suis pas sure de laisser)
Sinon, avec un simple clic sur le carré, c'est déjà plus grand.
Une petite question...
AU lieu d'une épingle, je choisis la miniature (pour un album test où yapa beaucoup de photos)
Est ce qu'on peut modifier la taille de la miniature qui est mini mini...
Ah bin pour moi, si. Les chiffres sont bien en noir sur la carte en grand :-|
Mais j'ai l'impression qu'il manque des marqueurs sur la carte... Faut que je vérifie
Et j'obtiens parfois une page blanche avec juste un message d'erreur :
429 Too Many Requests
Too Many Requests
Mais jamais de problème pour les cartes affichées sur piwigo dans les albums
Ça marche pas pour la carte en grand : /osmmap?/categories&v=2 parce que c'est affiché en dehors du Piwigo, donc sans l'application du css du thème. Pour appliquer un css là, faudrait forker le plugin OSM ... pffff
En fait, j'ai juste changé la couleur des chiffres
Et c'est devenu plus lisible.
/*couleur cluster OSM*/
/* couleur des chiffres : noir*/
.marker-cluster-medium div {color: #000000 !important;}
.marker-cluster-small div {color: #000000 !important;}
.marker-cluster-large div {color: #000000 !important;}CA y est ! j'ai trouvé. Désolée, je ne copiais pas au bon endroit
ok merci
mais je dois avoir un pb de titre, de virgule ou autre car LFE n'accepte pas le code :-(
Voilà ce que j'avais mis dans LFE au final :
/*couleur cluster OSM*/
.marker-cluster-small {background-color: #2a2d7a !important;}
.marker-cluster-medium {background-color:#e67700 !important;}
.marker-cluster-large {background-color:rgb(142, 4, 11) !important;}
.marker-cluster-medium div {background-color: #ffffff !important;}
.marker-cluster-small div {background-color: #ffffff !important;}Bon, on dirait qu'il manque un paramètre pour large, mais je suppose que j'ai laissé celui d'origine. Après, tu mets à ton goût.
Ah bin oui, je suis d'accord avec Katryne... le vert sur vert, c'est illisible
Je vais essayer les lignes à ajouter...
Bonjour Katryne,
N'aurais-tu pas omis le !important dans :
.marker-cluster-medium div {
background-color: #EBCB3A;
}La carte "autonome" est surjavascriptée à mon avis. En tout cas elle affole l'inspecteur de mon pauvre vieux palemoon.
Difficile de comprendre pourquoi elle ne charge pas ton css local.
Essaye de tester aussi en plaçant tes règles dans le custom_css qui a une priorité supérieure à LFE.
Hello !
En fait, je ne comprends rien à ce code. Si j'ai réussi, par hasard et par itération, à obtenir des couleurs à peu près correctes pour le cluster small, pour le medium et le large c'est une horreur : en fait avec le jeu des transparences, les couleurs se mélangent et c'est très laid. Je voulais juste des couleurs franches, différentes pour le fond et le cercle des petits ronds, de façon à ce que ce soit parfaitement distinct des couleurs plutôt pastel que l'on rencontre sur les fonds de carte.
Help oskour mayday mayday...
PS : en plus, ce que j'ai pu un peu modifier sur les cartes accueil/album : https://album.chauvigne.info/
n'est pas valable pour la carte globale, qui vit sa vie à elle : https://album.chauvigne.info/osmmap?/categories&v=2
Bonsoir !
Mon souci est que les clusters de photos de petit niveau (10 au plus) sont du même vert que beaucoup de coloriage de la carte OSM et qu'on ne les distingue pas du fond de carte.
Je suis revenue sur la question et j'ai fait des tests en changeant le css dans LFE.
Et ça marche : maintenant, j'ai mes petits clusters en mauve cerclé de violet. Comme ya jamais ces couleurs sur mes fonds de carte, on les voit bien. Pas encore très élégant, mais si j'étais une artiste, ça se saurait... J'accueille volontiers les suggestions.
Voici mon code css
/*couleur cluster small OSM 1er niveau, à la place du vert*/
.marker-cluster-small {
background-color: rgba(70, 27, 126, 0.6) !important;
}/*cercle violet*/
.marker-cluster-small div {
background-color: rgb(208, 191, 255) !important;
}/*fond mauve*/Merci Lexi
Non ma question n'est pas au sujet de rgb et rgba, ça je sais pour la transparence.
Je voulais savoir quelle est la différence entre :
.marker-cluster-small et .marker-cluster-small div, à quoi ça correspond pour attribuer les couleurs.
Et si je pose la question sur la modif dans LFE, c'est qu'on y modifie le css d'un template, et là, il s'agit du css d'un plugin, il me semble.
Je n'arrivais pas trop compris sur le moment, mais maintenant je vois bien, tu parles des points de localisation d'une photo qui sont montrée sur une carte OpenStreetMap.
Pour ta question, je pense que tu voulais dire quelle est la différence entre :
la fonction rgb
et
la fonction rgba
Toutes les 2 permettent de définir une couleur mais celle avec le "a" semblerait gérer l'alpha et donc la transparence d'après que j'ai pu lire : https://www.w3schools.com/css/css_colors_rgb.asp
Je dirais que dans tous les cas, tu peux toujours tester les 2 fichiers, après il faudrait mieux utiliser Local Files Editor pour ne pas se faire écraser son paramétrage personnalisé à la prochaine mise à jour.