Aide:CSS - Historique des versions

Matt. : Réadaptation de la section pour mise à jour du modèle bandeau : la partie supprimée n'est utilisée que dans un cas très spécifique par rapport aux autres bandeaux

2025-04-24T22:27:40Z

Réadaptation de la section pour mise à jour du modèle bandeau : la partie supprimée n'est utilisée que dans un cas très spécifique par rapport aux autres bandeaux

@@ Ligne 330 : / Ligne 330 : @@
 Une exemple valant mieux qu'un beau discours :
 <pre>
 <ul class="bandeau">
-<li>[[Fichier:Pikachu.png|50px]]
+<li>[[Fichier:Pikachu.png|50px]]</li>
-<span>Tous les Pokéfans adorent Pikachu ! <small>(ou presque...)</small></span></li>
+<li>Tous les Pokéfans adorent Pikachu ! <small>(ou presque...)</small></li>
 </ul>
 </pre>
 <ul class="bandeau">
-<li>[[Fichier:Pikachu.png|50px]]
+<li>[[Fichier:Pikachu.png|50px]]</li>
-<span>Tous les Pokéfans adorent Pikachu ! <small>(ou presque...)</small></span></li>
+<li>Tous les Pokéfans adorent Pikachu ! <small>(ou presque...)</small></li>
 </ul>
 La classe devant s'appliquer sur un élément HTML qui « disparaît » dans le wikitexte, il est obligatoire d'utiliser directement le code HTML (comme montré ci-dessus) pour l'utiliser. Cependant, l'utilisation de cette classe peut, depuis 2015, se faire plus simplement grâce au [[Modèle:Bandeau|modèle Bandeau]]. Le code suivant, <code><nowiki>{{Bandeau|<li>Un bandeau tout vide</li>}}</nowiki></code>, pour le même résultat qu'au début de la section.
 === blockquote ===

Wimessir : /* Par jeu */Passage "Noir et Blanc 2" vers "Noir 2 et Blanc 2"

2024-02-11T10:08:35Z

Par jeu : Passage "Noir et Blanc 2" vers "Noir 2 et Blanc 2"

← Version précédente		Version du 11 février 2024 à 10:08
Ligne 225 :		Ligne 225 :
	\| —<br/>70		\| —<br/>70
	\|-		\|-
	\| class="noir2-blanc2" \| [[Pokémon Noir et Blanc 2\|Noir et Blanc 2]]		\| class="noir2-blanc2" \| [[Pokémon Noir 2 et Blanc 2\|Noir et Blanc 2]]
	\| Commun<br />Peu commun		\| Commun<br />Peu commun
	\| [[Tour Dragospire]]<br />[[Route Victoire (Unys)\|Route Victoire]]		\| [[Tour Dragospire]]<br />[[Route Victoire (Unys)\|Route Victoire]]

Matt. le 26 février 2021 à 18:53

2021-02-26T18:53:28Z

← Version précédente		Version du 26 février 2021 à 18:53
Ligne 300 :		Ligne 300 :
	\| class="épée-bouclier" \| épée-bouclier		\| class="épée-bouclier" \| épée-bouclier
	\|-		\|-
	\| class="~~diamantétincellant~~" \| ~~diamant étincelant~~		\| class="diamantétincelant" \| diamantétincelant
	\| class="perlescintillante" \| ~~perle scintillante~~		\| class="perlescintillante" \| perlescintillante
	\| class="~~diamantétincellant~~-perlescintillante" \| diamantétincelant-perlescintillante		\| class="diamantétincelant-perlescintillante" \| diamantétincelant-perlescintillante
			\| class="légendesarceus" \| légendesarceus
	\|-		\|-
	! colspan="7" \| Jeux secondaires		! colspan="7" \| Jeux secondaires

Nolan : Ajout de la "class" pour Pokémon Diamant Étincelant et Perle Scintillante (couleurs à rajouter)

