Aide:Kit Portail

Kit Portail (KP) est un portail prêt-à-l'emploi. Il est destiné à faciliter la création de portail et donne la possibilité de paramétrer le choix des couleurs, l'arrondi des angles, etc.

Derniers ajouts • Rafraîchir la page

Si vous ne l'avez pas vue, avant de créer un portail allez visiter la page : Aide:Créer un portail.

Installation

Où insérer le code ?

Le code doit être inséré sur une page commençant par Portail:

Quel code doit-on insérer ?

Le code {{Kit Portail}}, mais on peut paramétrer le portail en ajoutant les paramètres après Kit portail dans le code.

Comment créer une boîte/section ?

En insérant {{Kit Portail/Section}}.
Pour paramétrer, il suffit juste d'ajouter le paramètre boîte1 comme pour le Portail:Serbie.

Paramètres

Comment paramétrer le portail ?

En insérant, après '''{{Kit Portail''', les paramètres sous la forme nom du paramètre suivi de = puis de la valeur du paramètre.

Quels sont les paramètres ?

Paramètres facultatifs

Paramètre Effet Valeur par défaut Valeurs possibles Navigateur *

arrondi

Arrondi des angles

0

Les angles peuvent apparaître arrondis si le navigateur le permet.

Internet Explorer : non visible.

Valeur conseillée : 0.6em S'exprime en pt, px ou em. ||

alignVertT

Alignement vertical du titre

top

middle : alignement par le milieu vertical.
top : alignement haut.
bottom : alignement bas (sauf IE).

alignT

Alignement horizontal du titre

center

left : alignement du texte gauche.
center : alignement du texte au milieu.
right : alignement du texte à droite.
justify : alignement du texte à droite et à gauche.

alignVertC Alignement vertical du contenu 4px S'exprime en pt, px ou em.

bordureTaille Taille de la bordure 1px

bordureStyle

Style de bordure

solid

none : aucune bordure.
dotted : bordure en pointillé (sauf Internet Explorer).
dashed : bordure en tirets (sauf Internet Explorer).
solid : bordure continue.
double : bordure en double trait.
groove : bordure en creux.
ridge : bordure en saillie.
inset : bordure en 3D lumière basse.
outset : bordure en 3D lumière haute.

arrondiStyle Style de l'arrondi solid

bordureCouleur

Couleur de la bordure

#AAAAAA

Expression de couleur valide
exemples : black, #C080FF, ...

Table des couleurs

Page d’aide principale : Aide:Couleurs

