Jump to: navigation, search

Page modèle

Intro

P'tite page pour expliquer comment intégrer les divers contenu sur la nouvelle doc. C'est plus facile d'expliquer en images. Voici la "norme" à établir sur toute la doc.

Si vous cherchez quelque chose qui ne rentre pas dans ce qui est cité sur cette page, consultez cette page ou celle-ci pour voir si un élément proposé là-bas correspond à ce que vous recherchez, puis contactez le bureau support pour en discuter/le rajouter ici. ;)



Organisation des pages

Noms de page

Les noms de page doivent être composés comme ceci:

  • Logiciel (sans spécifier pro/pas pro)
  • Numéro de version du logiciel si c'est de la documentation temporaire (exemple: doc pour une version bêta, donc on ne remplace pas l'ancienne doc tout de suite)
  • Partie du logiciel concerné (si applicable)/ Type de documentation (FAQ/tutoriel/notions..)
  • Partie spécifique (si applicable)
  • Séparations claires entre ces différentes parties


Quelques exemples (qui n'existent pas forcément, c'est juste pour démontrer):

  • Bons:
    • Panotour_Documentation
    • Panotour_-_Visite_-_Propriétés_du_Projet
    • Autopano_Video_-_Acquisition_and_preparation_of_the_videos
  • Mauvais:
    • Panotour_Pro2_Doc
    • Video_-_VideoPrep


Catégories/Archivage

Les catégories servent à trier les différentes parties de documentation (exemple, documentation, tutoriels..) pour faciliter l'export de la doc sous format PDF.

Code (à placer en fin de page):

[[Category:NOM-DE-CATEGORIE]]

Comme les noms de page, les catégories doivent être composés comme ceci:

  • Logiciel (sans spécifier pro/pas pro)
  • Type de documentation (manuel d'utilisation, didacticiels, notions, notions avancées, etc...)
  • Numéro de version concernée.


Méthode d'archivage temporaire

Comme l'export en PDF n'est pas encore disponible (pas correctement configuré, encore pas mal de boulot là dessus), il faut une solution temporaire pour l'archivage des pages en attendant, car la nouvelle doc doit être prête à sortir.

L'idée est "simple", il faut renommer toutes les pages de la doc qu'il faut archiver. Ça sera long, mais ce n'est qu'une solution temporaire.


Voici comment faire ça proprement:

  • Allez sur la page d'index de doc que vous allez archiver. Dans le menu, cliquez sur Edit/Modifier. Sélectionnez tout le contenu et copiez-le.
  • Crééz une nouvelle page qui sera l'index de votre version de documentation archivée
    • Exemple: Autopano_Video_Documentation_170
  • Dans cette page, collez le contenu que avez copié.
  • Pour chaque lien qu'il y a sur cette page, ajoutez _VERSION à la fin.
    • Exemples:
      • Autopano_Video_-_Installation_and_registration devient Autopano_Video_-_Installation_and_registration_170
      • Autopano_Video_-_Preferences devient Autopano_Video_-_Preferences_170


Note: Pour tous les liens sur les nouvelles pages, il faudra également ajouter _VERSION pour que les liens amènent vers les bonnes pages.


Noms d'image ou de fichiers

À peu près comme les noms de page, les noms d'images ou de fichiers doivent être composés comme ceci:

  • Logiciel (sans spécifier pro/pas pro)
  • Numéro de version du logiciel (important)
  • Partie du logiciel concerné (si applicable)
  • Partie spécifique (si applicable)
  • Langue, si vous voulez vous embêter à mettre des images dans les deux langues
  • Numéro d'image (si il y en a plusieurs dans la même partie)


Quelques exemples (qui n'existent pas forcément, c'est juste pour démontrer):

  • Bons:
    • Autopanovideo_110_synchro_en.png
    • Panotour_200_Tour_Main-Workspace_Panorama-Properties.jpg
  • Mauvais:
    • video_synchro.png
    • Ptp2_Tour_Main_Workspace_Panorama_Properties.jpg


Niveaux de titres

Comme vous l'aurez remarqué quand vous créez une nouvelle page, les titres ont plusieurs niveaux (si vous n'en avez pas encore créé, vous comprendrez très vite de quoi je veux parler):

Niveau Format Description
Niveau 1 =Titre= Correspond au titre de la page, donc vous ne créérez jamais de titre
à ce niveau dans une page.
Niveau 2 ==Titre== Titre de partie
Niveau 3 ===Titre=== Sous-partie
Etc...