2021-02-26T16:47:09Z

Ajout de la "class" pour Pokémon Diamant Étincelant et Perle Scintillante (couleurs à rajouter)

← Version précédente		Version du 26 février 2021 à 16:47
Ligne 299 :		Ligne 299 :
	\| class="bouclier" \| bouclier		\| class="bouclier" \| bouclier
	\| class="épée-bouclier" \| épée-bouclier		\| class="épée-bouclier" \| épée-bouclier
			\|-
			\| class="diamantétincellant" \| diamant étincelant
			\| class="perlescintillante" \| perle scintillante
			\| class="diamantétincellant-perlescintillante" \| diamantétincelant-perlescintillante
	\|-		\|-
	! colspan="7" \| Jeux secondaires		! colspan="7" \| Jeux secondaires

Red Bull Salzbourg : pluriel

2021-02-22T03:08:44Z

pluriel

← Version précédente		Version du 22 février 2021 à 03:08
Ligne 39 :		Ligne 39 :

	==== ficheinfo ====		==== ficheinfo ====
	« ficheinfo » est donc la classe qui donne à l'infobox dans son ensemble ses caractéristiques, et non à certaines cellules comme les ~~autre~~ classes. C'est notamment elle qui fait que toute infobox est alignée sur la droite de la page et ne peut dépasser 30% de la largeur (excepté sur version mobile).		« ficheinfo » est donc la classe qui donne à l'infobox dans son ensemble ses caractéristiques, et non à certaines cellules comme les autres classes. C'est notamment elle qui fait que toute infobox est alignée sur la droite de la page et ne peut dépasser 30% de la largeur (excepté sur version mobile).

	==== entêtesection ====		==== entêtesection ====

Red Bull Salzbourg : Suite aux explications d'X-Fusion sur discord

2021-01-07T13:17:27Z

Suite aux explications d'X-Fusion sur discord

← Version précédente		Version du 7 janvier 2021 à 13:17
Ligne 212 :		Ligne 212 :
	==== Par jeu ====		==== Par jeu ====

	S'il est possible de colorer l'ensemble d'un tableau selon les couleurs d'un jeu, comme pour les types, cette situation ne se présente qu'exceptionnellement et ne ~~parleront~~ donc ici de la coloration, bien plus fréquente, des bordures de cellule. Un exemple parlant est celui des tableaux de localisation :		S'il est possible de colorer l'ensemble d'un tableau selon les couleurs d'un jeu, comme pour les types, cette situation ne se présente qu'exceptionnellement et nous ne parlerons donc ici que de la coloration, bien plus fréquente, des bordures de cellule. Un exemple parlant est celui des tableaux de localisation :

	{\| class="tableaustandard centre sol"		{\| class="tableaustandard centre sol"

Red Bull Salzbourg : rectif des coquilles les plus flagrantes

2021-01-06T21:10:53Z

rectif des coquilles les plus flagrantes

← Version précédente		Version du 6 janvier 2021 à 21:10
Ligne 36 :		Ligne 36 :
	\|}		\|}
	</pre>		</pre>
	Des ~~explication~~ sur les différentes classes sont données ci-dessous.		Des explications sur les différentes classes sont données ci-dessous.

	==== ficheinfo ====		==== ficheinfo ====
Ligne 48 :		Ligne 48 :

	==== précision ====		==== précision ====
	Enfin, « précision » peut servir pour toute cellule contenant une information secondaire. Elle réduit ~~légerement~~ la taille du texte et change la couleur de fond. Typiquement, cette classe est utilisée pour les cellules contenant les légendes des images, même si ce n'est pas son unique rôle.		Enfin, « précision » peut servir pour toute cellule contenant une information secondaire. Elle réduit légèrement la taille du texte et change la couleur de fond. Typiquement, cette classe est utilisée pour les cellules contenant les légendes des images, même si ce n'est pas son unique rôle.

	=== badge ===		=== badge ===