Nom de la couleur	Rendu	Hexadécimal
AliceBlue		`#F0F8FF`
AntiqueWhite		`#FAEBD7`
Aqua		`#00FFFF`
Aquamarine		`#7FFFD4`
Azure		`#F0FFFF`
Beige		`#F5F5DC`
Bisque		`#FFE4C4`
Black		`#000000`
BlanchedAlmond		`#FFEBCD`
Blue		`#0000FF`
BlueViolet		`#8A2BE2`
Brown		`#A52A2A`
BurlyWood		`#DEB887`
CadetBlue		`#5F9EA0`
Chartreuse		`#7FFF00`
Chocolate		`#D2691E`
Coral		`#FF7F50`
CornflowerBlue		`#6495ED`
Cornsilk		`#FFF8DC`
Crimson		`#DC143C`
Cyan		`#00FFFF`
DarkBlue		`#00008B`
DarkCyan		`#008B8B`
DarkGoldenrod		`#B8860B`
DarkGray		`#A9A9A9`
DarkGreen		`#006400`
DarkKhaki		`#BDB76B`
DarkMagenta		`#8B008B`
DarkOliveGreen		`#556B2F`
DarkOrange		`#FF8C00`
DarkOrchid		`#9932CC`
DarkRed		`#8B0000`
DarkSalmon		`#E9967A`
DarkSeaGreen		`#8FBC8F`
DarkSlateBlue		`#483D8B`
DarkSlateGray		`#2F4F4F`
DarkTurquoise		`#00CED1`
DarkViolet		`#9400D3`
DeepPink		`#FF1493`
DeepSkyBlue		`#00BFFF`
DimGray		`#696969`
DodgerBlue		`#1E90FF`
FireBrick		`#B22222`
FloralWhite		`#FFFAF0`
ForestGreen		`#228B22`
Fuchsia		`#FF00FF`
Gainsboro		`#DCDCDC`
GhostWhite		`#F8F8FF`
Gold		`#FFD700`
Goldenrod		`#DAA520`
Gray		`#808080`
Green		`#008000`
GreenYellow		`#ADFF2F`
Honeydew		`#F0FFF0`
HotPink		`#FF69B4`
IndianRed		`#CD5C5C`
Indigo		`#4B0082`
Ivory		`#FFFFF0`
Khaki		`#F0E68C`
Lavender		`#E6E6FA`
LavenderBlush		`#FFF0F5`
LawnGreen		`#7CFC00`
LemonChiffon		`#FFFACD`
LightBlue		`#ADD8E6`
LightCoral		`#F08080`
LightCyan		`#E0FFFF`
LightGoldenrodYellow		`#FAFAD2`
LightGreen		`#90EE90`
LightGrey		`#D3D3D3`
LightPink		`#FFB6C1`
LightSalmon		`#FFA07A`
LightSeaGreen		`#20B2AA`
LightSkyBlue		`#87CEFA`
LightSlateGray		`#778899`
LightSteelBlue		`#B0C4DE`
LightYellow		`#FFFFE0`
Lime		`#00FF00`
LimeGreen		`#32CD32`
Linen		`#FAF0E6`
Magenta		`#FF00FF`
Maroon		`#800000`
MediumAquamarine		`#66CDAA`
MediumBlue		`#0000CD`
MediumOrchid		`#BA55D3`
MediumPurple		`#9370DB`
MediumSeaGreen		`#3CB371`
MediumSlateBlue		`#7B68EE`
MediumSpringGreen		`#00FA9A`
MediumTurquoise		`#48D1CC`
MediumVioletRed		`#C71585`
MidnightBlue		`#191970`
MintCream		`#F5FFFA`
MistyRose		`#FFE4E1`
Moccasin		`#FFE4B5`
NavajoWhite		`#FFDEAD`
Navy		`#000080`
OldLace		`#FDF5E6`
Olive		`#808000`
OliveDrab		`#6B8E23`
Orange		`#FFA500`
OrangeRed		`#FF4500`
Orchid		`#DA70D6`
PaleGoldenrod		`#EEE8AA`
PaleGreen		`#98FB98`
PaleTurquoise		`#AFEEEE`
PaleVioletRed		`#DB7093`
PapayaWhip		`#FFEFD5`
PeachPuff		`#FFDAB9`
Peru		`#CD853F`
Pink		`#FFC0CB`
Plum		`#DDA0DD`
PowderBlue		`#B0E0E6`
Purple		`#800080`
Red		`#FF0000`
RosyBrown		`#BC8F8F`
RoyalBlue		`#4169E1`
SaddleBrown		`#8B4513`
Salmon		`#FA8072`
SandyBrown		`#F4A460`
SeaGreen		`#2E8B57`
Seashell		`#FFF5EE`
Sienna		`#A0522D`
Silver		`#C0C0C0`
SkyBlue		`#87CEEB`
SlateBlue		`#6A5ACD`
SlateGray		`#708090`
Snow		`#FFFAFA`
SpringGreen		`#00FF7F`
SteelBlue		`#4682B4`
Tan		`#D2B48C`
Teal		`#008080`
Thistle		`#D8BFD8`
Tomato		`#FF6347`
Turquoise		`#40E0D0`
Violet		`#EE82EE`
Wheat		`#F5DEB3`
White		`#FFFFFF`
WhiteSmoke		`#F5F5F5`
Yellow		`#FFFF00`
YellowGreen		`#9ACD32`

couleurFond Couleur de fond du contenu white

couleurFondT Couleur de fond du titre #EFEFEF

Texte

couleurTexteT

Couleur du texte de titre

black

Expression de couleur valide
exemples : black, #C080FF, ...

Table des couleurs

Page d’aide principale : Aide:Couleurs

