Bien mettre en forme son texte
Pour faciliter la lecture et rendre les pages plus agréables au regard, nous avons décidé de créer des balises sémantiques un peu comme le bbcode, mais beaucoup plus faciles à utiliser, notamment grâce à l'utilisation de noms français.
exemple pour le bbcode
Code : zCode
[b]Pour écrire un texte en gras[/b]
Exemple maintenant avec nos balises
Code : zCode
<gras>Pour écrire un texte en gras</gras>
Ces balises vous sont accessibles à tous les endroits du site ou vous pouvez rajouter du texte à savoir
Code : zCode
Code : zCode
Code : zCode
Code : zCode
Pour créer une liste à puces nous avons plusieurs possiblités.
Code : zCode
<liste>
<puce>1ère phrase</puce>
<puce>2ème phrase</puce>
</liste>
Ce qui nous donne
On peut aussi imbriquer plusieurs listes à puces
Code : zCode
<liste>
<puce>1ère phrase</puce>
<liste><puce>texte imbriquée 1</puce>
<puce>texte imbriquée 2</puce></liste>
<puce>2ème phrase</puce>
</liste>
Ce qui nous donne
Elles sont très utiles dans le forum et permettent de reprendre un texte écrit précédemment par une autre personne
Code : zCode
<citation nom="moi">Je me cite moi même
</citation>
ce qui nous donne
Citation : moi
Code : zCode
Code : zCode
ou bien
Code : zCode
Code : zCode
ou bien
Code : zCode
En cliquant sur cette icone vous pourrez envoyer une image utilisable par la suite en miniature ou en taille réelle.
Plusieurs valeurs possibles
Exemple de code
Code : zCode
Cette balise prend deux valeurs possible
cette balise permet d'aligner un élément à gauche ou à droite selon votre choix. Tous ce qui sera en dehors de la balise flottant l'entourera. Ces de cette manière la que je rédige la plupart de mes news, en mettant une photo à gauche ou a droite suivi du texte qui l'encadre
Code : zCode
Ce qui nous donne
Code : zCode
Elle peut prendre différentes valeurs
Code : zCode
Code : zCode
Ils permettent de structurer votre page. Un titre1 aura une importance plus grande qu'un titre2
Code : zCode
Code : zCode
Code : zCode
Code : zCode
Code : zCode
Code : zCode
exemple pour le bbcode
Code : zCode
[b]Pour écrire un texte en gras[/b]
Exemple maintenant avec nos balises
Code : zCode
<gras>Pour écrire un texte en gras</gras>
Ces balises vous sont accessibles à tous les endroits du site ou vous pouvez rajouter du texte à savoir
- le forum
- l'album photos
- les commentaires de news
- la rédaction de news
- la rédaction d'articles
- ...
balises accèssible depuis un formulaire
Mettre du texte en gras
Code : zCode
<gras>texte en gras</gras>
Mettre du texte en italique
Code : zCode
<italique>texte en italique</italique>
souligner du texte
Code : zCode
<souligne>texte souligné</souligne>
Barrer du texte
Code : zCode
<barre>texte barré</barre>
Créer une liste à puces
Pour créer une liste à puces nous avons plusieurs possiblités.
Code : zCode
<liste>
<puce>1ère phrase</puce>
<puce>2ème phrase</puce>
</liste>
Ce qui nous donne
- 1ère phrase
- 2ème phrase
On peut aussi imbriquer plusieurs listes à puces
Code : zCode
<liste>
<puce>1ère phrase</puce>
<liste><puce>texte imbriquée 1</puce>
<puce>texte imbriquée 2</puce></liste>
<puce>2ème phrase</puce>
</liste>
Ce qui nous donne
- 1ère phrase
- texte imbriquée 1
- texte imbriquée 2
- 2ème phrase
les citations
Elles sont très utiles dans le forum et permettent de reprendre un texte écrit précédemment par une autre personne
Code : zCode
<citation nom="moi">Je me cite moi même
</citation>ce qui nous donne
Citation : moi
Je me cite moi même
Les images
Code : zCode
<image>http://www.lemontagnardesalpes.fr/templates/images/1/header.png</image>
les liens
Code : zCode
<lien url="www.lemontagnardesalpes.fr">Le montagnard des alpes</lien>
ou bien
Code : zCode
<lien url="www.lemontagnardesalpes.fr">www.lemontagnardesalpes.fr</lien>
les email
Code : zCode
<email addr="infos@lemontagnardesalpes.fr">infos@lemontagnardesalpes.fr</email>
ou bien
Code : zCode
<email addr="infos@lemontagnardesalpes.fr">Mon email</email>
L'envoi d'images depuis un formulaire
En cliquant sur cette icone vous pourrez envoyer une image utilisable par la suite en miniature ou en taille réelle.
Les balises présentées sous forme de liste déroulante
position
Plusieurs valeurs possibles
- justifié
- gauche
- centré
- droite
Exemple de code
Code : zCode
<position valeur="gauche">Texte à gauche</position>
Flottant
Cette balise prend deux valeurs possible
- gauche
- droite
cette balise permet d'aligner un élément à gauche ou à droite selon votre choix. Tous ce qui sera en dehors de la balise flottant l'entourera. Ces de cette manière la que je rédige la plupart de mes news, en mettant une photo à gauche ou a droite suivi du texte qui l'encadre
Code : zCode
<flottant valeur="droite">texte flottant à droite</flottant>
<image><image>images/autres/1/14711577384816f25128609649611762.gif</image></image>
<image><image>images/autres/1/14711577384816f25128609649611762.gif</image></image>
Ce qui nous donne
texte flottant à droite
taille
Code : zCode
<taille valeur="ttgros">taille du texte</taille>
Elle peut prendre différentes valeurs
- texte très très petit (ttpetit)
- texte très petit (tpetit)
- texte petit (petit)
- texte gros (gros)
- texte très gros (tgros)
- texte très très gros (ttgros)
couleur
Code : zCode
<couleur nom="vertf">texte en vert foncé</couleur>
Police
Code : zCode
<police nom="arial">texte écrit en arial</police>
Les titres
Ils permettent de structurer votre page. Un titre1 aura une importance plus grande qu'un titre2
Code : zCode
<titre1>Voici un titre de classe 1</titre1>
Code : zCode
<titre2>Voici un titre de classe 2</titre2>
icônes diverses
Code : zCode
<information>Pour information</information>
Pour information
Code : zCode
<attention>attention</attention>
attention
Code : zCode
<erreur>Il y a une erreur</erreur>
Il y a une erreur
Code : zCode
<question>Vous avez une question ?</question>
Vous avez une question ?
