n Retour accueil n Ecriture de l'article 1 de la rubrique NEWS
Nom ou pseudo >
Courriel >
Titre >

Signature >


Enrichissement du texte
Les fonctions d'enrichissement du texte pourront vous permettre de rendre vos articles plus attractifs et plus lisibles, d'y insérer des liens interactifs et de les illustrer. SIRE v2 est orienté publication, et les principaux éléments typographiques de l'édition de journaux et magazines - titres, chapôs, intertitres, notes, etc.- sont prédéterminés dans la feuille de style CSS. Cette notion de charte graphique permet d'obtenir une homogénéité de l'ensemble des publications du site, garante d'une lisibilité et d'un confort de lecture maximum.

L'enrichissement du texte se fait grâce à des ZUCODES. Le principe est de placer les zucodes adéquats de part et d'autre de la partie du texte à enrichir. Le zucode ouvrant (*X*) est placé avant le texte à enrichir, le zucode fermant (*/X*) est placé aprés.

Exemple :
*g*texte en gras*/g* donnera texte en gras

Les zucodes les plus usuels se placent à l'aide des boutons placés sous le formulaire (sélectionner le texte puis cliquer sur le bouton) ou en les tapant au clavier (cf. tableau ci-dessous). Les zucodes sont utilisables seulement en zone de texte; sur-titre, titre et signature étant gérés par le script.
zucode ouvranttextezucode fermantRésultatBouton
CHARTE TYPOGRAPHIQUE
*titre24*Titre*/titre24*Titre+
*titre18*Titre*/titre18*Titre+
*chapo*Chapô d'article*/chapo*chapô d'article+
*inter*Intertitre*/inter*Intertitre+
*legende*Légende photo*/legende*Légende photo+
*note*Note*/note*Note+
TEXTE :: Style
*g*gras*/g*Gras+
*i*italique*/i*Italique+
*s*souligné*/s*Souligné+
*reverse*couleurs inversées*/reverse*couleurs inversées+
TEXTE :: Couleurs courantes
*bleu*bleu*/bleu*bleu+
*rouge*rouge*/rouge*rouge+
*vert*vert*/vert*vert+
*orange*orange*/orange*orange+
*violet*violet*/violet*violet+
ALIGNEMENTS
L'alignement par défaut est à gauche.
*centre*Elément*/centre*Centré+
*droite*Elément*/droite*Aligné à droite+
ENCADRES
*cadresombre*Texte à encadrer*/cadresombre*Texte à encadrer+
*cadreclair*Texte à encadrer*/cadreclair*Texte à encadrer+
*cadregris*Texte à encadrer*/cadregris*Texte à encadrer+
IMAGES > Insertion simple
L'image est alignée à gauche par défaut.
*img*gras*/img*<-+
IMAGES > Alignement avec habillage
L'image est alignée à gauche ou à droite. Le texte l'habille.
*imgg*italique*/imgg*Align. gauche+
*imgd*texte*/imgd*Align. droite+
IMAGES > Redimensionnement
Le redimensionnement d'images permet d'insérer de manière optimale les images sur le site. Notamment des images trop grandes qui peuvent le déformer. La dimension 480px est adaptée aux illustrations des articles, la dimension 150 px aux images publiées dans les chandelles (colonne de droite). Le dimension 240 permet un habillage de la photo (le texte entoure la photo par la gauche).
*img150*italique*/img150*+
*img240*texte*/img240*Largeur 240px-
*img480*texte*/img480*Largeur 480px+
Exemple :
*img150*img/logo.gif*/img*
donnera
LIENS INTERACTIFS
Liens sur URL (=adresse internet)
Lien simple
L'adresse internet sélectionnée constitue automatiquement le texte du lien.
*lien*http://www.google.com*/lien*http://www.google.com+
Lien sur texte
Vous rédigez le texte du lien.
*lien=
adresse
internet*
texte du lien*/lien*cf. exemple-
Exemple :
*lien=http:www.google.com*Moteur de recherche Google*/lien*
donnera Moteur de recherche Google
Liens sur adresse de courriel
Le signe @ est remplacé par % pour raison de sécurité (anti-spam).
*courriel*contact@wanadoo.fr*/courriel*contact@wanadoo.fr+
*courriel=
contact@
wanadoo.fr*
Wanadoo*/courriel*Wanadoo+
LIGNES HORIZONTALES
Pas de zucode fermant.
*ligneclaire/*---
*lignesombre/*---
*lignegrise/*---
***
Cas particuliers hors charte graphique
FONCTIONS NON ACTIVEES
Pour des besoins particuliers, vous pouvez déterminer vos propres valeurs. Couleur et taille d'un texte. Fond et couleur de texte d'un encadré.
Nom et code HTML des couleurs
TEXTE :: Autres couleurs
Les couleurs peuvent être indiquées par leur nom ou par leur code
*color=blue*blue*/color*blue-
*color=#DC143C*crimson*/color*crimson-
TEXTE :: Taille
Les tailles sont indiqués en pixels.
*taille=18*texte*/taille*texte-
ENCADRES : autres cadres
Le zucode ouvrant est la séquence *cadre=couleur du fond=couleur du texte*.
Les couleurs peuvent être indiquées par leur nom ou par leur code
*cadre=blue=gold*Texte à encadrer*/cadre*Texte à encadrer-
***
Feuille de style
La charte typographique, peut être modifiée en éditant la feuille de style (style.css).
L'édition du fichier style.css suppose de connaitre un minimum le langage CSS (Cascading Style Sheet).