Ligne 61 :		Ligne 61 :
	</pre>		</pre>

	Cependant, cette classe reste très rarement utilisée en dehors des modèles, surtout qu'il bien souvent préférable d'utiliser le [[Modèle:Badge Utilisateur]] qui permet de créer des badges de toute sorte sans se soucier d'une quelconque manière du code brut qui se trouve en-dessous.		Cependant, cette classe reste très rarement utilisée en dehors des modèles, surtout qu'il est bien souvent préférable d'utiliser le [[Modèle:Badge Utilisateur]] qui permet de créer des badges de toute sorte sans se soucier d'une quelconque manière du code brut qui se trouve en-dessous.

	=== navigation ===		=== navigation ===
	Moins connue, la classe « navigation » est présente sur tous les tableaux de navigation visibles en fin de page, donnant quelques caractéristiques au titre et réduisant ~~légerement~~ le texte des cellules. Elle s'utilise aussi sur l'ensemble du tableau :		Moins connue, la classe « navigation » est présente sur tous les tableaux de navigation visibles en fin de page, donnant quelques caractéristiques au titre et réduisant légèrement le texte des cellules. Elle s'utilise aussi sur l'ensemble du tableau :
	<pre>		<pre>
	{\| class="tableaustandard navigation"		{\| class="tableaustandard navigation"
Ligne 322 :		Ligne 322 :

	=== bandeau ===		=== bandeau ===
	Relativement récente et ainsi encore assez peu implémentée dans les modèles, tous les bandeaux devraient pourtant reposer sur cette classe CSS qui permet, à ~~celle~~ seule, de styliser de A à Z un bandeau, de façon très simple.		Relativement récente et ainsi encore assez peu implémentée dans les modèles, tous les bandeaux devraient pourtant reposer sur cette classe CSS qui permet, à elle seule, de styliser de A à Z un bandeau, de façon très simple.

	Une exemple valant mieux qu'un beau discours :		Une exemple valant mieux qu'un beau discours :

X-Fusion le 13 avril 2019 à 20:50

2019-04-13T20:50:08Z

← Version précédente		Version du 13 avril 2019 à 20:50
Ligne 394 :		Ligne 394 :

	=== plainlinks ===		=== plainlinks ===
	« plainlinks » est une classe particulière, non pas exclusive à Poképédia mais commune à tous les wikis utilisant le même logiciel pour fonctionner (ce qui ~~expliquer~~ le nom en anglais). Son rôle est de faire disparaître le petit symbole qui apparaît à côté d'un lien externe.		« plainlinks » est une classe particulière, non pas exclusive à Poképédia mais commune à tous les wikis utilisant le même logiciel pour fonctionner (ce qui explique le nom en anglais). Son rôle est de faire disparaître le petit symbole qui apparaît à côté d'un lien externe.
	Par exemple, voici un lien		Par exemple, voici un lien

X-Fusion : /* Autres classes notables */

2019-04-13T20:43:46Z

Autres classes notables

@@ Ligne 332 : / Ligne 332 : @@
 <ul class="bandeau"><li>Un bandeau tout vide.</li></ul>
-La classe devant s'appliquer sur un élément HTML qui « disparaît » dans le wikitexte, il est obligatoire d'utiliser directement le code HTML (comme montré ci-dessus) pour l'utiliser. Cependant, l'utilisation de cette classe peut, depuis 2015, se faire plus simplement grâce au [[Modèle:Bandeau|modèle Bandeau]]. Le code suivant, <code><nowiki>{{Bandeau|<li>Un bandeau tout vide</li>}}</nowiki></code>, pour le même résultat que précédemment.
+Cette classe facilite aussi largement l'insertion d'image au début du bandeau, en ajoutant une balise SPAN. Nouvel exemple :
 <pre>
-<ul class="bandeau"><li>
+{{Bandeau|
-[[Fichier:Pikachu.png|50px]]
+<ul class="bandeau"><li>Un bandeau tout vide.</li></ul>
-<span>Tous les Pokéfans adorent Pikachu ! <small>(ou presque...)</small></span>
+<ul class="bandeau">
-</li></ul>
+<li>[[Fichier:Pikachu.png|50px]]
 </pre>
-<ul class="bandeau"><li>
+{{Bandeau|1=
-[[Fichier:Pikachu.png|50px]]
+<ul class="bandeau"><li>Un bandeau tout vide.</li></ul>
-<span>Tous les Pokéfans adorent Pikachu ! <small>(ou presque...)</small></span>
+<ul class="bandeau">
-</li></ul>
+<li>[[Fichier:Pikachu.png|50px]]
 === blockquote ===
 === plainlinks ===
 === Les classes de Portails ===
 == Cas du CSS sur la version mobile ==

X-Fusion le 13 avril 2019 à 19:42

2019-04-13T19:42:25Z

@@ Ligne 1 : / Ligne 1 : @@
 {{Navigation aide|Très avancé}}
 Le CSS est un langage informatique primordial pour les sites web, puisque son rôle est d'assurer la totalité du design et une partie de la mise en forme. Cette page d'aide permet de découvrir les principales classes CSS utilisées sur Poképédia, c'est-à-dire les principaux styles pour mettre en forme tableaux, bandeaux…
@@ Ligne 320 : / Ligne 319 : @@
 |}
-== bandeau ==
+== Autres classes notables ==
-== blockquote ==
+=== bandeau ===
-== plainlinks ==
+Une exemple valant mieux qu'un beau discours :
 [[Catégorie:Aide de Poképédia]]

← Version précédente		Version du 26 février 2021 à 18:53
Ligne 300 :		Ligne 300 :
	\| class="épée-bouclier" \| épée-bouclier		\| class="épée-bouclier" \| épée-bouclier
	\|-		\|-
	\| class="~~diamantétincellant~~" \| ~~diamant étincelant~~		\| class="diamantétincelant" \| diamantétincelant
	\| class="perlescintillante" \| ~~perle scintillante~~		\| class="perlescintillante" \| perlescintillante
	\| class="~~diamantétincellant~~-perlescintillante" \| diamantétincelant-perlescintillante		\| class="diamantétincelant-perlescintillante" \| diamantétincelant-perlescintillante
			\| class="légendesarceus" \| légendesarceus
	\|-		\|-
	! colspan="7" \| Jeux secondaires		! colspan="7" \| Jeux secondaires

← Version précédente		Version du 26 février 2021 à 16:47
Ligne 299 :		Ligne 299 :
	\| class="bouclier" \| bouclier		\| class="bouclier" \| bouclier
	\| class="épée-bouclier" \| épée-bouclier		\| class="épée-bouclier" \| épée-bouclier
			\|-
			\| class="diamantétincellant" \| diamant étincelant
			\| class="perlescintillante" \| perle scintillante
			\| class="diamantétincellant-perlescintillante" \| diamantétincelant-perlescintillante
	\|-		\|-
	! colspan="7" \| Jeux secondaires		! colspan="7" \| Jeux secondaires

Aide:CSS - Historique des versions

Matt. : Réadaptation de la section pour mise à jour du modèle bandeau : la partie supprimée n'est utilisée que dans un cas très spécifique par rapport aux autres bandeaux

Wimessir : /* Par jeu */Passage "Noir et Blanc 2" vers "Noir 2 et Blanc 2"

Matt. le 26 février 2021 à 18:53

Nolan : Ajout de la "class" pour Pokémon Diamant Étincelant et Perle Scintillante (couleurs à rajouter)

Red Bull Salzbourg : pluriel

Red Bull Salzbourg : Suite aux explications d'X-Fusion sur discord

Red Bull Salzbourg : rectif des coquilles les plus flagrantes