« Discussion:Cosmine » : différence entre les versions
m →Exemples de galeries : petite modification du tableau 3 : ombrage vert des lettres des légendes |
|||
| Ligne 21 : | Ligne 21 : | ||
== Exemples de galeries == | == Exemples de galeries == | ||
<gallery style="background:radial-gradient(circle at 50% 50%, #bb0000 0%, #202020 100%); color:#ffa; border:1px solid gray; padding:20px; border-radius:10px; box-shadow: 0 5px 5px rgba(100, 100, 100, 0.8);font-size:12px; line-height:12px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8); text-align:center; display: table;"> | <gallery style="background:radial-gradient(circle at 50% 50%, #bb0000 0%, #202020 100%); color:#ffa; border:1px solid gray; padding:20px; border-radius:10px; box-shadow: 0 5px 5px rgba(100, 100, 100, 0.8); font-size:12px; line-height:12px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8); text-align:center; display:table;"> | ||
Spectre01.png|Spectre 1 | Spectre01.png|Spectre 1 | ||
Spectre02.png|Spectre 2 | Spectre02.png|Spectre 2 | ||
| Ligne 29 : | Ligne 29 : | ||
<gallery widths=80px style="background:radial-gradient(circle at 50% 50%, #bb0000 0%, #202020 100%); color:#ffa; border:1px solid gray; padding:20px; border-radius:10px; box-shadow: 0 5px 5px rgba(100, 100, 100, 0.8);font-size:12px; line-height:12px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8); text-align:center; display: table;"> | <gallery widths=80px style="background:radial-gradient(circle at 50% 50%, #bb0000 0%, #202020 100%); color:#ffa; border:1px solid gray; padding:20px; border-radius:10px; box-shadow: 0 5px 5px rgba(100, 100, 100, 0.8); font-size:12px; line-height:12px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8); text-align:center; display:table;"> | ||
Spectre01.png|Spectre 1 | Spectre01.png|Spectre 1 | ||
Spectre02.png|Spectre 2 | Spectre02.png|Spectre 2 | ||
| Ligne 45 : | Ligne 45 : | ||
<gallery mode="packed-hover" style="background:radial-gradient(circle at 50% 0%, #ae0010 0%, #303030 100%); color:#333; border:1px solid gray; padding-top:20px; padding-bottom:20px; border-radius:10px;box-shadow: 0 5px 5px rgba(100, 100, 100, 0.8);font-size:12px;line-height:12px;margin:0 auto; width:60%"> | <gallery mode="packed-hover" style="background:radial-gradient(circle at 50% 0%, #ae0010 0%, #303030 100%); color:#333; border:1px solid gray; padding-top:20px; padding-bottom:20px; border-radius:10px;box-shadow: 0 5px 5px rgba(100, 100, 100, 0.8); font-size:12px; line-height:12px; margin:0 auto; width:60%"> | ||
Spectre01.png|Spectre 1 | Spectre01.png|Spectre 1 | ||
Spectre02.png|Spectre 2 | Spectre02.png|Spectre 2 | ||
| Ligne 53 : | Ligne 53 : | ||
<gallery mode="packed-hover" style="background:radial-gradient(circle at 50% 0%, #ae0010 0%, #303030 100%); color:#333; border:1px solid gray; padding:20px; border-radius:10px;box-shadow: 0 5px 5px rgba(100, 100, 100, 0.8);font-size:12px;line-height:12px;margin:0 auto; display:table;"> | <gallery mode="packed-hover" style="background:radial-gradient(circle at 50% 0%, #ae0010 0%, #303030 100%); color:#333; border:1px solid gray; padding:20px; border-radius:10px;box-shadow: 0 5px 5px rgba(100, 100, 100, 0.8); font-size:12px; line-height:12px; margin:0 auto; display:table;"> | ||
Spectre01.png|Spectre 1 | Spectre01.png|Spectre 1 | ||
Spectre02.png|Spectre 2 | Spectre02.png|Spectre 2 | ||
Version du 3 juillet 2020 à 02:23
Salut Joss. j’hésite pour l’esthétique des galeries, celle là est pas mal. comment on règle la largeur ? les images ne sont pas trop petites ? Un peu plus grand pour les toutes petites galeries ce serait mieux je pense. René
On ne peut pas modifier la taille des vignettes, c'est un réglage "Wikipédia".
La largeur du tableau est définie par le contenu grâce au style display:table;
Si on définit une largeur (pour le tableau) en pixels comme width:800px; l'affichage sur un petit écran provoquera des erreurs. Avec une largeur définie en % comme width:80%;, ce problème n'est qu'en partie résolu.
Les galeries d'images ont des paramètres bloqués par Wikidédia pour permettre un affichage optimal sur toutes les plateformes. Je n'ai pu "arranger" que quelques styles : couleur de fond, marges intérieures (padding) du tableau mais pas des images, et quelques "fantaisies" comme l'arrondi, l'ombrage, la taille de la police, ...
On doit faire avec ce qu'on a... et c'est déjà pas mal
--Tovenaar (discussion) 2 juillet 2020 à 20:57 (CEST)
Exemples de galeries
-
Spectre 1 -
Spectre 2 -
Spectre 3 -
Spectre 4
-
Spectre 1 -
Spectre 2
-
Spectre 3 -
Spectre 4
-
Spectre 1
-
Spectre 2
-
Spectre 3
-
Spectre 4
-
Spectre 1 -
Spectre 2 -
Spectre 3 -
Spectre 4
-
Spectre 1
-
Spectre 2
-
Spectre 3
-
Spectre 4
-
Spectre 1
-
Spectre 2
-
Spectre 3
-
Spectre 4
--Tovenaar (discussion) 2 juillet 2020 à 21:13 (CEST)