Du code wiki prêt à l'emploi

De Centre de Ressources Numériques - Association Labomedia
Aller à : Navigation, rechercher

Tout se positionne avec des tableaux

Sommaire

Tableau pratique

{| width="100%" cellspacing="0" cellpadding="10" border="1"
|-
! width="16%" | Montage Video 
| align="center" width="8%" bgcolor="#80ff80" | Licence 
| align="center" | Dépots<br>Lucid 
| align="center" width="28%" bgcolor="#ffffcc" | Les Plus 
| align="center" width="28%" bgcolor="#f5deb3" | Les moins 
| align="center" | En savoir plus
|-
| Kdenlive 
| align="center" bgcolor="#bfffbf" | GPL 
| align="center" | Oui 
| bgcolor="#ffffcc" | Complet, stable (version 0.7.7.1 sur Lucid) 
| bgcolor="#f5deb3" | KDE (guère gênant) 
| [http://www.kdenlive.org/ Le projet kdenlive]
|-
| Open Shot Video Editor 
| align="center" bgcolor="#bfffbf" | GPL 
| align="center" | Oui 
| bgcolor="#ffffcc" | Simple pour un débutant<br>Complétement intégré à Gnome 
| bgcolor="#f5deb3" | Nombre d'effets et de transitions très limités et avec peu de réglages 
| [[Open Shot Video|Un petit aperçu]]
|-
| Cinelerra 
| align="center" bgcolor="#bfffbf" | GPL 
| align="center" |  ?? 
| bgcolor="#ffffcc" | Utilisé par Licuadora Studio 
| bgcolor="#f5deb3" |  ?? 
|  ??
|}


Montage Video Licence Dépots
Lucid
Les Plus Les moins En savoir plus
Kdenlive GPL Oui Complet, stable (version 0.7.7.1 sur Lucid) KDE (guère gênant) Le projet kdenlive
Open Shot Video Editor GPL Oui Simple pour un débutant
Complétement intégré à Gnome
Nombre d'effets et de transitions très limités et avec peu de réglages Un petit aperçu
Cinelerra GPL  ?? Utilisé par Licuadora Studio  ??  ??

Tableau 1

{| border="1" cellspacing=20  cellpadding=5
|+ Légende
| height=50 width=100 align="left" | Position
| width=100 valign="top" align="center" | haut
| width=100 valign="center" align="right" |milieu
| width=100 valign="bottom" | bas
|-
| 1
| 2
| 3
| 4
|-
| 5
| 6
| 7
| 8
|}
Légende
Position haut milieu bas
1 2 3 4
5 6 7 8

Tableau 2

{| width=60% cellspacing=10 cellpadding=5 border=1
|+ Titre du tableau: la colonne 4 manque, c'est normal, elle n'est pas définie !
|- style="background:#FAECFF; font-size:18px; text-align:center"
| colonne 1
| colonne 2
| colonne 3
|-
| width="40%" align="left" | text 1
| width="20%" align="right"  | text 2
| width="20%" align="center" | text 3
| width="20%" align="center" | text 4
|}
Titre du tableau: la colonne 4 manque, c'est normal, elle n'est pas définie !
colonne 1 colonne 2 colonne 3
text 1 text 2 text 3 text 4

Tableau avec tableaux imbriqués, options d'alignement, couleur, taille

<!-- Note : 1er tableau -->
{| cellspacing=5 cellpadding=5 border=0 width=100%
|- style="background:#e0e0ff; color:#555555; font-size:16px; "
! width="50%" | text 1 !! text 2
|-
|valign=top|
<br>
text 3
| 
text 4
|}
<!-- Note : 2ème tableau -->
{| cellspacing=10 cellpadding=10 border=0 width=100%
|- style="background:#e0e0e0; color:#555555; font-size:18px;"
! width="75%" colspan="2" | texte 5
|
{| border="1"
|tableau imbriqué
|autre cellule
|}
|
{| border="1"
|tableau imbriqué
|autre cellule
|}
|}


text 1 text 2


text 3

text 4

texte 5
tableau imbriqué autre cellule
tableau imbriqué autre cellule

Options de style

'''Comment décaler les textes et ajuster la hauteur ?'''
{| cellspacing=5 cellpadding=5 border=1 width=80%
! toto 1 !! toto 2
|+ <big> Le titre </big>
| colspan="2" bgcolor="#FF0000" | Tableau 1
|-
| width=50% height="100" | <div style="text-align:center; text-valign:center; height:100px; background:#dddddd; -moz-border-radius:20px; font-size: 36px; align:center "> text 12 <br> <small> text 13 </small></div>
| width=50% | <div style="text-align:center; background:#eeeeee; -moz-border-radius:20px; font-size: 24px;"> text 14 <br> <small> text 15 </small></div>
|-
| width=50% height="100" | <div style="text-align:right; height:80px; background:#dddddd; -moz-border-radius:20px; font-size: 12px;"> text 16 <br> <small> text 17 </small></div>
| width=50% | <div style="text-align:left; background:#eeeeee; -moz-border-radius:20px; font-size: 12px;"> text 18 <br> <small> text 19 </small></div>
|}
Le titre
toto 1 toto 2
Tableau 1
text 12
text 13
text 14
text 15
text 16
text 17
text 18
text 19

Problèmes rencontrés avec les liens externes

Il arrive que les liens externes comportent des caractères reconnus comme syntaxe wiki et non comme hyperlien. Il faut alors remplacer ces caractères par leur code correspondant :

   ' → %27
   [ → %5B
   ] → %5D
   espace → %20
Outils personnels
Espaces de noms

Variantes
Actions
Navigation
Les blogs
Atelier du c01n
Logiciels
Thèmes
Interaction
Boîte à outils
Participer