Aide:Mise en page évoluée

De Place des revues.

Ceci est le mode d'emploi pour créer et pour modifier les boîtes de mise en page

Sommaire 1 Principe 2 Mode d'emploi 2.1 1re étape : créer la sous-page et y placer le modèle de la boîte 2.2 2e étape : mettre en place une boîte 2.3 3e étape : remplir la boîte 3 Variantes de mise en page 3.1 Texte sur deux colonnes (ou plus) dans une boîte 3.2 Deux séries de boîtes côte à côte 4 Autres possibilités 4.1 Mettre une zone de texte avec un ascenseur 4.2 Encadré de couleur 4.3 Image sans légende, avec texte en habillage 4.4 Pour masquer le menu de la page

[modifier] Principe

Certaines pages (page d'accueil, pages de présentation des ateliers, etc.) nécessitent une mise en page plus complexe que celle permise par la syntaxe Wiki : on utilise alors des boîtes que l'on assemble librement.

La mise en œuvre nécessite trois éléments de base :

1. la page où se fera la mise en page (par exemple : Mapage).
2. une sous-page où on déposera le modèle de boîte (par exemple : Mapage/boîte). Attention : le nom de la sous-page est sensible à la casse (Mapage/boîte n'est pas similaire à Mapage/Boîte).
3. des sous-pages où se trouve le texte remplissant les boîtes.

[modifier] Mode d'emploi

[modifier] 1^re étape : créer la sous-page et y placer le modèle de la boîte

• Créer la sous-page en faisant attention à la graphie de son nom.
• Coller le code ci-après :

{{subst:Boîte grise}}

• Sauvegarder.

Vous avez le choix entre différentes couleurs :

• {{subst:Boîte grise}}
• {{subst:Boîte bleue}}
• {{subst:Boîte jaune}}
• {{subst:Boîte rose}}
• {{subst:Boîte verte}}

[modifier] 2^e étape : mettre en place une boîte

Retourner sur votre page principale et y coller le code suivant :

{{/boîte | titre=Intitulé de la boîte | partie=Mapage/Sous-page }}

Explication de la syntaxe :

• /boîte : Mapage est le nom de la page où l'on souhaite faire apparaître la boîte, elle est suivie du nom de la sous-page créée précédemment.
• titre : c'est le titre de la boîte.
• partie : c'est le nom de la sous-page où l'on place le contenu de la boîte. Attention : c'est une sous-page différente de la sous-page boîte.

[modifier] 3^e étape : remplir la boîte

Une fois l'étape suivante sauvegardée, deux liens permettent de remplir la boîte :

• modifier : en bas à droite.
• mapage/Sous-page : qui apparaît en rouge.

Vous accédez à la sous-page et vous pouvez y mettre votre texte.

[modifier] Variantes de mise en page

[modifier] Texte sur deux colonnes (ou plus) dans une boîte

• Éditer une boîte et y coller le code suivant :

{{subst:2 col}}

• Sauvegarder.
• Éditer à nouveau.
• Mettre le texte de la première et de la seconde colonne en fonction des repères.

Attention : l'équilibrage de la longueur des deux colonnes doit se faire à la main. Il suffit de déplacer la ligne de code centrale.

[modifier] Deux séries de boîtes côte à côte

• Dans la page principale (= Mapage), coller le code suivant :

{{subst:2 boîtes}}

• Sauvegarder.
• Éditer à nouveau. Mettre l'appel aux boîtes dans la colonne de gauche et dans celle de droite.

Attention : pour choisir la taille des colonnes, il suffit de modifier les deux pourcentages après width. Il faut que le total fasse 99 % et non 100 %.

[modifier] Autres possibilités

[modifier] Mettre une zone de texte avec un ascenseur

• Dans une boîte, coller le code suivant :

{{subst:Ascenseur}}

• Sauvegarder.
• Éditer à nouveau. Mettre votre texte à l'endroit indiqué.

[modifier] Encadré de couleur

• Dans une boîte, coller le code suivant :

{{subst:Encadré de couleur}}

• Sauvegarder.
• Éditer à nouveau. Mettre votre texte à l'endroit indiqué.
• La couleur peut être changée en variant le code couleur HTML.

[modifier] Image sans légende, avec texte en habillage

• Dans une boîte, coller le code suivant :

{{subst:Image}}

• Sauvegarder.
• Éditer à nouveau.
• Mettre le nom de l'image à la place de Monimage.jpg.
• Mettre sa légende à la place de Sa légende (cette légende est utilisée pour une meilleure accessibilité, mais elle n'est pas normalement visible).

[modifier] Pour masquer le menu de la page

• Mettre en haut le code suivant :

__NOTOC__