{| cellspacing="0" style="float: center; width:100%; "
| style="width:55%; background-color:#cccccc; text-align:left; vertical-align: top" |
a
| style="width:0.52em; text-align:left; vertical-align: top" |
| style="text-align:left; vertical-align: top" |
b
|}

{| cellspacing="0" style="float: left; margin-left: 3px; margin-bottom: 3px; width: 98%; margin-right: 3px; border: #99B3FF solid 1px"
|-
| style="text-align: center" | '''TITRE 1'''
|-
|
|}

voir aussi Wikipédia:Modèles/Tableaux#Cadre le code :
{{Cadre
|logo = [[Image:Feather.svg|center|22px|plume]]
|Titre = À FAIRE
|bord = B10026
|fond = FFeeee
|fond_titre = Ff559C
|alignement_titre = center
|taille_titre = 150%
|page = {{NAMESPACE}}:{{PAGENAME}}/A Faire
}}

Le code :

{{/Cadre1
|titre = [[Image:Nuvola apps khelpcenter.png|none|22px|bouée]] TITRE
|tailleTitre = 100%
|bord = 8888AA
|fond = eeddbb
|fond_titre = ffffff
|align_titre = center
|modèle = Utilisateur:ZA/Bac à sable/contenu_a
}}

Si on veut inclure une sous page de la page dans laquelle on inclut le cadre: inclure le nom de page comme suit modèle = {{NAMESPACE}}:{{PAGENAME}}/Souspages

Utilisateur:Bessie/Tableaux/Cadre1

<div style="display:block; border:1px solid #5555AA ; vertical-align:center; width:100%; background-color:#eeddbb; margin-bottom:6px; margin-top:5px; padding-bottom:5px; padding-left:0px; padding-right:0px;">
<div style="float:right;">
<font size="1"><nowiki>[[[{{{modèle}}}|modifier]]] </nowiki>
</div>
<h2 style="background-color:#55cc55; text-align:center; font-weight:bold; margin-bottom:5px; margin-top:0; margin-left:0px; margin-right:0px; padding:5px 3px 7px 4px; font-size:100%; ">
[[Image:Nuvola apps khelpcenter.png|none|22px|bouée]] TITRE
</h2>
<div style="padding-left:4px;padding-right:4px;vertical-align:top;">
{{{{{modèle}}}}}
</div>
</div>

/Cadre2

{{/Cadre2 |

Titre = [[Image:Feather.svg|left|22px|plume]] TITRE plume |

bord = B17B26 |

fond = F8E2BF |

fond_titre = F2D19C |

align_titre = left |

tailleTitre = 110% |

modèle = {{NAMESPACE}}:{{PAGENAME}}/contenu_a}}

code modèle

{| cellspacing="0" style="float: center; width:100%; background-color:#{{{fond}}}; border: #{{{bord}}} solid 1px; "

| style="background-color:#{{{fond_titre}}}; text-align:{{{align_titre}}}; :font-size:{{{tailleTitre}}}; padding:5px 3px 7px 4px" |

{{{Titre}}}

| style="width:2.52em; background-color:#{{{fond_titre}}};text-align:center;" |

<small><nowiki>[</nowiki>[[{{{modèle}}}|modifier]]<nowiki>]</nowiki> </small>

|-

|colspan="2" ; text-align:left; padding:5px 3px 7px 4px" |

{{{{{modèle}}}}}

|-

|}

Utilisateur:Bessie/Tableaux/Cadre2

align_titre = center|

Utilisateur:Bessie/Tableaux/Cadre2

align_titre = center|

et Image:xxx|none|22px|plume]]

Utilisateur:Bessie/Tableaux/Cadre2

{{/Cadre3 |

logo = [[Image:Feather.svg|center|22px|plume]]|

Titre = TITRE plume |

bord = B17B26 |

fond = F8E2BF |

fond_titre = F2D19C |

align_titre = left |

tailleTitre = 110% |

modèle = {{NAMESPACE}}:{{PAGENAME}}/contenu_a

}}

code du modèle : {| cellspacing="0" style="float: center; width:100%; background-color:#{{{fond}}}; border: #{{{bord}}} solid 1px; " | style="width:2.52em; background-color:#{{{fond_titre}}};text-align:cente " | {{{logo}}} | style="font-size:{{{tailleTitre}}};text-align:{{{align_titre}}}; background-color:#{{{fond_titre}}};" | {{{Titre}}} | style="width:2.52em; background-color:#{{{fond_titre}}}; text-align:right;" |

<small><nowiki>[</nowiki>[[{{{modèle}}}|modifier]]<nowiki>]</nowiki> </small>

|-

|colspan="3" style="padding:5px 3px 7px 4px" | {{{{{modèle}}}}} |- |}

Utilisateur:Bessie/Tableaux/Cadre3

