Welcome to TiddlyWiki created by Jeremy Ruston, Copyright © 2007 UnaMesa Association
<!--{{{-->
<link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml' />
<!--}}}-->
Background: #fff
Foreground: #000
PrimaryPale: #8cf
PrimaryLight: #18f
PrimaryMid: #04b
PrimaryDark: #014
SecondaryPale: #ffc
SecondaryLight: #fe8
SecondaryMid: #db4
SecondaryDark: #841
TertiaryPale: #eee
TertiaryLight: #ccc
TertiaryMid: #999
TertiaryDark: #666
Error: #f88
/*{{{*/
body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
a {color:[[ColorPalette::PrimaryMid]];}
a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
a img {border:0;}
h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}
.button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
.button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
.button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}
.header {background:[[ColorPalette::PrimaryMid]];}
.headerShadow {color:[[ColorPalette::Foreground]];}
.headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
.headerForeground {color:[[ColorPalette::Background]];}
.headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}
.tabSelected{color:[[ColorPalette::PrimaryDark]];
background:[[ColorPalette::TertiaryPale]];
border-left:1px solid [[ColorPalette::TertiaryLight]];
border-top:1px solid [[ColorPalette::TertiaryLight]];
border-right:1px solid [[ColorPalette::TertiaryLight]];
}
.tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
.tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
.tabContents .button {border:0;}
#sidebar {}
#sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
#sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}
.wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
.wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
.wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
.wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
border:1px solid [[ColorPalette::PrimaryMid]];}
.wizardStep.wizardStepDone {background:[[ColorPalette::TertiaryLight]];}
.wizardFooter {background:[[ColorPalette::PrimaryPale]];}
.wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
.wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
.wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
.wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}
.wizard .notChanged {background:transparent;}
.wizard .changedLocally {background:#80ff80;}
.wizard .changedServer {background:#8080ff;}
.wizard .changedBoth {background:#ff8080;}
.wizard .notFound {background:#ffff80;}
.wizard .putToServer {background:#ff80ff;}
.wizard .gotFromServer {background:#80ffff;}
#messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
#messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}
.popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];}
.popup {background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]]; border-left:1px solid [[ColorPalette::TertiaryMid]]; border-top:1px solid [[ColorPalette::TertiaryMid]]; border-right:2px solid [[ColorPalette::TertiaryDark]]; border-bottom:2px solid [[ColorPalette::TertiaryDark]];}
.popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
.popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
.popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
.popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
.listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}
.tiddler .defaultCommand {font-weight:bold;}
.shadow .title {color:[[ColorPalette::TertiaryDark]];}
.title {color:[[ColorPalette::SecondaryDark]];}
.subtitle {color:[[ColorPalette::TertiaryDark]];}
.toolbar {color:[[ColorPalette::PrimaryMid]];}
.toolbar a {color:[[ColorPalette::TertiaryLight]];}
.selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
.selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}
.tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
.selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
.tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
.tagging .button, .tagged .button {border:none;}
.footer {color:[[ColorPalette::TertiaryLight]];}
.selected .footer {color:[[ColorPalette::TertiaryMid]];}
.sparkline {background:[[ColorPalette::PrimaryPale]]; border:0;}
.sparktick {background:[[ColorPalette::PrimaryDark]];}
.error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
.warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
.lowlight {background:[[ColorPalette::TertiaryLight]];}
.zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];}
.imageLink, #displayArea .imageLink {background:transparent;}
.annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];}
.viewer .listTitle {list-style-type:none; margin-left:-2em;}
.viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
.viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}
.viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
.viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];}
.viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}
.viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
.viewer code {color:[[ColorPalette::SecondaryDark]];}
.viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}
.highlight, .marked {background:[[ColorPalette::SecondaryLight]];}
.editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
.editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
.editorFooter {color:[[ColorPalette::TertiaryMid]];}
#backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
#backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
#backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
#backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
#backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
.backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
.backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
#backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:'alpha(opacity:60)';}
/*}}}*/
/*{{{*/
* html .tiddler {height:1%;}
body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
h4,h5,h6 {margin-top:1em;}
h1 {font-size:1.35em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}
hr {height:1px;}
a {text-decoration:none;}
dt {font-weight:bold;}
ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
ol ol ol {list-style-type:lower-roman;}
ol ol ol ol {list-style-type:decimal;}
ol ol ol ol ol {list-style-type:lower-alpha;}
ol ol ol ol ol ol {list-style-type:lower-roman;}
ol ol ol ol ol ol ol {list-style-type:decimal;}
.txtOptionInput {width:11em;}
#contentWrapper .chkOptionInput {border:0;}
.externalLink {text-decoration:underline;}
.indent {margin-left:3em;}
.outdent {margin-left:3em; text-indent:-3em;}
code.escaped {white-space:nowrap;}
.tiddlyLinkExisting {font-weight:bold;}
.tiddlyLinkNonExisting {font-style:italic;}
/* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
a.tiddlyLinkNonExisting.shadow {font-weight:bold;}
#mainMenu .tiddlyLinkExisting,
#mainMenu .tiddlyLinkNonExisting,
#sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
#sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}
.header {position:relative;}
.header a:hover {background:transparent;}
.headerShadow {position:relative; padding:4.5em 0em 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0em 1em 1em; left:0px; top:0px;}
.siteTitle {font-size:3em;}
.siteSubtitle {font-size:1.2em;}
#mainMenu {position:absolute; left:0; width:10em; text-align:right; line-height:1.6em; padding:1.5em 0.5em 0.5em 0.5em; font-size:1.1em;}
#sidebar {position:absolute; right:3px; width:16em; font-size:.9em;}
#sidebarOptions {padding-top:0.3em;}
#sidebarOptions a {margin:0em 0.2em; padding:0.2em 0.3em; display:block;}
#sidebarOptions input {margin:0.4em 0.5em;}
#sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
#sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
#sidebarOptions .sliderPanel input {margin:0 0 .3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}
.wizard {padding:0.1em 1em 0em 2em;}
.wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizardStep {padding:1em 1em 1em 1em;}
.wizard .button {margin:0.5em 0em 0em 0em; font-size:1.2em;}
.wizardFooter {padding:0.8em 0.4em 0.8em 0em;}
.wizardFooter .status {padding:0em 0.4em 0em 0.4em; margin-left:1em;}
.wizard .button {padding:0.1em 0.2em 0.1em 0.2em;}
#messageArea {position:fixed; top:2em; right:0em; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
.messageToolbar {display:block; text-align:right; padding:0.2em 0.2em 0.2em 0.2em;}
#messageArea a {text-decoration:underline;}
.tiddlerPopupButton {padding:0.2em 0.2em 0.2em 0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em 1em 1em 1em; margin:0;}
.popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
.popup .popupMessage {padding:0.4em;}
.popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0em;}
.popup li.disabled {padding:0.4em;}
.popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
.listBreak {font-size:1px; line-height:1px;}
.listBreak div {margin:2px 0;}
.tabset {padding:1em 0em 0em 0.5em;}
.tab {margin:0em 0em 0em 0.25em; padding:2px;}
.tabContents {padding:0.5em;}
.tabContents ul, .tabContents ol {margin:0; padding:0;}
.txtMainTab .tabContents li {list-style:none;}
.tabContents li.listLink { margin-left:.75em;}
#contentWrapper {display:block;}
#splashScreen {display:none;}
#displayArea {margin:1em 17em 0em 14em;}
.toolbar {text-align:right; font-size:.9em;}
.tiddler {padding:1em 1em 0em 1em;}
.missing .viewer,.missing .title {font-style:italic;}
.title {font-size:1.6em; font-weight:bold;}
.missing .subtitle {display:none;}
.subtitle {font-size:1.1em;}
.tiddler .button {padding:0.2em 0.4em;}
.tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
.isTag .tagging {display:block;}
.tagged {margin:0.5em; float:right;}
.tagging, .tagged {font-size:0.9em; padding:0.25em;}
.tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
.tagClear {clear:both;}
.footer {font-size:.9em;}
.footer li {display:inline;}
.annotation {padding:0.5em; margin:0.5em;}
* html .viewer pre {width:99%; padding:0 0 1em 0;}
.viewer {line-height:1.4em; padding-top:0.5em;}
.viewer .button {margin:0em 0.25em; padding:0em 0.25em;}
.viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
.viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}
.viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
.viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
table.listView {font-size:0.85em; margin:0.8em 1.0em;}
table.listView th, table.listView td, table.listView tr {padding:0px 3px 0px 3px;}
.viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
.viewer code {font-size:1.2em; line-height:1.4em;}
.editor {font-size:1.1em;}
.editor input, .editor textarea {display:block; width:100%; font:inherit;}
.editorFooter {padding:0.25em 0em; font-size:.9em;}
.editorFooter .button {padding-top:0px; padding-bottom:0px;}
.fieldsetFix {border:0; padding:0; margin:1px 0px 1px 0px;}
.sparkline {line-height:1em;}
.sparktick {outline:0;}
.zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
.zoomer div {padding:1em;}
* html #backstage {width:99%;}
* html #backstageArea {width:99%;}
#backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0em; right:0em;}
#backstageButton a {padding:0.1em 0.4em 0.1em 0.4em; margin:0.1em 0.1em 0.1em 0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; width:90%; margin:0em 3em 0em 3em; padding:1em 1em 1em 1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em 0.2em 0.4em;}
#backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}
.whenBackstage {display:none;}
.backstageVisible .whenBackstage {display:block;}
/*}}}*/
/***
StyleSheet for use when a translation requires any css style changes.
This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which need larger font sizes.
***/
/*{{{*/
body {font-size:0.8em;}
#sidebarOptions {font-size:1.05em;}
#sidebarOptions a {font-style:normal;}
#sidebarOptions .sliderPanel {font-size:0.95em;}
.subtitle {font-size:0.8em;}
.viewer table.listView {font-size:0.95em;}
/*}}}*/
/*{{{*/
@media print {
#mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton, #backstageArea {display: none ! important;}
#displayArea {margin: 1em 1em 0em 1em;}
/* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
noscript {display:none;}
}
/*}}}*/
<!--{{{-->
<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
</div>
<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
<!--}}}-->
<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date'></span>)</div>
<div class='tagging' macro='tagging'></div>
<div class='tagged' macro='tags'></div>
<div class='viewer' macro='view text wikified'></div>
<div class='tagClear'></div>
<!--}}}-->
<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::EditToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='editor' macro='edit title'></div>
<div macro='annotations'></div>
<div class='editor' macro='edit text'></div>
<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser excludeLists'></span></div>
<!--}}}-->
To get started with this blank TiddlyWiki, you'll need to modify the following tiddlers:
* SiteTitle & SiteSubtitle: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)
* MainMenu: The menu (usually on the left)
* DefaultTiddlers: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened
You'll also need to enter your username for signing your edits: <<option txtUserName>>
These InterfaceOptions for customising TiddlyWiki are saved in your browser
Your username for signing your edits. Write it as a WikiWord (eg JoeBloggs)
<<option txtUserName>>
<<option chkSaveBackups>> SaveBackups
<<option chkAutoSave>> AutoSave
<<option chkRegExpSearch>> RegExpSearch
<<option chkCaseSensitiveSearch>> CaseSensitiveSearch
<<option chkAnimate>> EnableAnimations
----
Also see [[AdvancedOptions]]
!! Introduction
TiddyWiki est un system wiki offline utilisant votre navigateur et Java.
Site d'origine : http://tiddlywiki.com/#GettingStarted
! Éléments de la page
!! Colonne de gauche
Pour éditer le menu colonne à gauche : [[MainMenu]] Vous pouvez ajouter directement de nouvelles page ici.
Syntaxe:
{{{
Deux crochet rectangulaire avant et après le nom de la page.
[[Nom page]]
}}}
@@bgcolor(#ff0000):color(#ffffff):Attention: Respecter majuscule minuscule pour titre page et les tags@@
!! Colonne de droite
Cette colonne est gérer automatiquement (pas modifiable pour utilisateur basic).
search : recherche un mot
close all: ferme toute les page
permaview: (redirection vers un lien)
new tiddler: nouvelle page
new journal: nouvelle page journalière
save change: sauvegarde fichier sur disque en créant une copie
options: fenêtre option et option avancé (parametre de fonctionnement du wiki)
!!!! Option de regroupement de pages
Ca permet de retrouver une page en utlisant les tags ou autre caractéristique de la page.
!!!! Les Tags
Les tags sont des marqueurs de page pour regrouper de page du même type. Ce sont des noms clefs qui distingue la page.
Il y a aussi des clefs caché tel que la date de créations , l'absence de tag, ou tags spéciaux pour la configurations.
Ne pas modifier les page qui apparaissent automatiquement ci-dessous.
* Timeline[[TabTimeline]]
* All [[TabAll]]
* Tags [[TabTags]]
!!!! More
* Missing[[TabMoreMissing]]
* Orphans[[TabMoreOrphans]]
* Shadowed[[TabMoreShadowed]]
Toute les pages
[[SideBarTabs]]
!! Partie centrale
Tiddler : Correspond à une page
journal : Correspond à une page daté.
Tags : Groupe de page
Tag correspond à la ligne sous le cadre d'édition. C'est le groupe d'info qui permet de regrouper des pages selon un thème ou nom de groupe.
!!! Menu spécial dans le titre
backstage ouvre un menu pour modifier le wiki, ajouter des plugins, faire un update , importer des donner ou le mettre comme site.
!!!!Plugin
Comment installer un plugin.
http://tiddlywiki.org/wiki/Plugin_Installation
!!!!Les sauvegardes ou Backup
Ne pas oublier de sauvegarder (save change) Ã gauche avant de quitter le wiki.
On peut aussi simplement sauvegarder la page sous un autre nom (Save page as) dans le navigateur.
!!Les pages de contenus
Chaque page que vous ouvrez vient s'ajouter en dessous de la page ou des pages affichés.
Pour une lisibilité plus facile utiliser "close all" (colone de droite ferme toute les page), ou les menus au-dessus de chaque page , page qui re semble plutot à un paragraphe quand plusieurs sont ouverts. Ces boutons permettent aussi de naviguer vers d'autres pages.
close : ferme la page en court
close others : ferme toute les autres pages sauf celle ou vous êtes placé.
edit : edite la page celle ou vous êtes placé.
more: affiche les boutons supplémentaires ci-dessous
field: saut vers champ de saisie de la page (si existe) [[Exemple field]]
syncing: (mis à jours sur site si existant)
permalink: (utilisé en online)
references: les pages qui appellent cette page courante
jump: saut vers les pages déjà ouvertes
tags : le nom dessous à droite affiche la liste des pages du même groupe
!! Edition d'une page
Pour modifier une page utiliser bouton "edit" en haut à droite de votre page.
Petit rappel , pour créer une nouvelle page il suffit de créer un nouveau lien interne.
{{{
Code dans la page:
[[Nouvelle page]]
}}}
ou
simplement presser <<newTiddler>> et remplacer la première ligne "new tiddler" par votre nom de la page.
Plus d'info [[Edition page]]
!!!Formatage de text
[[Formats]] :Les formats et autres éléments utilisables
[[Balise]] : Ici un concentré des balises les plus utilisés , ouvrer la page avant l'édition ou la créatio d'une page pour pouvoir copier facilement.
[[Tableau]]:Un peu plus complexe avec des exemples de tableau.
[[Aide image]]: Comment mettre des images
[[Aide html]]: Formatage spécial en html (expert)
[[Macro]] Utilisation de certaines macros existante.
!!!Mis en page étendue
On peut aussi mettre des images ou ajouter un peu de couleurs au pages en utilisant des codes un peu plus évolué et compliqué, soit des macros ou du html.
On peu meme changer complètement l'aspect du wiki avec les pages de configurations.
Afficher tags aide pour acceder aux aides complémentaires : <<tag aide>>
!!!!Editer le fichier manuellement:
Si on veut faire des changements en profondeurs faut éditer le fichier. @@bgcolor(#ff0000):color(#ffffff):(Seulement pour experts en programmation) @@
Utiliser un éditeur html. Plugin existe sous firefox. ou un autre programme.
file:///D:/Armoffline/empty.html#Home
!!Lien aide (anglais)
Wiki officiel: http://tiddlywiki.com/
http://www.giffmex.org/twfortherestofus.html#[[Tips%20for%20speeding%20up%20performance%20on%20large%20TiddlyWikis]]
Exemple de table de couleur en html:
[[Couleurhtml]]
Exemple simple d'une table avec 2 cellule:
[[Tablehtml]]
Faut mettre les images dans même répertoire que le fichier du wiki. (copier l'image fractalveg.jpg depuis le site)
{{{[img[Fractal vegetable | fractalveg.jpg]]}}}
[img[Fractal vegetable | fractalveg.jpg]]
Image sur un site avec titre sous le curseur:
{{{[img[La foret|http://tiddlywiki.com/forest.jpg]]}}}
[img[La foret|http://tiddlywiki.com/forest.jpg]]
Image sur un site sans rien sous le curseur:
{{{[img[http://tiddlywiki.com/forest.jpg]]}}}
[img[http://tiddlywiki.com/forest.jpg]]
Image sur un site avec lien sous le curseur:
{{{[img[http://tiddlywiki.com/forest.jpg][http://tiddlywiki.com]]}}}
[img[http://tiddlywiki.com/forest.jpg][http://tiddlywiki.com]]
!!!!Source et syntax
{{{
[img[title|filename]]
[img[filename]]
[img[title|filename][link]]
[img[filename][link]]
}}}
!!!Positionnement de l'image:
{{{
[<img[http://tiddlywiki.com/forest.jpg]] Ã gauche
[>img[http://tiddlywiki.com/forest.jpg]] Ã droite
}}}
[<img[http://tiddlywiki.com/forest.jpg]]
[>img[http://tiddlywiki.com/forest.jpg]]
|!Format|!Apparence...|!...code à insérer...|
|Texte en gras|''texte''|{{{''texte''}}}|
|Texte Italique|//texte//|{{{//texte//}}}|
|Texte souligné|__texte__|{{{__texte__}}}|
|Texte tracé|--texte--|{{{--texte--}}}|
|Lien avec mots prédéfini|EnchiLada (inactive link - no tiddler yet)<br>WikiWord (active link to tiddler)|{{{EnchiLada}}}<br>{{{WikiWord}}}|
|Désactive mot prédéfini|~WikiWord, ~EnchiLada|{{{~WikiWord, ~EnchiLada}}}|
|Lien interne|[[Aide]]|{{{[[Aide]]}}}|
|Lien avec texte modifié|[[Aide-moi|Aide]] - lien vers Aide|{{{[[Aide-moi|Aide]]}}}|
|Lien externe:|http://groups.google.com/group/TiddlyWiki <br><br>[[TiddlyWiki Google group|http://groups.google.com/group/TiddlyWiki]]|{{{http://groups.google.com/group/TiddlyWiki}}} <br><br> {{{[[TiddlyWiki Google group|http://groups.google.com/group/TiddlyWiki]]}}}|
|Lien fichier local|To a file on a CD in your D drive: <br><br>To a file on your USB stick on your e drive: <br><br>To a file in your hard drive:|{{{file:///D:/filename.doc/}}}<br><br>{{{file:///E:/filename.doc/}}}<br><br>{{{file:///C:/filepath/filename.doc/}}}|
|Texte en vert|@@color(green):Texte en vert@@|{{{@@color(green):Texte en vert@@}}}|
|Texte fond rouge|@@bgcolor(#ff0000):color(#ffffff):couleur rouge@@|{{{@@bgcolor(#ff0000):color(#ffffff):couleur rouge@@}}}|
|Surbrillance|@@texte@@|{{{@@texte@@}}}|
|Superscript|2^^3^^=8|{{{2^^3^^=8}}}|
|Subscript|a~~ij~~ = -a~~ji~~|{{{a~~ij~~ = -a~~ji~~}}}|
|Saut de ligne|''texte''<br>''texte''<br>|{{{utiliser <br> dans les tableaux}}}|
[[Text couleur]]
[[Formats]]
Pour utiliser le wiki il suffit de créer un répertoire et copier ce fichier dans celui-ci. Les sauvegardes seront placé dans ce même répertoire.
Suite de la configuration de base:[[Configuration suite|GettingStarted]]
!!!Structure complète configurable pour expert
PageTemplate
|>|>|SiteTitle - SiteSubtitle|
|MainMenu|DefaultTiddlers<br><br><br><br>ViewTemplate<br><br>EditTemplate|SideBarOptions|
|~|~|OptionsPanel|
|~|~|AdvancedOptions|
|~|~|<<tiddler Configuration.SideBarTabs>>|
''StyleSheet:'' StyleSheetColors - StyleSheetLayout - StyleSheetPrint
SiteUrl
<html>
<table style="font-size: 10px; border: 2px; padding: 1px; width:95%;">
<tr>
<th>Color</th>
<th>Hexadecimal</th>
<th>Color</th>
<th>Hexadecimal</th>
<th>Color</th>
<th>Hexadecimal</th>
<th>Color</th>
<th>Hexadecimal</th>
</tr>
<tr>
<td>aqua</td>
<td style="background:#0FF; color:#000; font-family:monospace;">#00FFFF</td>
<td>black</td>
<td style="background:#000; color:#FFF; font-family:monospace;">#000000</td>
<td>blue</td>
<td style="background:#00F; color:#FFF; font-family:monospace;">#0000FF</td>
<td>fuchsia</td>
<td style="background:#F0F; color:#000; font-family:monospace;">#FF00FF</td>
</tr>
<tr>
<td>gray</td>
<td style="background:#808080; color:#FFF; font-family:monospace;">#808080</td>
<td>green</td>
<td style="background:#008000; color:#FFF; font-family:monospace;">#008000</td>
<td>lime</td>
<td style="background:#0F0; color:#000; font-family:monospace;">#00FF00</td>
<td>maroon</td>
<td style="background:#800000; color:#FFF; font-family:monospace;">#800000</td>
</tr>
<tr>
<td>navy</td>
<td style="background:#000080; color:#FFF; font-family:monospace;">#000080</td>
<td>olive</td>
<td style="background:#808000; color:#FFF; font-family:monospace;">#808000</td>
<td>purple</td>
<td style="background:#800080; color:#FFF; font-family:monospace;">#800080</td>
<td>red</td>
<td style="background:#F00; color:#FFF; font-family:monospace;">#FF0000</td>
</tr>
<tr>
<td>silver</td>
<td style="background:#C0C0C0; color:#000; font-family:monospace;">#C0C0C0</td>
<td>teal</td>
<td style="background:#008080; color:#fff; font-family:monospace;">#008080</td>
<td>white</td>
<td style="background:#FFF; color:#000; font-family:monospace;">#FFFFFF</td>
<td>yellow</td>
<td style="background:#FF0; color:#000; font-family:monospace;">#FFFF00</td>
</tr>
</table>
</html>
Bouton "edit" pour modifier page existante.
Vous avez 2 manières de créer une page , soit:
* Bouton "New tiddler" (Colonne droite) <<newTiddler>>
<<newTiddler label: "Nouvelle page" accessKey:1 focus:tags text: "hello" tag:greeting tag: "Un exemple">>
* Mettre un lien interne dans une page et quand vous presser sur le nom ça ouvre une page vide avec le nom à éditer .
Vous verrez 3 rectangles ou vous pouvez entrer du texte.
* La petit rectangle du haut est la titre de la page
* Le grand rectangle au milieu le corps de la page
* La petit rectangle du bas le nom du ou des groupes auxquels attribuer la page (tags)
!!! Menu page
!!!!Avant édition:
close (fermer la page)
close others (ferme les autres pages )
edit (éditer la page)
more (options avancé)
field
syncing
permalink
references (affiche les pages qui appellent la page courante)
jump (va vers une page déga ouverte)
!!!!Pendant édition:
done (sauvegarde provisoirement la page)
cancel (annule les modifications )
delete (efface la page)
!!!Formatage de text
[[Formats]] :Les formats et autres éléments utilisables
[[Balise]] : Ici un concentré des balises les plus utilisés , ouvrer la page avant l'édition ou la créatio d'une page pour pouvoir copier facilement.
[[Tableau]]:Un peu plus complexe avec des exemples de tableau.
[[Aide image]]: Comment mettre des images
[[Aide html]]: Formatage spécial en html (expert)
[[Macro]] Utilisation de certaines macros existante.
!!Exemple d'insertion html complexe avec layer (couche)
Fonctionne sous fox.
<html>
<head><style type="text/css">
div { font: 12px Arial; }
span.bold { font-weight: bold; }
#div1,#div3 {
height: 80px;
position: relative;
border: 1px dashed #669966;
background-color: #ccffcc;
padding-left: 5px;
}
#div2 {
opacity: 0.8;
z-index: 1;
position: absolute;
width: 150px;
height: 200px;
top: 20px;
left: 170px;
border: 1px dashed #990000;
background-color: #ffdddd;
text-align: center;
}
#div4 {
opacity: 0.8;
z-index: 2;
position: absolute;
width: 200px;
height: 70px;
top: 65px;
left: 50px;
border: 1px dashed #000099;
background-color: #ddddff;
text-align: left;
padding-left: 10px;
}
</style></head>
<body>
<br />
<div id="div1">
<br /><span class="bold">DIV #1</span>
<br />position: relative;
<div id="div2">
<br /><span class="bold">DIV #2</span>
<br />position: absolute;
<br />z-index: 1;
</div>
</div>
<br />
<div id="div3">
<br /><span class="bold">DIV #3</span>
<br />position: relative;
<div id="div4">
<br /><span class="bold">DIV #4</span>
<br />position: absolute;
<br />z-index: 2;
</div>
</div>
</body></html>
!Formatage de text
Utilisation: copier simplement le code source et modifier le dans votre fenêtre d'édition.
[[Balise]] : Ici un concentré des balises les plus utilisés , ouvrer la page avant l'édition ou la création d'une page pour pouvoir copier facilement.
[[Tableau]]:Un peu plus complexe avec des exemples de tableau.
[[Aide image]]: Comment mettre des images
[[Aide html]]: Formatage spécial en html (expert)
[[Macro]] Utilisation de certaines macros existante.
!!Autre formatage de page:
Affichage code:
<html><pre>
{{{
Quand il a plusieurs lignes de code
le text source est mis dans une boite.
Le accolades sont mis sur des lignes isolées.
}}}
{{{Pour un code d'une ligne les accolades reste sur la même ligne (la couleur du texte est différent).}}}
Pour afficher les accolades elle-meme des balises html sont nécessaires. (afficher la page en source pour voire)
</pre></html>
Ca donne:
{{{
Quand il a plusieurs lignes de code
le text source est mis dans une boite.
Le accolades sont mis sur des lignes isolées.
}}}
{{{Pour un code d'une ligne les accolades reste sur la même ligne (la couleur du texte est différent).}}}
''Ligne trait tillé:''
{{{----}}} donne:
----
''Bloc par ligne:''
{{{>level 1}}}
{{{>level 1}}}
{{{>>level 2}}}
{{{>>level 2}}}
{{{>>>level 3}}}
{{{>>>level 3}}}
{{{>>level 2}}}
{{{>level 1}}}
Donne:
>level 1
>level 1
>>level 2
>>level 2
>>>level 3
>>>level 3
>>level 2
>level 1
''Bloc paragraphe:''
{{{<<<}}}
{{{Extended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotes}}}
{{{<<<}}}
Donne:
<<<
Extended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotes
<<<
''Indentation simple:''
{{{ {{indent{texte }}} donne:
{{indent{texte
!!Titres hierachies
{{{
!Heading 1
!!Heading 2
!!!Heading 3
!!!!Heading 4
!!!!!Heading 5
}}}
Donne:
!Heading 1
!!Heading 2
!!!Heading 3
!!!!Heading 4
!!!!!Heading 5
!!Listes hiérachiques
{{{
* unordered list, level 1
** unordered list, level 2
*** unordered list, level 3
# ordered list, level 1
## ordered list, level 2
### unordered list, level 3
; definition list, term
: definition list, description
}}}
* unordered list, level 1
** unordered list, level 2
*** unordered list, level 3
# ordered list, level 1
## ordered list, level 2
### unordered list, level 3
; definition list, term
: definition list, description
!!Blockquotes
{{{
> blockquote, level 1
>> blockquote, level 2
>>> blockquote, level 3
<<<
blockquote
<<<
}}}
> blockquote, level 1
>> blockquote, level 2
>>> blockquote, level 3
Spécial couleur:
<<gradient vert #000000 #660000 #aa2222>>color:#ffffff;font-size:12pt;Attention: Respecter majuscule minuscule pour titre page et les tags.>>
!!Images /% TODO %/
cf. [[TiddlyWiki.com|http://www.tiddlywiki.com/#EmbeddedImages]]
!Hyperlinks
* [[WikiWords|WikiWord]] are automatically transformed to hyperlinks to the respective tiddler
** the automatic transformation can be suppressed by preceding the respective WikiWord with a tilde ({{{~}}}): {{{~WikiWord}}}
* [[PrettyLinks]] are enclosed in square brackets and contain the desired tiddler name: {{{[[tiddler name]]}}}
** optionally, a custom title or description can be added, separated by a pipe character ({{{|}}}): {{{[[title|target]]}}}<br>'''N.B.:''' In this case, the target can also be any website (i.e. URL).
!Custom Styling
* {{{@@CssProperty:value;CssProperty:value;…@@}}}<br>''N.B.:'' CSS color definitions should use lowercase letters to prevent the inadvertent creation of WikiWords.
* <html><code>{{customCssClass{…}}}</code></html>
* raw HTML can be inserted by enclosing the respective code in HTML tags: {{{<html> … </html>}}}
!Special Markers
* {{{<br>}}} forces a manual line break
* {{{----}}} creates a horizontal ruler
* [[HTML entities|http://www.tiddlywiki.com/#HtmlEntities]]
* {{{<<macroName>>}}} calls the respective [[macro|Macros]]
* To hide text within a tiddler so that it is not displayed, it can be wrapped in {{{/%}}} and {{{%/}}}.<br/>This can be a useful trick for hiding drafts or annotating complex markup.
* To prevent wiki markup from taking effect for a particular section, that section can be enclosed in three double quotes: e.g. {{{"""WikiWord"""}}}.
!! Info:
Ce Wiki est partiellement traduit. Les pages de configuration reste en anglais et certains termes pour les menus aussi.
Pour personaliser ce wiki, modifier les noms dans les pages (en bleu) suivantes:
* SiteTitle & SiteSubtitle: Titre et sous-titre dans la barre bleu en haut du wiki.
* MainMenu: Le menu à gauche (liste verticale)
* DefaultTiddlers: Page par défaut lorsque le wiki s'ouvre
Vous pouvez aussi entrer le nom de celui qui fait les pages: <<option txtUserName>>
Pour utiliser le wiki poursuiver dans : [[Aide]]
!! Votre page principale. Aujourd'huis on est le <<today>>
Ceci est juste un exemple à adapter à vos besoins.
Le menu sur votre gauche est juste une suggestion.
Excepté l'aide, les pages les pages sont vide.
Vous touverez toute les infos dans l'aide, pour adapter celui-ci à vos besoins personnels.
[[MainMenu]] Menu Gauche (éditable)
[[TabTags]] Liste tags
[[Index|SideBarTabs]] Index pages
Macro inclus dans le wiki:
* NewJournalMacro and NewTiddlerMacro
* GradientMacro
* TabMacro
* TaggingMacro
* TodayMacro
<<today>>
{{{
<<today>>
}}}
* ToolbarMacro
Fenêtre Tag :
{{{
<<tag aide>>
}}}
donne <<tag aide>>
Slider:
{{{
<<slider chkTestSlider OptionsPanel options "Change TiddlyWiki advanced options">>
}}}
Results in this button <<slider chkTestSlider OptionsPanel options "Change TiddlyWiki advanced options">>
The parameters are:
* cookie name to be used to save the state of the slider
* name of the tiddler to include in the slider
* title text of the slider
* tooltip text of the slider
[[Home]]
[[Index|SideBarTabs]]
[[Liens]]
[[NonClassé]]
[[Contacts]]
[[Rendez-Vous]]
----
[[Commission]]
[[Achat]]
[[A Faire]]
[[Projets Voyage]]
[[Idées]]
----
[[Jeux]]
[[Art Graphiques]]
[[Music]]
[[Ordinateur]]
[[Santée]]
----
[[Aide]]
[[Exemples]]
[[Configuration]]
!!Tableau:
Format d'un tableau exemple:
{{{|!Table header|!Column Two|}}}
{{{|>| colspan |}}}
{{{| rowspan |left aligned|}}}
{{{|~| right aligned|}}}
{{{|bgcolor(#DC1A1A):colored| centered |}}}
{{{||*lists<br>*within<br>*tables<br><br>and double-spaced too|}}}
{{{|caption|c}}}
Résultat:
|!Table header|!Column Two|
|>| colspan |
| rowspan |left aligned|
|~| right aligned|
|bgcolor(#DC1A1A):colored| centered |
||*lists<br>*within<br>*tables<br><br>and double-spaced too|
|caption|c
To align a cell so that its text displays at the top rather than the center, add {{{vertical-align:top;}}} at the beginning of the cell.
!!Tables
{{{
|CssClass|k
|!heading column 1|!heading column 2|
|row 1, column 1|row 1, column 2|
|row 2, column 1|row 2, column 2|
|>|COLSPAN|
|ROWSPAN| … |
|~| … |
|CssProperty:value;…| … |
|caption|c
}}}
''Annotation:''
* The {{{>}}} marker creates a "colspan", causing the current cell to merge with the one to the right.
* The {{{~}}} marker creates a "rowspan", causing the current cell to merge with the one above.
<<<
|CssClass|k
|!heading column 1|!heading column 2|
|row 1, column 1|row 1, column 2|
|row 2, column 1|row 2, column 2|
|>|COLSPAN|
|ROWSPAN| … |
|~| … |
|CssProperty:value;…| … |
|caption|c
<<<
<html>
<style type="text/css">
<!--
table {
background-color:#FFF;
width:100%;
border-collapse:collapse;
}
/* the border will be defined by the td tags */
td.BorderMeRed {
background-color:#FFF;
border:2px solid red;
padding:10px;
}
/* let's do a blue... */
td.BlueWho {
background-color:#FFF;
border:2px solid blue;
padding:15px;
}
/* and of course a default one */
td {
background-color:#FFF;
border:1px solid black;
padding:5px;
}
-->
</style>
</head>
<table>
<tr>
<td><p>
1 ligne<br>
2 ligne<br>
3 ligne<br>
</p></td>
<td><p>
1 ligne<br>
2 ligne<br>
</p></td>
</tr>
</table>
</html>
Sources et syntaxe:
{{{
@@color:#RGB;texte@@
#RGB correspond au valeurs couleur
@@color:#FF0000;texte rouge@@
@@color:#00FF00;texte vert@@
@@color:#0000FF;texte bleu@@
@@color:#800000;texte maron@@
}}}
@@color:#FF0000;texte rouge@@
@@color:#00FF00;texte vert@@
@@color:#0000FF;texte bleu@@
@@color:#800000;texte maron@@
Exemple de couleurs: [[Couleurhtml]]
!!!Texte couleur spéciale :
<<gradient horiz #bbbbbb #eeeeee #ffffff>>La balise est une macro qui permet de faire un dégradé horizontal ou vertical
même possible sur plusieurs lignes.
La preuve... >>
Exemple:
{{{
<<gradient vert #ffffff #ffdddd #ff8888>>Dégradé vertical>>
<<gradient horiz #ffffff #ffdddd #ff8888>>Dégradé horizontal>>
}}}
Donne:
<<gradient vert #ffffff #ffdddd #ff8888>>Dégradé vertical>>
<<gradient horiz #ffffff #ffdddd #ff8888>>Dégradé horizontal>>
<<gradient horiz #ffffff #ffdddd #ff8888 #000000 #999999 #aa2222 #ff444>>Ici on a une série de couleurs dégradé>>
On peut ajouter une définition CSS pour la taille et le type de fonts.
<<gradient vert #000000 #660000 #aa2222>>color:#ffffff;font-size:12pt;Darkness>>
{{{
<<gradient vert #000000 #660000 #aa2222>>color:#ffffff;font-size:12pt;Darkness>>
}}}
On peut faire des transitions brutale avec le prefix "snap" comme dans les exemples:
{{{
<<gradient vert #000000 #999999 snap:#aa2222 #ff444>>color:#ffffff;font-size:24pt;padding:4pt;More darkness>>
}}}
<<gradient vert #000000 #999999 snap:#aa2222 #ff444>>color:#ffffff;font-size:24pt;padding:4pt;More darkness>>
On avantage de mettre des couleurs intermédiaires pour avoir un dégradé régulier.
Pour sélectionner des couleurs voici des pages de couleurs sur mon site.
http://www.armuco.ch/dwiki/doku.php?id=support:table_de_couleurs1
TiddyWiki est un system wiki offline utilisant votre navigateur et Java.
Ca peut très bien se mettre sur un stick ubs.
Site d'origine : http://tiddlywiki.com/#GettingStarted