Nom de la couleur	Rendu	Hexadécimal
AliceBlue		`#F0F8FF`
AntiqueWhite		`#FAEBD7`
Aqua		`#00FFFF`
Aquamarine		`#7FFFD4`
Azure		`#F0FFFF`
Beige		`#F5F5DC`
Bisque		`#FFE4C4`
Black		`#000000`
BlanchedAlmond		`#FFEBCD`
Blue		`#0000FF`
BlueViolet		`#8A2BE2`
Brown		`#A52A2A`
BurlyWood		`#DEB887`
CadetBlue		`#5F9EA0`
Chartreuse		`#7FFF00`
Chocolate		`#D2691E`
Coral		`#FF7F50`
CornflowerBlue		`#6495ED`
Cornsilk		`#FFF8DC`
Crimson		`#DC143C`
Cyan		`#00FFFF`
DarkBlue		`#00008B`
DarkCyan		`#008B8B`
DarkGoldenrod		`#B8860B`
DarkGray		`#A9A9A9`
DarkGreen		`#006400`
DarkKhaki		`#BDB76B`
DarkMagenta		`#8B008B`
DarkOliveGreen		`#556B2F`
DarkOrange		`#FF8C00`
DarkOrchid		`#9932CC`
DarkRed		`#8B0000`
DarkSalmon		`#E9967A`
DarkSeaGreen		`#8FBC8F`
DarkSlateBlue		`#483D8B`
DarkSlateGray		`#2F4F4F`
DarkTurquoise		`#00CED1`
DarkViolet		`#9400D3`
DeepPink		`#FF1493`
DeepSkyBlue		`#00BFFF`
DimGray		`#696969`
DodgerBlue		`#1E90FF`
FireBrick		`#B22222`
FloralWhite		`#FFFAF0`
ForestGreen		`#228B22`
Fuchsia		`#FF00FF`
Gainsboro		`#DCDCDC`
GhostWhite		`#F8F8FF`
Gold		`#FFD700`
Goldenrod		`#DAA520`
Gray		`#808080`
Green		`#008000`
GreenYellow		`#ADFF2F`
Honeydew		`#F0FFF0`
HotPink		`#FF69B4`
IndianRed		`#CD5C5C`
Indigo		`#4B0082`
Ivory		`#FFFFF0`
Khaki		`#F0E68C`
Lavender		`#E6E6FA`
LavenderBlush		`#FFF0F5`
LawnGreen		`#7CFC00`
LemonChiffon		`#FFFACD`
LightBlue		`#ADD8E6`
LightCoral		`#F08080`
LightCyan		`#E0FFFF`
LightGoldenrodYellow		`#FAFAD2`
LightGreen		`#90EE90`
LightGrey		`#D3D3D3`
LightPink		`#FFB6C1`
LightSalmon		`#FFA07A`
LightSeaGreen		`#20B2AA`
LightSkyBlue		`#87CEFA`
LightSlateGray		`#778899`
LightSteelBlue		`#B0C4DE`
LightYellow		`#FFFFE0`
Lime		`#00FF00`
LimeGreen		`#32CD32`
Linen		`#FAF0E6`
Magenta		`#FF00FF`
Maroon		`#800000`
MediumAquamarine		`#66CDAA`
MediumBlue		`#0000CD`
MediumOrchid		`#BA55D3`
MediumPurple		`#9370DB`
MediumSeaGreen		`#3CB371`
MediumSlateBlue		`#7B68EE`
MediumSpringGreen		`#00FA9A`
MediumTurquoise		`#48D1CC`
MediumVioletRed		`#C71585`
MidnightBlue		`#191970`
MintCream		`#F5FFFA`
MistyRose		`#FFE4E1`
Moccasin		`#FFE4B5`
NavajoWhite		`#FFDEAD`
Navy		`#000080`
OldLace		`#FDF5E6`
Olive		`#808000`
OliveDrab		`#6B8E23`
Orange		`#FFA500`
OrangeRed		`#FF4500`
Orchid		`#DA70D6`
PaleGoldenrod		`#EEE8AA`
PaleGreen		`#98FB98`
PaleTurquoise		`#AFEEEE`
PaleVioletRed		`#DB7093`
PapayaWhip		`#FFEFD5`
PeachPuff		`#FFDAB9`
Peru		`#CD853F`
Pink		`#FFC0CB`
Plum		`#DDA0DD`
PowderBlue		`#B0E0E6`
Purple		`#800080`
Red		`#FF0000`
RosyBrown		`#BC8F8F`
RoyalBlue		`#4169E1`
SaddleBrown		`#8B4513`
Salmon		`#FA8072`
SandyBrown		`#F4A460`
SeaGreen		`#2E8B57`
Seashell		`#FFF5EE`
Sienna		`#A0522D`
Silver		`#C0C0C0`
SkyBlue		`#87CEEB`
SlateBlue		`#6A5ACD`
SlateGray		`#708090`
Snow		`#FFFAFA`
SpringGreen		`#00FF7F`
SteelBlue		`#4682B4`
Tan		`#D2B48C`
Teal		`#008080`
Thistle		`#D8BFD8`
Tomato		`#FF6347`
Turquoise		`#40E0D0`
Violet		`#EE82EE`
Wheat		`#F5DEB3`
White		`#FFFFFF`
WhiteSmoke		`#F5F5F5`
Yellow		`#FFFF00`
YellowGreen		`#9ACD32`

