Annonce

  •  » Plugins
  •  » [Résolu] Styler une photo d'Additionnal Page intégrée (extended description)

#1 2024-03-03 19:48:15

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

[Résolu] Styler une photo d'Additionnal Page intégrée (extended description)

Bonsoir,

J'ai créé une page additionnelle. https://album.chauvigne.info/index?/page/crazy_horse
J'y intègre une photo avec le code d'Extended description.
Je voudrais lui affecter le style d'une classe que j'ai dans mon css.

J'y arrive pas. Je fais comment ?

Merci


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-03-03 20:47:44

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

Re: [Résolu] Styler une photo d'Additionnal Page intégrée (extended description)

Salut voisine

Peux-tu être plus explicite : moi pas comprendre ce que tu veux faire sur ton image !


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

Hors ligne

#3 2024-03-03 21:01:32

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

Re: [Résolu] Styler une photo d'Additionnal Page intégrée (extended description)

Coucou Dreamer !

Dans ma page additionnelle, j'intègre une image avec le code rendu possible par le plugin Extended description :

[photo id=5769 link=true]

C'est à entrer en mode source, donc pour la page additionnelle.

Ma photo  #5769 existe déjà dans un album.

Dans mon css, j'ai une classe pour faire un encadré ombré pour mes images :

Code:

.img-cadre,#osmmap, #theImage img {
 box-shadow: 5px 5px 20px #14153a; 
 border-color: rgb(255, 207, 9);
 border-style: solid;
 border-width: 0;
 display: block;
 padding:1%;
margin:1rem auto;
text-align:center;
}

Voilà le rendu de ce code : https://album.chauvigne.info/picture?/2 … erica-2018

Je ne sais pas comment affecter une classe à une image intégrée avec le code d'extended description.


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-03-04 05:55:56

k5
Équipe Piwigo
La reppe
2014-01-26
1350

Re: [Résolu] Styler une photo d'Additionnal Page intégrée (extended description)

Bonjour

essayer dans la page additionnelle

Code:

   <style type="text/css">
.img-cadre,#osmmap, #theImage img {
 box-shadow: 5px 5px 20px #14153a; 
 border-color: rgb(255, 207, 9);
 border-style: solid;
 border-width: 0;
 display: block;
 padding:1%;
margin:1rem auto;
text-align:center;
}
</style>

mais il manque les div et les class dans le <style> </style> puis de l'appliquer après le </style> qui faudrait ajouter dans la page additionnelle

A très vite


Piwigo 14.4 VM alpneLinux php 8.4
Piwigo 14.4 php 8.4 -- 8.4 mysql -- ImageMagick 7.1.1.34

Hors ligne

#5 2024-03-04 09:50:13

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

Re: [Résolu] Styler une photo d'Additionnal Page intégrée (extended description)

Salut

On va voir si j'ai bien compris, tu veux donner un "design" à tes images dans les pages additionnelles ..

on peut faire un css avec ceci, c'est à dire sur les images de ta page

Code:

#theAdditionalPage img {box-shadow: 5px 5px 20px #14153a; 
 border-color: rgb(255, 207, 9);
 border-style: solid;
 border-width: 0;
 display: block;
 padding:1%;
margin:1rem auto;
text-align:center;
}

En espérant avoir compris ta demande

A+


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

Hors ligne

#6 2024-03-04 10:12:46

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

Re: [Résolu] Styler une photo d'Additionnal Page intégrée (extended description)

Merci vous deux ! Mon problème est que je ne trouve jamais le bon sélecteur pour le css. Là, c'était :
#theAdditionalPage img


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

  •  » Plugins
  •  » [Résolu] Styler une photo d'Additionnal Page intégrée (extended description)

Pied de page des forums

Propulsé par FluxBB

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