Note : En ce qui concerne les majuscules dans les titres
Dans l'ancienne doc, comme tout était écrit en tout petit, pour mettre certains titres plus en valeur, il fallait les mettre en majuscules. Or, dans la nouvelle doc, la typo est beaucoup plus visible et les niveaux de titre sont plus facilement différentiables, alors les titres ne nécessitent plus cette pratique barbare de nous crier dans la tête les titres de parties.

Comme la doc est plus agréable à regarder, et devient maintenant quelque chose de lisible, il faut justement, pouvoir la lire cette doc, au lieu de se faire agresser.

Voici un exemple de mise en page:

  • Mauvais
==THE BASICS==
==TABS MENU==
===Home===
===Tour===
===Style===
===Build===
==FILE MENU==
==EDIT MENU==
==VIEW MENU==
==HELP MENU==
==ICONS TOOLBAR==

  • Bon
==The Basics==
==Tabs Menu==
===Home===
===Tour===
===Style===
===Build===
==File Menu==
==Edit Menu==
==View Menu==
==Help Menu==
==Icons Toolbar==

Pour les pages qui ne sont pas aux nouvelles normes (pour les titres en majuscule), je (Annis) me charge de les mettre à jour, petit à petit, mais vous pouvez aussi m'aider comme ça ça ira plus vite. Pour les liens des pages, il y en a trop à changer, du coup juste veiller à créer les nouvelles pages correctement à l'avenir ça sera déjà très bien.

Si vous voulez m'aider, voici comment faire. Exemple basique de page:

==INTRO==
==HOW TO==
==RESULT==

Comme les ancres sont associées aux titres en majuscule, il faut créer de nouvelles ancres sur les pages où les titres ont été renommé. La raison pour laquelle il faut faire ceci pour toutes les anciennes pages est simple: La documentation à été linkée des centaines de fois sur le forum, par mail et autre, et donc tous ces liens seront perdus si de nouvelles ancres ne sont pas créées. Ce qui fera pour notre exemple:

<html><a name="INTRO"></a></html>
==Intro==
<html><a name="HOW_TO"></a></html>
==How To==
<html><a name="RESULT"></a></html>
==Result==

Note: S'il y a des espaces ou caractères spéciaux dans le titre que vous réécrivez, il faut replacer les espaces par des underscore (_) et les caractères spéciaux par leur équivalent. (Par exemple, cette page nommée "Page Modèle", a pour ancre en haut de la page "Page_mod%C3%A8le"


Espacement

N'oubliez pas d'espacer un peu vos pages! Mais encore, il faut garder une certaine cohérence dans l'espace. Les simples saut de ligne ne suffisent pas (car si on édite une partie, mediawiki enlève les sauts de ligne s'il n'y a rien derrière), il faut forcer un saut de ligne avec <br/>.

