Annonce

  •  » Styles
  •  » CSS du nuage de mots clefs : Bootstrap darkroom en 14.4

#1 2024-07-10 11:30:17

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

CSS du nuage de mots clefs : Bootstrap darkroom en 14.4

Bonjour,
Pour ne pas jouer l'incruste sur le fil de E.lito, je voudrais exposer ici mon souci.
Sur https://balades.comoni.org/, j'avais créé un joli style pour le nuage de mots clefs.

https://agora.chauvigne.info/uploads/images/2019/08/16/nuage.jpg

Pour cela, j'avais posé le css dans la zone de config du thème Bootstrap:

Code:

.tagLevel1 {font-size:1rem;color:rgb(0,0,0);}
.tagLevel2 {font-size:1.4rem;color:rgb(206, 4, 13);}
.tagLevel3 {font-size:1.8rem;color:rgb(27, 146, 108);}
.tagLevel4 {font-size:2.2rem;color:rgb(63, 81, 181);}
.tagLevel5 {font-size:2.5rem;color:rgb(223, 105, 26);}
.tagLevel1,.tagLevel2,.tagLevel3,.tagLevel4,.tagLevel5 {
border: 1px solid rgb(67, 94, 149);
border-radius: .25em;
background-color: rgb(255,255,255);
padding: 0 .3rem;
font-variant:small-caps;
}

Après le passage en piwigo 14.4.0, ce css n'est plus appliqué et mes mots clefs sont juste posés en vrac et en texte brut. C'est un bidule de Pwg-stuff et c'est visible en bas de la page d'accueil.
J'ai essayé de poser le code aussi dans l'onglet css de LFE, mais sans aucun effet.

D'où cela peut-il venir ? Merci de votre expertise.

Dernière modification par Katryne (2024-07-10 18:08:55)


https://album.chauvigne.info/ v.13.8.0  PHP: 8.2.17
http://photos.katrynou.fr/ ou https://balades.comoni.org/ (c'est le même) v.14.4.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

#2 2024-07-10 18:01:28

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

Re: CSS du nuage de mots clefs : Bootstrap darkroom en 14.4

Salut voisine, je ne trouve pas ton css concernant le style, où l'as-tu mis ??


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

Hors ligne

#3 2024-07-10 18:14:42

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

Re: CSS du nuage de mots clefs : Bootstrap darkroom en 14.4

Hello Dreamer !
Il est dans le champ de config css de Bootstrap Darkoom. Et je viens de le rajouter AUSSI dans l'onglet CSS de Local file Editor.

Ça marchait en piwigo 13.5, mais plus en 14.4.

J'ai été notifiée d'un autre de tes messages, mais je le vois plus sur le forum.


https://album.chauvigne.info/ v.13.8.0  PHP: 8.2.17
http://photos.katrynou.fr/ ou https://balades.comoni.org/ (c'est le même) v.14.4.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

#4 2024-07-10 18:52:40

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

Re: CSS du nuage de mots clefs : Bootstrap darkroom en 14.4

re, le message disparu c'est moi, une cagade !!

Je viens de revérifier, je ne vois toujours pas ton css et pourtant tu as modifié la position du bloc


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

Hors ligne

#5 2024-07-10 20:48:44

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

Re: CSS du nuage de mots clefs : Bootstrap darkroom en 14.4

Ya pas que la version de Piwigo qui a changé (13.5/14.4.0), ya aussi celle de Pwgstuff (12.5/14.b) et aussi celle de Bootstrap Darkroom (2.5.17/2.5.22).

Tout ce que je peux dire, c'est que le code css qui marchait avant ne marche pas avec les nouvelles versions.

On peut voir la différence entre les 2 sites de ma signature qui utilisent le même css pour le bidule pwgstuff des mots clefs.

J'ai essayé de mettre des sélecteurs plus complets, d'ajouter du !important, de mettre aussi dans LFE, alors que la config css du thème suffisait. Rien de marche.


https://album.chauvigne.info/ v.13.8.0  PHP: 8.2.17
http://photos.katrynou.fr/ ou https://balades.comoni.org/ (c'est le même) v.14.4.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

#6 2024-07-11 08:51:30

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

Re: CSS du nuage de mots clefs : Bootstrap darkroom en 14.4

Re

Toujours pas vu de différence, pas customisation de tes tags, alors que je retrouve dans custom.css

Code:

.tagLevel1{font-size:1rem;color:rgb(0,0,0)}
.tagLevel2{font-size:1.4rem;color:rgb(206, 4, 13)}
.tagLevel3{font-size:1.8rem;color:rgb(27, 146, 108)}
.tagLevel4{font-size:2.2rem;color:rgb(63, 81, 181)}
.tagLevel5{font-size:2.5rem;color:rgb(223, 105, 26)}
.tagLevel1,.tagLevel2,.tagLevel3,.tagLevel4,.tagLevel5{border:1px solid rgb(67, 94, 149);border-radius:.25em;background-color:rgb(255,255,255);padding:0 .3rem;font-variant:small-caps}

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

Hors ligne

#7 2024-07-11 09:06:42

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

Re: CSS du nuage de mots clefs : Bootstrap darkroom en 14.4

Je comprends pas la différence pour les ID et les CLASS , alors que j'ai le même code css pour les 2 versions de Piwigo.

En 13.5
https://agora.chauvigne.info/uploads/images/2024/07/11/id-class-tagscloud-v13-5.png

En 14.4.0
https://agora.chauvigne.info/uploads/images/2024/07/11/id-class-tagscloud-v14-4-0.png

NB : je ne sais plus ajouter des images hébergées sur Imgur ici.

Dernière modification par Katryne (2024-07-11 09:17:30)


https://album.chauvigne.info/ v.13.8.0  PHP: 8.2.17
http://photos.katrynou.fr/ ou https://balades.comoni.org/ (c'est le même) v.14.4.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

#8 2024-07-11 11:37:12

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

Re: CSS du nuage de mots clefs : Bootstrap darkroom en 14.4

J'imagine que tu as essayée en désactivant certains plugins ....

Tente ceci

Code:

#fullTagCloud.tagLevel1{font-size:1rem;color:rgb(0,0,0)}
#fullTagCloud.tagLevel1{border:1px solid rgb(67, 94, 149);border-radius:.25em;background-color:rgb(255,255,255);padding:0 .3rem;font-variant:small-caps}

Dernière modification par dreamer (2024-07-11 11:38:00)


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

Hors ligne

#9 2024-07-11 12:08:26

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

Re: CSS du nuage de mots clefs : Bootstrap darkroom en 14.4

Hello Dreamer, merci de ce bel essai, que je n'ai pas réussi à transformer, hélas.
J'ai pas essayé de désactiver des plugins, mais je viens de désactiver le thème Bootstrap default, même s'il n'est pas par défaut, il aurait pu avoir une influence ...
J'ai aussi appliqué ta suggestion, en ajoutant #fullTagCloud  un peu partout devant les sélecteurs. Ce qui a eu autant d'effet qu'un pansement sur une jambe de bois.
Je dois louper quelque chose. Le code a dû changer, même si je ne sais pas si ça vient du Piwigo, du thème ou du plugin. Je pencherais pour le plugin ...


https://album.chauvigne.info/ v.13.8.0  PHP: 8.2.17
http://photos.katrynou.fr/ ou https://balades.comoni.org/ (c'est le même) v.14.4.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

  •  » Styles
  •  » CSS du nuage de mots clefs : Bootstrap darkroom en 14.4

Pied de page des forums

Propulsé par FluxBB

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