taillecadre Taille du cadre 100% S'exprime en %.

tailleTexteT Taille du titre 100%

graisseTexteT

Graisse du titre

bold

lighter : le texte est affiché en léger.
normal : le texte est affiché en normal.
bold : le texte est affiché en gras.
bolder : le texte est affiché en très gras.
100 (lighter), 200, 300, 400 (normal), 500, 600, 700 (bold), 800, 900 (bolder).

policeTexteT Police du titre Tahoma, Verdana, Arial Vous êtes libre de choisir la police et de choisir les polices de remplacement si l'internaute ne la possède pas en les séparant avec une virgule.

styleTexteT

Style du titre

normal

normal : texte dans son aspect normal.
italic : texte en italique.
oblique : texte penché ; dépend de la police, pas de grosse différence avec italic.

variantTexteT

Casse du titre

normal

normal : aucun changement dans le mode d'affichage du texte.
small-caps : affichage du texte en petites capitales.

decoTexteT

Décoration du titre

none

underline: soulignement.
overline : surlignement.
line-through : barrage.
blink : clignotement (sauf IE).
none : sans rien.

capitalTexteT

Capitalisation du titre

none

capitalize : première lettre du texte en majuscule.
uppercase : texte en majuscule.
lowercase : texte en minuscule.
none : texte normal.

espletTexteT

Espace entre les lettres du titre

normal

normal ou valeur numérique. S'exprime en pt, px ou em.

espmotTexteT Espace entre les mots du titre normal

Marge

margeBas Distance entre la boîte et le contenu du dessous 10px S'exprime en pt, px ou em.

margeIntBas Distance entre le contenu et la bordure du bas 5px

margeIntHaut Distance entre le titre et le contenu 0px

margeTHaut Marge haut du titre 5px

margeTDroit Marge droite du titre 3px

margeTBas Marge bas du titre 5px

margeTGauche Marge gauche du titre 3em

margeCGauche Marge gauche du contenu 4px

margeCDroit Marge droite du contenu 4px

Boîte

nomportail Nom du portail Le nom de votre portail Libre choix. Tous caractères.

presentation Présentation Présentation

boîte1 Boîte supérieure gauche Lumière sur

boîte2 Boîte milieu gauche Sélection

boîte3 Boîte inférieure gauche Sélection d'articles

boîte4 Boîte supérieure droite Le saviez-vous ?

boîte5 Boîte milieu droite Image du mois

boîte6 Boîte inférieure droite Catégories

* L'interprétation peut varier d'un navigateur à l'autre, et certains paramètres ne sont pas reconnus par certains navigateurs.

Testé sous Firefox.

Style

Comment utiliser un style pour le portail ?

Après {{Kit Portail insérer un / (slash) puis le nom du style.

Exemple