Voici une bonne base pour espacer ses titres, texte et autre (chaque # signifie un saut de ligne simple):

 
==Titre 1==
TEXTE
#
#
<br/>
==Titre 2== (y'a pas de texte là, donc on colle)
===Sous-titre==
TEXTE
#
<br/>
===Sous-titre==
TEXTE
#
<br/>
====Sous-sous-titre===
TEXTE
#
<br/>
====Sous-sous-titre===
TEXTE
#
<br/>
====Sous-sous-titre===(pas de texte, on colle)
=====Sous-sous-titre=====
TEXTE
#
<br/>
=====Sous-sous-titre=====
TEXTE
#
<br/>
=====Sous-sous-titre=====
TEXTE
#
<br/>
===Sous-titre==
#
#
<br/>
==Titre 3==
etc...

Pour une illustration de cet espacement, suffit de regarder cette page!



Intégration de divers contenus

Formatage

Texte

  • Gras
'''Texte'''
  • Italique
''Texte''
  • Gras + Italiques
'''''Texte'''''
  • Couleur
<span style="color:COULEUR-EN-ANGLAIS">Texte</span>
  • Info-bulles (survolez le mot)
<div class=""><div class="tooltip-demo"><div class="bs-example-tooltips"><span class="" data-toggle="tooltip" data-placement="right" title=""  data-original-title="TEXTE DE LA BUBULLE.">TEXTE A SURVOLER </span> TEXTE DANS LE RESTE DU PARAGRAPHE QUI N'A PAS DE BUBULLE  </div></div><br/>


Liens

  • Lien interne Wiki
 [[NOM_DE_LA_PAGE]] 
  • Lien interne vers ancre sur la page
 [[NOM_DE_LA_PAGE#ANCRE]] 
  • Lien version EN/FR de la page
 [[en:NOM_DE_LA_PAGE]] 
 [[fr:NOM_DE_LA_PAGE]]
  • Lien externe
 [http://www.URL.com/blabla] 
  • Lien quand vous utilisez des éléments html autour (dans un tableau par exemple)
 <a  href="http://www.URL.com/blabla">
  • Lien de téléchargement
- Pour un fichier uploadé sur le wiki
 [[Media:NOM_DE_FICHIER.zip]] 
- Pour un fichier uploadé autrepart
 [URL] 


Variables (optionnel bien sûr):

  • Titre de lien
 [[NOM_DE_LA_PAGE|TITRE]] 
  • Titre de lien en gras
 [[NOM_DE_LA_PAGE|'''TITRE''']] 
  • Titre de lien externe (notez bien l'espace)
 [http://www.URL.com/blabla TITRE] 
  • Créer une ancre additionnelle sur la page (qui ne sera pas dans la Table of Contents), à vous de linker directement comme ici, par exemple (cliquez sur le lien orange).
 <html><a name="ANCRE"></a> </html>


Icônes

  • Attention/Warning
 <i class="fa fa-warning"></i> 
  • Attention/Warning
 <i class="fa fa-exclamation-circle"></i>
  • Download (pour les liens de DL?)
 <i class="fa fa-download"></i> 
  • pour les notes
<i class="fa fa-caret-right"></i>
  • View/See..
<i class="fa fa-eye"></i>


Alertes/Notes

 
<html>
<a name="Warning"></a>
      <div class="alert alert-danger" role="alert">
<i class="fa fa-warning"></i> <strong>Warning:</strong> 
TEXTE TEXTE TEXTE
     </div>
</html> 
  • Note de version requise (exemple live ici]) pour page simple où toute la page désigne une fonctionnalité qui est uniquement disponible dans la version pro

Logo-Panotour-Pro-2010.png Panotour Pro uniquement.    Cette fonctionnalité n'est disponible que dans la version pro du logiciel.


 
<div class="alert btn-default disabled">
'''[[Image:LOGO-LOGICIEL-PRO.PNG|20px]]   LOGICIEL Pro only'''    This feature is available only in LOGICIEL PRO
</div> 
  • Note de version requise pour pages longues (exemple live ici) - à placer dans le titre!

Titre de partie

 ==== [[Image:LOGO-LOGICIEL-PRO.PNG|20px]] Titre de partie ==== 

Notes:
TITRE GRAS (si éligible) TEXTE TEXTE TEXTE
TITRE GRAS (si éligible) TEXTE TEXTE TEXTE


 
<html>
  <div class="col-md-12">
          <p>
            <strong><i class="fa fa-warning"></i> Notes: </strong><br>
<i class="fa fa-caret-right"></i> <strong>TITRE GRAS (si éligible)</strong> TEXTE TEXTE TEXTE <br/>
<i class="fa fa-caret-right"></i><strong>TITRE GRAS (si éligible)</strong> TEXTE TEXTE TEXTE 
          </p>
      </div>
</html><br clear=all> 


Pour info, les logos des logiciels:

  • Autopano Video Pro Logo-Autopano-Video-Pro-2013-256px.png
[[Image:Logo-Autopano-Video-Pro-2013-256px.png|20px]]
  • Autopano Giga Autopano Giga
 [[Image:Logo-Autopano-Giga-2010-32px.png|20px|Autopano Giga]] 
  • Panotour Pro Logo-panotour-pro-150px.png
[[Image:Logo-panotour-pro-150px.png|20px]] 


Boutons

Ajouter des boutons sur la page peut servir pour renvoyer sur un autre endroit sur la page de façon plus visible, ou d'autres pages qui ne font pas partie de la documentation. Ajouter une icône (voir au-dessus) peut aider à comprendre le but du bouton. Très utile pour les liens de DL (direct ou renvoie sur une partie de la page).
>>> Voir exemple <<<.

  • Bouton clair
<html>
<a class="btn btn-light btn-sm pull-right" href="http://www.URL.com/blabla"><i class="fa fa-download"></i> TEXTE</a>
</html>
  • Bouton foncé
<html>
<a class="btn btn-darker btn-sm pull-right"  href="http://www.URL.com/blabla" target="_blank"><i class="fa fa-eye"></i> TEXTE</a>
</html>
  • Deux boutons (deux fonctions) à la suite
<html>
<a class="btn btn-light btn-sm pull-right" href="http://www.URL.com/blabla"><i class="fa fa-download"></i> TEXTE</a>
<a class="btn btn-darker btn-sm pull-right" style="margin-right:10px"  href="http://www.URL.com/blabla" target="_blank"><i class="fa fa-eye"></i> TEXTE</a>
</html>



Images

Dans le nouveau wiki, quand vous cliquez sur une image elle s'ouvre au dessus de la page, au lieu d'ouvrir la page avec toutes ces infos comme ça le faisait anciennement. C'est pratique car on peut redimensionner une image sur la page (pour que ça gène moins) mais en cliquant dessus l'image s'ouvre en grand et on peut voir tous les détails de l'image.


Images basiques

Code:

[[Image:Nom d'image.png]]

Exemple
Logo-Kolor-Eyes-2012-256px.png


Images sur la droite

Logo-Kolor-Eyes-2012-256px.png

Code:

[[Image:Nom d'image.png|right]]

Avec ce code, l'image se placera à la droite et le texte défilera autour. N'oubliez pas de placer <br clear=all> après l'image ou le texte (si vous voulez qu'une partie englobe l'image) sinon le reste de la page sera décalée.


Images sur la gauche

Logo-Kolor-Eyes-2012-256px.png

Code:

[[Image:Nom d'image.png|left]]

Avec ce code, l'image se placera à la gauche et le texte défilera autour. N'oubliez pas de placer <br clear=all> après l'image ou le texte (si vous voulez qu'une partie englobe l'image) sinon le reste de la page sera décalée.


Images redimensionnées

Code:

[[Image:NOM-D'IMAGE.png|100px]]
  • Spécifiez en pixels (px) la largeur de l'image

Exemple
Logo-Kolor-Eyes-2012-256px.png


Images qui ouvrent une autre page

Note: en assignant un lien sur l'image, elle ne s'ouvrira plus en shadowbox par dessus la page comme les images habituelles.

Code pour page wiki:

[[Image:NOM-D'IMAGE.png|link=Autopano_Documentation]]

Exemple (cliquez)
Logo-Kolor-Eyes-2012-256px.png

  • L'image peut être redimensionnée


Code pour page externe:

[[Image:NOM-D'IMAGE.png|link=http://www.URL.com/]]

Exemple (cliquez)
Logo-Kolor-Eyes-2012-256px.png

  • L'image peut être redimensionnée


Galeries

Permet d'afficher plusieurs miniatures à la suite, de la même taille. Quand on clique sur une, l'image s'ouvre en shadowbox, et vous pouvez défiler entre les images de la galerie).
Code:

<gallery heights=200px widths=300px perrow=3>
Image:NOM-IMAGE.png|TITRE/COMMENTAIRE
Image:NOM-IMAGE.png|TITRE/COMMENTAIRE
Image:NOM-IMAGE.png|TITRE/COMMENTAIRE
</gallery>


Exemple

Exemple d'utilisation en "Live" ici


Autres

Syntaxe à trouver ici: http://www.mediawiki.org/wiki/Help:Images#Syntax



Contenu à télécharger

Code:

  [[Media:Nomdefichier.zip]]

En cliquant dessus, le téléchargement se lance.

Pour le contenu qui recevra des mises à jour, veillez à ré-uploader par dessus le fichier, (en passant par le lien http://www.kolor.com/wiki-en/action/view/File:NOMDEFICHIER.zip et spécifier rapidement la raison de la mise à jour dans la case fait pour. Exemple: "plugin mis à jour pour PTP 2.5 Beta 4".


Tableaux

Deux types de tableau, à vous de décider lequel correspond à vos besoins.

Note: Comme ce sont des tableaux HTML, le formatage wiki ne fonctionnera pas dedans (pour liens, images et autre). Il faut ajouter ce contenu en html.


Tableau 1 : épuré

Code:

<html>
      <div class="row">
        <div class="col-md-6">
          <table class="table">
            <thead>
              <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>Mark</td>
                <td>Otto</td>
                <td>@mdo</td>
              </tr>
              <tr>
                <td>2</td>
                <td>Jacob</td>
                <td>Thornton</td>
                <td>@fat</td>
              </tr>
              <tr>
                <td>3</td>
                <td>Larry</td>
                <td>the Bird</td>
                <td>@twitter</td>
              </tr>
            </tbody>
          </table>
        </div>
       </div>
</html>


Exemple moche

# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
3 Larry the Bird @twitter


Variables (optionnel bien sûr):

  • <td rowspan="#"> - Si votre case doit prendre plusieurs lignes (exemple bleu)
  • <td colspan="#"> - Si vous souhaitez agrandir la ligne dans la longueur (exemple rouge)
  • <tr class="active-light"> - Si vous souhaitez mettre un peu de couleur pour les titres ou autre. Autres couleurs dispo ici


Tableau 2 : carré

Code:

<html>
      <div class="row">
        <div class="col-md-6">
          <table class="table table-bordered">
            <thead>
              <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>Mark</td>
                <td>Otto</td>
                <td>@mdo</td>
              </tr>
              <tr>
                <td> </td>
                <td>Mark</td>
                <td>Otto</td>
                <td>@TwBootstrap</td>
              </tr>
              <tr>
                <td>2</td>
                <td>Jacob</td>
                <td>Thornton</td>
                <td>@fat</td>
              </tr>
              <tr>
                <td>3</td>
                <td >Larry the Bird</td>
               <td > </td>
                <td>@twitter</td>
              </tr>
            </tbody>
          </table>
         </div>
       </div>
 </html>

Exemple moche

# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Variables (optionnel bien sûr):

  • <td rowspan="#"> - Si votre case doit prendre plusieurs lignes (exemple bleu)
  • <td colspan="#"> - Si vous souhaitez agrandir la ligne dans la longueur (exemple rouge)
  • <tr class="active-light"> - Si vous souhaitez mettre un peu de couleur pour les titres ou autre. Autres couleurs dispo ici



Vidéos Youtube

Code:

{{#widget:Iframe|url=https://www.youtube.com/embed/ID_VIDEO_YOUTUBE|width=760|height=480|border=0}}
  • Tailles que vous pouvez utiliser dans la doc:
    • Petit: 635x390
    • Moyen: 1200x703
    • Grand: 1400x819

Ce sont des tailles "maximales" qui seront affichées sur la page, car la vidéo se redimensionne avec la fenêtre.

Exemples

  • Petit:

  • Moyen:

  • Grand (maximisez la fenêtre pour voir la taille maxi de celle-ci):


Afficher une playlist pour la vidéo

Si votre vidéo montre beaucoup de choses différentes, il peut être utile de présenter une playlist amenant vers les différentes parties de la vidéo. Afin de les afficher de façon claire, utilisez ceci, en remplaçant bien sûr les liens vers les liens de votre vidéo.

Notes:

  • Placez-le AVANT la vidéo pour que ça s'aligne avec la vidéo sur la page.
  • Utilisez la taille de vidéo "petit" si vous souhaitez ajouter une playlist
  • Si la playlist est trop longue, préférez un affichage fermé de la playlist au chargement de la page.
    • Si la playlist est fermée par défaut, changez l'icône de la flèche ( <i class="fa fa-chevron-up"> devient <i class="fa fa-chevron-down"> )


Code:

 <div class="row"> 
	<div class="col-md-4 column sortable ui-sortable pull-right">
		<div class="portlet">
			<div class="panel panel-concrete-white-border">
			<div class="panel-heading clearfix">
			<div class="panel-caption"><div class="panel-title">[[Image:Logo youtube.png|logo YouTube]] Voir sur Youtube</div></div>
			<div class="panel-options dark">
			<div class="panel-expand">
			<div class="tooltip-demo"><div class="bs-example-tooltips">
			<span data-toggle="tooltip" data-placement="top" data-original-title="Open/Close"> <div class=""><i class="fa fa-chevron-up"></i> </div>  </span>
			</div>
			</div>
			</div>
			</div>
			</div>
			<div style="display: block;" class="panel-body">
* [http://youtu.be/WcrSJrSpQrs?t=0m15s '''Comment ajouter un plan à un groupe''']
* [http://youtu.be/WcrSJrSpQrs?t=0m46s '''Comment ajouter des spots sur le plan''']
* [http://youtu.be/WcrSJrSpQrs?t=1m00s '''Comment déplacer des spots sur le plan''']
* [http://youtu.be/WcrSJrSpQrs?t=4m21s '''Comment supprimer des spots du plan''']
* [http://youtu.be/WcrSJrSpQrs?t=3m28s '''Comment ajouter un plan à un projet''']
* [http://youtu.be/WcrSJrSpQrs?t=4m57s '''Comment customiser les info-bulles affichés au survol sur un spot''']
* [http://youtu.be/WcrSJrSpQrs?t=7m02s '''Voir un exemple''']
			</div>
		</div>
	</div>
</div>


Exemple


Variables

  • Playlist ouverte/fermée au chargement de la page
<div style="display: block;" class="panel-body"> //OUVERT 
<div style="display: none;" class="panel-body"> // FERMÉ   



Visites virtuelles

Code:

{{#widget:Iframe|url=http://www.DOMAINE.com/VISITE.html|width=760|height=458|border=0}}
  • Tailles que vous pouvez utiliser dans la doc (pour garder une cohérence):
    • Petit: 760x458
    • Moyen: 1200x703
    • Grand: 1400x819

Ce sont des tailles "maximales" qui seront affichées sur la page, car la vidéo se redimensionne avec la fenêtre.

Note: Je ne pense pas que les tailles Moyen ou Grand seront beaucoup utilisés pour la documentation, mais j'ai spécifié les tailles quand même pour que ce soit les mêmes que pour la vidéo.


Exemple

  • Petit:

  • Moyen:

  • Grand (maximisez la fenêtre pour voir la taille maxi de celle-ci):


Afficher une playlist pour la VR

Si votre VR montre beaucoup de choses différentes, il peut être utile de présenter une playlist amenant vers les différentes parties de la VR. Afin de les afficher de façon claire, utilisez ceci, en remplaçant bien sûr les liens vers les liens de votre vidéo.

Notes:

  • Placez-le AVANT la VR pour que ça s'aligne avec la VR sur la page.
  • Utilisez la taille de VR "petit" si vous souhaitez ajouter une playlist
  • Si la playlist est trop longue, préférez un affichage fermé de la playlist au chargement de la page.
    • Si la playlist est fermée par défaut, changez l'icône de la flèche ( <i class="fa fa-chevron-up"> devient <i class="fa fa-chevron-down"> )


Code:

 <div class="row"> 
	<div class="col-md-4 column sortable ui-sortable pull-right">
		<div class="portlet">
			<div class="panel panel-concrete-white-border">
			<div class="panel-heading clearfix">
			<div class="panel-caption"><div class="panel-title">[[Image:Logo-Panotour-Viewer-2014-64px.png|20px|logo Panotour Viewer]] Live example</div></div>
			<div class="panel-options dark">
			<div class="panel-expand">
			<div class="tooltip-demo"><div class="bs-example-tooltips">
			<span data-toggle="tooltip" data-placement="top" data-original-title="Open/Close"> <div class=""><i class="fa fa-chevron-up"></i> </div>  </span>
			</div>
			</div>
			</div>
			</div>
			</div>
			<div style="display: block;" class="panel-body">
*[http://www.kolor.com/virtual-tours/doc/Documentation_Style_Plugins_Library_Floor_Plan/Position '''Default Parameters for the Floor Plan Plugin''']
*[http://www.kolor.com/virtual-tours/doc/Documentation_Style_Plugins_Library_Floor_Plan/Position_Top '''Position Center Top''']
*[http://www.kolor.com/virtual-tours/doc/Documentation_Style_Plugins_Library_Floor_Plan/Position_Right '''Position Right Top with Offset''']
*[http://www.kolor.com/virtual-tours/doc/Documentation_Style_Plugins_Library_Floor_Plan/Display_Fixed '''Display Fixed Size for the Container''']
*[http://www.kolor.com/virtual-tours/doc/Documentation_Style_Plugins_Library_Floor_Plan/Display_Percentage '''Display Percentage Size for the Container''']
*[http://www.kolor.com/virtual-tours/doc/Documentation_Style_Plugins_Library_Floor_Plan/Display_Background_Color  '''Display Background Color''']
*[http://www.kolor.com/virtual-tours/doc/Documentation_Style_Plugins_Library_Floor_Plan/Display_Borders  '''Display Border Radius, Color and Size''']
*[http://www.kolor.com/virtual-tours/doc/Documentation_Style_Plugins_Library_Floor_Plan/Display_Margins  '''Display Internal Margins''']
*[http://www.kolor.com/virtual-tours/doc/Documentation_Style_Plugins_Library_Floor_Plan/Overlay  '''Overlay Style''']
			</div>
		</div>
	</div>
</div>


Exemple

Retrieved from "http://www.kolor.com/wiki-en/index.php?title=Page_modèle&oldid=28113"