align_titre = center|

Utilisateur:Bessie/Tableaux/Cadre3

align_titre = center|

et Image:xxx|none|22px|plume]]

Utilisateur:Bessie/Tableaux/Cadre3

{| cellspacing="0" style="float: center; width:100%; border: #99B3FF solid 1px; "
| style="width:2.52em; background-color:#cc00cc; text-align:center" |
a
|
b
|}

{| cellspacing="0" style="float: center; width:100%; background-color:#e0e8ff; border: #0000ff solid 1px; "
| style="width:3.52em; height:3.52em; background-color:#99b3ff; text-align:center" |
[[Image:Wikipedia mug.jpg|center|30px|meta]]
| style="font-size:80%; padding:0.47em; line-height:1.25em" |
cel2
|}

{{Utilisateur:ZA/Composant1}} ou Utilisateur:ZA/Composant1 {{Modèle:Utilisateur:ZA/Composant1|Couleur_fond2=e0e8ff
|couleur_bord=0000ff
|Couleur_cel1=99b3ff
|cel1= cel1
|cel2_fontsize=150%
|cel2= cel2
}}

code du modèle

{| cellspacing="0" style="float: center; width:100%; background-color:#{{{Couleur_fond2}}}; border: #{{{couleur_bord}}} solid 1px; "
| style="width:3.52em; height:3.52em; background-color:#{{{Couleur_cel1}}}; text-align:center" | {{{cel1}}}
| style="font-size:{{{cel2_fontsize}}}; padding:0.47em; line-height:1.25em" | {{{cel2}}}
|}

Modèle:Composant1
{{Composant1|Couleur_fond2=ffffff
|couleur_bord=cccccc
|Couleur_cel1=009924
|width_cel1=1.52em
|height_cel1=0.52em
|cel2_fontsize=100%
|cel1=
|cel2= cel2
}}

code du modèle :

{| cellspacing="0" style="float: center; width:100%; background-color:#{{{Couleur_fond2}}}; border: #{{{couleur_bord}}} solid 1px; "

| style="width:3.52em; height:3.52em; background-color:#{{{Couleur_cel1}}}; text-align:center" | {{{cel1}}}

| style="font-size:{{{cel2_fontsize}}}; padding:0.47em; line-height:1.25em" | {{{cel2}}}

|}

:{| cellspacing="0" style="float: center; width:100%; background-color:#e0e8ff; border: #0000ff solid 1px; "

| style="width:3.52em; height:3.52em; background-color:#99b3ff; text-align:center" |

cel1a

| style="font-size:110%; padding:0.47em; line-height:1.25em; background-color:#22b3ff;" | cel1b

|-

| style="width:3.52em; height:3.52em; background-color:#99b300; text-align:center" | cel2a

| style="font-size:80%; padding:0.47em; line-height:1.25em" | cel2b

|-

|}

Utilisateur:ZA/Composant2

{{Utilisateur:ZA/Composant2|Couleur_fond2=e0e8ff

|couleur_bord=0000ff

|Couleur_cel1a=99b3ff

|Couleur_cel1b=99b3ff

|cel1b_fontsize=150%

|Couleur_cel2a=99b3ff

|cel1a= [[Image:Wikipedia mug.jpg|center|30px|meta]]

|cel1b= cel1b

|cel2a= cel2a

|cel2b= cel2b

}}

code composant2

{| cellspacing="0" style="float: center; width:100%; background-color:#{{{Couleur_fond2}}}; border: #{{{couleur_bord}}} solid 1px; "

| style="width:3.52em; height:3.52em; background-color:#{{{Couleur_cel1a}}}; text-align:center" |

{{{cel1a}}}

| style="font-size:{{{cel1b_fontsize}}}; padding:0.47em; line-height:1.25em; background-color:#{{{Couleur_cel1b}}};" | {{{cel1b}}}

|-

| style="width:3.52em; height:3.52em; background-color:#{{{Couleur_cel2a}}}; text-align:center" | {{{cel2a}}}

| style="font-size:80%; padding:0.47em; line-height:1.25em" | {{{cel2b}}}

<div align=right><small>[[{{{Nom_composant}}}|Voir_et_éditer]]</small></div>

|-

|}

{{Utilisateur:ZA/Composant3|Couleur_fond2=e0e8ff |couleur_bord=0000ff |Couleur_cel1a=99b3ff |Couleur_cel1b=99b3ff |cel1b_fontsize=150% |Couleur_cel2a=99b3ff |cel1a= [[Image:Wikipedia mug.jpg|center|30px|meta]] |cel1b= cel1b |cel2a= cel2a |cel2b= cel2b |cel3_fontsize=80% |Couleur_cel3=00e8ff <nowiki>|cel3= cel3 }}</nowiki>