Choisir le nombre de colonnes
Choisir le nombre de colonnes
Choisir le nombre de colonnes pour une page a deux significations :
Des colonnes menu
En plus de votre menu horizontal, vous pouvez ajouter un ou des menus, à gauche et/ou à droite.Exemple visuel d'une page avec une colonne menu à gauche (cliquez sur l'image pour la voir en plein écran) :
Des colonnes de mise en forme du contenu
Vous avez des possibilités de mise en forme en colonnes de votre contenu (texte, images ...) à l'intérieur du bloc central de contenu.Exemple visuel d'une page dont le contenu est organisé en 3 colonnes (cliquez sur l'image pour la voir en plein écran) :
Créer une page de menu (gauche ou droite)
Créer une page de menu (gauche ou droite)
page inutile : voir plutôt DocumentationColonneMenuCréer un lien
Créer un lien
Dans les pages d'une gare centrale on a souvent besoin de faire des liens vers d'autres pages ou d'autres sites. Encore une fois, c'est asser simple.Dans la page en mode édition, cliquer sur le bouton "Lien".
Vous serez alors guidé.e dans vos choix avec cette fenêtre :
- Faites vos choix et cliquez sur "Insérer" : la ligne de code s'inscrit toute seule ;-)
Vous avez envie de code ?
Voici ce que ça donne quand on regarde le code :
Éditer une page
Éditer une page
Un wiki est organisé autour de pages de contenus et de zones de menus de navigation (horizontal et/ou vertical...).Il y a trois manières pour éditer et modifier une page. Les trois ayant le même résultat, utilisez celle qui vous convient.
Vous savez que vous êtes en mode édition quand la barre d'édition suivante apparaît
Double-clic
Le double-clic ne fonctionne pas ? Cette page a été protégée en écriture. Voir le tutoriel sur les droits
"Éditer la page"
Le lien "éditer la page" n'existe pas ? Cette page a été protégée en écriture. Voir le tutoriel sur les droits
Ajouter "/edit" à l'url
Le mode édition n'apparaît pas après l'ajout de "/edit" ? Cette page a été protégée en écriture. Voir le tutoriel sur les droits
Une fois vos modifications effectuées, enregistrer la page en cliquant sur le bouton "Sauver" en haut ou en bas de la page.
Voir aussi
- Qui a le droit de modifier une page ? Voir le tutoriel sur les droits
- Pourquoi je n'arrive pas à entrer dans le mode édition ? Voir le tutoriel sur les droits
- Comment mettre en forme le texte, insérer des documents ? Le formatage du texte
- Comment visionner l'historique des modifications, revenir en arrière ? Historique et révisions
""
Cette page est customisable en suivant ce lien ReglesDeFormatage
Nom | prénom | Couleurs préférées* | | Lagaffe | Gaston | jaune |
| Lapalice | Jean | vert |
|]
</pre> ===Boutons wiki=== <a href="https://yeswiki.net/?DemoButton" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a> <pre> votre texte</pre> ===Créer un bouton qui ouvre son contenu dans un nouvel onglet=== %%<a href="votrelien" target="_blank" class="btn btn-primary btn-xs">votre texte</a>%% ===Ecrire en html=== <pre>si vous déposez du html dans la page wiki, il faut l'entourer de "" <bout de html> ""
pour qu'il soit interprété</pre> ===Placer du code en commentaire sur la page=== %%<!-- en utilisant ce code on peut mettre du texte qui n’apparaît pas sur la page... ce qui permet de laisser des explications par exemple ou même d'écrire du texte en prépa d'une publication future -->%% {{end elem="col"}} {{col size="6"}} ===Texte en couleur=== %%<span style="color:#votrecodecouleur;">votre texte à colorer</span>%%//Quelques codes couleur => mauve : #990066 / vert : #99cc33 / rouge : #cc3333 / orange : #ff9900 / bleu : #006699// //Voir les codes hexa des couleurs : [[http://fr.wikipedia.org/wiki/Liste_de_couleurs http://fr.wikipedia.org/wiki/Liste_de_couleurs]]// ===Icônes Emoji ??=== Il est possible de copier des icônes dans des sites sources puis de les coller dans votre wiki. <a href="http://getemoji.com" target="_blank" class="btn btn-primary btn-xs">Par exemple sur ce site</a> ===Mise en page par colonne===<a href="https://yeswiki.net/?DemoGrid" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a> //le total des colonnes doit faire 12 (ou moins)// %%{{grid}} {{col size="6"}} ===Titre de la colonne 1=== Texte colonne 1 {{end elem="col"}} {{col size="6"}} ===Titre de la colonne 2=== Texte colonne 2 {{end elem="col"}} {{end elem="grid"}}%% ===Créer des onglets dans une page===<a href="https://yeswiki.net/?DocumentationMiseEnPageOnglet" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a> Il est possible de créer des onglets au sein d'une page wiki en utilisant l'action . La syntaxe (à répéter sur toutes les pages concernée par la barre d'onglet) est: <pre> </pre> ===Créer un cadre dépliable / accordéon===<a href="https://yeswiki.net/?DemoAccordion" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a> %% {{accordion}} {{panel title=" Titre de votre cadre" class="panel-warning"}} contenu de votre cadre {{end elem="panel"}} {{end elem="accordion"}}%% ===Inclure une page dans une autre=== %%{{include page="NomPageAInclure"}} %% Pour inclure une page d'un autre yeswiki : ( Noter le pipe | après les premiers ) %%|http://lesite.org/nomduwiki PageAInclure
Mon label
Liens
Doc en ligne[[http://www.exemple.com Texte qui s'affichera pour le lien externe]]
[[PageDeCeWiki Texte qui s'affichera pour le lien interne]]
[[mailto:accueil@yeswiki.net Pour envoyer un mail à accueil@yeswiki.net]]
Rappel des règles de formatage du texte
Accentuation
**Gras**
//Italique//
__Souligné__
@@Barré@@
Titres
======Titre 1======
=====Titre 2=====
====Titre 3====
===Titre 4===
==Titre 5==
Listes
- Liste à puce niveau 1 - Puce niveau 1 - Puce niveau 2 - Puce niveau 2 - Puce niveau 1 1) Liste énumérée 1) Liste énumérée 1) Liste énumérée
Nom | prénom | Couleurs préférées* | | Lagaffe | Gaston | jaune |
| Lapalice | Jean | vert |
|]
</pre> ===Boutons wiki=== <a href="https://yeswiki.net/?DemoButton" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a> <pre> votre texte</pre> ===Créer un bouton qui ouvre son contenu dans un nouvel onglet=== %%<a href="votrelien" target="_blank" class="btn btn-primary btn-xs">votre texte</a>%% ===Ecrire en html=== <pre>si vous déposez du html dans la page wiki, il faut l'entourer de "" <bout de html> ""
pour qu'il soit interprété</pre> ===Placer du code en commentaire sur la page=== %%<!-- en utilisant ce code on peut mettre du texte qui n’apparaît pas sur la page... ce qui permet de laisser des explications par exemple ou même d'écrire du texte en prépa d'une publication future -->%% {{end elem="col"}} {{col size="6"}} ===Texte en couleur=== %%<span style="color:#votrecodecouleur;">votre texte à colorer</span>%%//Quelques codes couleur => mauve : #990066 / vert : #99cc33 / rouge : #cc3333 / orange : #ff9900 / bleu : #006699// //Voir les codes hexa des couleurs : [[http://fr.wikipedia.org/wiki/Liste_de_couleurs http://fr.wikipedia.org/wiki/Liste_de_couleurs]]// ===Icônes Emoji ??=== Il est possible de copier des icônes dans des sites sources puis de les coller dans votre wiki. <a href="http://getemoji.com" target="_blank" class="btn btn-primary btn-xs">Par exemple sur ce site</a> ===Mise en page par colonne===<a href="https://yeswiki.net/?DemoGrid" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a> //le total des colonnes doit faire 12 (ou moins)// %%{{grid}} {{col size="6"}} ===Titre de la colonne 1=== Texte colonne 1 {{end elem="col"}} {{col size="6"}} ===Titre de la colonne 2=== Texte colonne 2 {{end elem="col"}} {{end elem="grid"}}%% ===Créer des onglets dans une page===<a href="https://yeswiki.net/?DocumentationMiseEnPageOnglet" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a> Il est possible de créer des onglets au sein d'une page wiki en utilisant l'action . La syntaxe (à répéter sur toutes les pages concernée par la barre d'onglet) est: <pre> </pre> ===Créer un cadre dépliable / accordéon===<a href="https://yeswiki.net/?DemoAccordion" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a> %% {{accordion}} {{panel title=" Titre de votre cadre" class="panel-warning"}} contenu de votre cadre {{end elem="panel"}} {{end elem="accordion"}}%% ===Inclure une page dans une autre=== %%{{include page="NomPageAInclure"}} %% Pour inclure une page d'un autre yeswiki : ( Noter le pipe | après les premiers ) %%|http://lesite.org/nomduwiki PageAInclure
===Image de fond avec du texte par dessus===""<a href="https://yeswiki.net/?BackgroundimagE" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a>"" //Avec possibilité de mettre du texte par dessus//
===Couleur de fond avec du texte par dessus=== //Avec possibilité de mettre du texte par dessus//
Texte du titre
description
//Quelques codes couleur => mauve : #990066 / vert : #99cc33 / rouge : #cc3333 / orange : #ff9900 / bleu : #006699//
//Voir les codes hexa des couleurs : [[http://fr.wikipedia.org/wiki/Liste_de_couleurs http://fr.wikipedia.org/wiki/Liste_de_couleurs]]//
{{end elem="col"}}
{{end elem="grid"}}
{{accordion}}
{{panel title="Codes à copier / coller pour améliorer le look" class="panel-secondary-2"}}
{{section class="well"}}
Quelques bouts de codes à copier coller pour faire de jolies mises en forme
Pour chacun de ces codes vous pourrez dans la "partie" class
- jouer sur les couleurs default, primary, success, warning, danger
- jouer sur l'alignement du texte : text-center, text-justify, text-right, text-left
- jouer sur la couleur du texte : text-default, text-primary, text-success, text-warning, text-danger
{{end elem="section"}}
====Labels====
donne
{{label}}Mon label{{end elem="label"}} {{label class="label-primary"}}label-primary{{end elem="label"}} {{label class="label-success"}}label-success{{end elem="label"}} {{label class="label-warning"}}label-warning{{end elem="label"}} {{label class="label-danger"}}label-danger{{end elem="label"}}
====Alert====
Attention ! Voici votre message.
donne
{{section class="alert alert-default" nocontainer="1"}}
Attention ! Voici votre message (alert-default).
{{end elem="section"}}
{{section class="alert alert-primary" nocontainer="1"}}
Attention ! Voici votre message (alert-primary).
{{end elem="section"}}
{{section class="alert alert-success" nocontainer="1"}}
Attention ! Voici votre message (alert-success).
{{end elem="section"}}
{{section class="alert alert-warning" nocontainer="1"}}
Attention ! Voici votre message (alert-warning).
{{end elem="section"}}
{{section class="alert alert-danger" nocontainer="1"}}
Attention ! Voici votre message (alert-danger).
{{end elem="section"}}
{{end elem="panel"}}
{{panel title="Codes à copier / coller associés à bazar le gestionnaire de base de données" class="panel-secondary-2"}}
{{section class="well"}}
Quelques bouts de codes à copier coller pour utiliser bazar, le gestionnaire de bases de données
Pour pouvoir utiliser ces codes, il faudra avoir créé un formulaire. Il aura alors un numéro d'identifiant (ID) ""<a href="https://yeswiki.net/?BazarCreationFormulaire" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a>""
- dans les exemples suivants, le formulaire aura l'identifiant n° 1 : id="1"
{{end elem="section"}}
{{grid}}
{{col size="6"}}
====afficher le formulaire de saisie====""<a href="https://yeswiki.net/?BazarAfficherFormulaireSaisie" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a>""
Le formulaire que vous recherchez n'existe pas (peut être a-t-il été supprimée entre temps ?) : '1'
====afficher les fiches associées sous forme d'accordéons====""<a href="https://yeswiki.net/?ActionBazarliste" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a>""
Il y a 0 fiche.
====afficher les fiches associées sous forme d'accordéons avec un moteur de recherche====
Il y a 0 fiche.
====afficher les fiches associées sous forme de calendrier====""<a href="https://yeswiki.net/?ActionCalendrier" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a>"" ==Si votre formulaire contient un champ date==
- ...
- {{ page + 1 }}
{{end elem="col"}}
{{col size="6"}}
====afficher les fiches associées sous forme de carte====""<a href="https://yeswiki.net/?MapTplHtml" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a>""
==si votre formulaire contient un champ adresse==
Il y a 0 fiche.
====afficher les fiches associées sous forme de trombinoscope====""<a href="https://yeswiki.net/?TrombinoscopeTplHtml" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a>"" ==si votre formulaire contient un champ image==